.gin-shell{max-width:1100px;margin:auto}.gin-play-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.gin-play-heading h1{font-size:clamp(26px,4vw,42px);margin:0}.gin-table{--felt:#174d47;--gold:#f4c981;position:relative;isolation:isolate;padding:24px 32px 18px;color:#f8f4e9;background:radial-gradient(ellipse at 50% 35%,#3a7163a0,transparent 65%),repeating-linear-gradient(93deg,#ffffff03 0 1px,transparent 1px 4px),var(--felt);border:8px solid #153932;box-shadow:inset 0 0 0 1px #c8b18770,inset 0 0 70px #082e32,0 16px 40px #16312c24;border-radius:30px;overflow:hidden;min-width:0}.gin-table:after{content:'';position:absolute;inset:10px;border:1px solid #c9b88630;border-radius:18px;pointer-events:none;z-index:-1}.gin-table *{box-sizing:border-box}.gin-table button{font:inherit;cursor:pointer}.gin-table button:disabled{cursor:default}.gin-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.gin-score{display:flex;gap:14px;align-items:center;background:#062c2bb3;border:1px solid #ffffff1c;border-radius:14px;padding:8px 14px;min-width:130px}.gin-score span{font-size:13px;max-width:160px;overflow-wrap:anywhere}.gin-score strong{font-size:30px;color:#fff0ce}.gin-score.is-turn{border-color:#e9cf97;box-shadow:0 0 20px #dfc58918}.gin-context{color:#d4dfd2;font-size:12px;text-align:center}.gin-opponent{display:flex;justify-content:center;height:75px;padding-top:16px;perspective:700px}.gin-back{display:block;border:3px solid #e5d6b5;border-radius:7px;background:repeating-linear-gradient(45deg,transparent 0 6px,#e6bd7735 6px 7px),repeating-linear-gradient(-45deg,transparent 0 6px,#e6bd7735 6px 7px),linear-gradient(#254f5c,#142d37);box-shadow:0 3px 0 #cabf9e,0 6px 10px #00181266}.gin-opponent .gin-back{width:42px;height:58px;margin-left:-19px;transform:rotate(calc((var(--i) - 4.5)*3deg)) translateY(calc((var(--i) - 4.5)*(var(--i) - 4.5)*.2px))}.gin-message{font-size:clamp(14px,2vw,18px);font-weight:650;min-height:27px;text-align:center;margin:18px 0 12px!important;color:#fff2d2}.gin-piles{display:flex;align-items:center;justify-content:center;gap:26px;margin:6px auto 16px;min-height:144px}.gin-pile-button{background:transparent;border:0;color:#dae7de;padding:0;display:grid;justify-items:center;gap:10px;min-width:84px;font-size:12px!important}.gin-pile-button:not(:disabled):hover .gin-card,.gin-pile-button:not(:disabled):hover .gin-back{transform:translateY(-5px);box-shadow:0 8px 18px #0006,0 0 0 3px #f4ce8c}.gin-stock-back{width:80px;height:112px;display:grid;place-items:center;font-size:8px;letter-spacing:2px;color:#edddbd;box-shadow:2px 3px 0 #dfd4b8,4px 6px 0 #eae2cd,6px 9px 0 #918976,8px 13px 18px #0005;transition:transform .2s}.gin-table-mark{font-size:21px;letter-spacing:5px;font-weight:800;line-height:1.5;white-space:pre;text-align:center;color:#e8d5a435;transform:rotate(-7deg);user-select:none}.gin-card{position:relative;width:80px;height:112px;flex-shrink:0;border:1px solid #cec6b1!important;border-radius:8px;padding:0!important;color:#20333c!important;background:radial-gradient(ellipse at 50% 50%,#fffcf4,#f4eddc)!important;box-shadow:0 3px 0 #c9c0ac,0 5px 9px #001b244d;transition:transform .2s,box-shadow .2s;transform-style:preserve-3d;touch-action:manipulation}.gin-card[data-suit='1'],.gin-card[data-suit='2']{color:#b73d49!important}.gin-corner{position:absolute;top:5px;left:6px;display:grid;line-height:.95;font-size:17px;text-align:center}.gin-corner span{font-size:15px}.gin-bottom{inset:auto 6px 5px auto;transform:rotate(180deg)}.gin-face{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:38px;text-shadow:0 2px #fff}.gin-hand-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin:16px 0 12px;color:#e4eadb}.gin-small{border:1px solid #93b2a480;background:#0b393780;color:#f0ecd8;border-radius:20px;min-height:44px;padding:7px 13px;font-size:12px!important}.gin-hand{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px;align-items:end;min-height:125px;padding-top:12px;perspective:1000px}.gin-hand .gin-card{width:100%;height:auto;aspect-ratio:5/7;max-height:126px;min-height:90px}.gin-card.is-meld{box-shadow:0 3px 0 #91d4b6,0 0 0 2px #8dd6b894,0 6px 10px #001b243d}.gin-card.is-selected{transform:translateY(-12px) rotate(-2deg);box-shadow:0 3px 0 #e7c075,0 0 0 3px #f4c981,0 12px 20px #001b2466}.gin-card:focus-visible,.gin-table button:focus-visible{outline:3px solid #ffe4a1;outline-offset:4px;z-index:3}.gin-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;min-height:46px}.gin-primary,.gin-secondary{min-height:46px;padding:11px 20px;border:0;border-radius:12px;font-size:14px;font-weight:750;cursor:pointer}.gin-primary{background:#f2cc8b;color:#163e3a;box-shadow:0 3px 0 #bc965b}.gin-secondary{background:#073330;color:#fff0cc;border:1px solid #9cb5a980}.gin-primary:disabled,.gin-secondary:disabled{opacity:.5;box-shadow:none}.gin-note{font-size:12px!important;text-align:center;color:#d3dfd3;line-height:1.5;min-height:36px;margin:16px auto 0!important;max-width:580px}.gin-card.is-new{animation:gin-draw .45s cubic-bezier(.2,.7,.2,1) both}.gin-card.is-dealt{animation:gin-deal .45s both;animation-delay:calc(var(--i)*.035s)}.gin-result{background:#f9f3e5;border:1px solid #e6dcc7;padding:24px;border-radius:20px;margin-top:18px}.gin-result h2{font-size:28px;margin:0 0 8px}.gin-result p{font-size:15px}.gin-result>.gin-primary{margin-top:20px}.gin-reveal-cards{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.gin-reveal-cards .gin-card{width:48px;height:70px}.gin-reveal-cards .gin-face{font-size:22px}.gin-reveal-cards .gin-corner{font-size:12px;left:4px;top:4px}.gin-reveal-cards .gin-bottom{display:none}.gin-help{margin:20px 0}.gin-help p{font-size:14px;line-height:1.65;max-width:850px}.gin-scorecard{width:100%;border-collapse:collapse;font-size:13px;margin-top:18px}.gin-scorecard caption{text-align:left;padding:10px;font-weight:700}.gin-scorecard td,.gin-scorecard th{text-align:left;padding:10px 6px;border-bottom:1px solid #dedce4;overflow-wrap:anywhere}.gin-start{padding:40px 24px;text-align:center;border-radius:24px;background:#edf4ed}.gin-start p{max-width:520px;margin:16px auto}.gin-start h2{font-size:32px}.gin-landing{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center}.gin-landing h1{font-size:clamp(40px,6vw,70px);line-height:1.03;margin:14px 0 24px}.gin-landing p{font-size:18px;max-width:470px}.gin-hero-art{border-radius:30px;padding:42px 28px;background:radial-gradient(ellipse,#467463,#153b36);min-height:330px;display:grid;align-content:center;justify-items:center;overflow:hidden;border:7px solid #173e36;box-shadow:inset 0 0 0 1px #d4bd8966}.gin-hero-art>p{color:#ebdcb9;font-size:13px;letter-spacing:2px;text-align:center}.gin-preview-hand{display:flex;padding:30px 20px 24px;perspective:700px}.gin-preview-hand .gin-card{margin-left:-10px;transform:rotate(calc((var(--i) - 2)*7deg)) translateY(calc((var(--i) - 2)*(var(--i) - 2)*4px));animation:gin-preview 5s ease-in-out infinite;animation-delay:calc(var(--i)*.15s)}.gin-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.gin-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:34px 0}.gin-facts h2{font-size:23px}.gin-facts p{font-size:15px}.ar-account{padding:24px;border:1px solid #dde3df;border-radius:18px;margin:30px 0}.ar-account h2{font-size:25px}.ar-account p{font-size:15px}.gin-practice-exit{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
@keyframes gin-draw{from{opacity:0;transform:translateY(-80px) rotateY(65deg) scale(.9)}to{opacity:1;transform:none}}@keyframes gin-deal{from{opacity:0;transform:translate(60px,-30px) rotate(15deg)}to{opacity:1;transform:none}}@keyframes gin-preview{0%,70%,100%{translate:0 0}35%{translate:0 -12px}}
@media(max-width:800px){.gin-landing{grid-template-columns:1fr}.gin-hero-art{min-height:280px}.gin-table{padding:18px 16px 16px;border-width:5px;border-radius:22px}.gin-hand{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;min-height:0}.gin-hand .gin-card{min-height:75px;max-height:130px}.gin-context{font-size:11px}.gin-score{min-width:0;padding:6px 10px;gap:8px}.gin-score strong{font-size:25px}.gin-score span{font-size:12px;max-width:110px}.gin-facts{grid-template-columns:1fr;gap:8px}.gin-piles{margin-bottom:4px;gap:20px}.gin-opponent{height:65px}.gin-message{margin-top:12px!important}.gin-hand-bar{margin-top:10px}.gin-actions{margin-top:16px}.gin-scorecard th,.gin-scorecard td{font-size:12px}.gin-play-heading{align-items:flex-start}.gin-preview-hand .gin-card{width:68px;height:95px}.gin-preview-hand{padding-left:0;padding-right:0}.gin-table-mark{font-size:16px}}
@media(max-width:360px){.gin-hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px}.gin-table{padding:14px 10px}.gin-corner{font-size:15px;left:4px}.gin-bottom{right:4px;left:auto}.gin-face{font-size:30px}.gin-preview-hand .gin-card{width:56px;height:80px}.gin-hero-art{padding:25px 12px}.gin-context{max-width:54px}.gin-score span{max-width:65px}.gin-table-mark{display:none}}
@media(prefers-reduced-motion:reduce){.gin-card,.gin-back{animation:none!important;transition:none!important}.gin-preview-hand .gin-card{animation:none}}
.section.gin-shell{padding-top:28px;padding-bottom:30px}.gin-pile-button:disabled{opacity:.72}.gin-table .gin-card{opacity:1}.gin-solo-save{font-size:13px}
@media(max-width:800px){.gin-hand .gin-face{font-size:27px;align-items:end;padding-bottom:15px}.gin-hand .gin-corner{font-size:16px;top:5px;left:5px}.gin-hand .gin-corner span{font-size:12px}.gin-hand .gin-bottom{display:none}}
.party-stage.gin-room-stage{padding:0;background:transparent;border:0}.room-is-live .gin-details{display:none}.party-shell:has(.gin-room-stage) .party-people{display:none}@media(max-width:800px){.section.gin-shell{padding-inline:14px}.gin-room-stage .gin-table{padding-inline:12px}}
@media(min-width:801px){.gin-table{padding:16px 26px 14px}.gin-score{padding:4px 12px}.gin-score strong{font-size:25px}.gin-opponent{height:48px;padding-top:8px}.gin-opponent .gin-back{width:30px;height:42px;margin-left:-11px}.gin-message{font-size:15px;line-height:1.35;min-height:20px;margin:8px 0!important}.gin-piles{min-height:108px;margin:4px auto 8px}.gin-piles .gin-card,.gin-stock-back{width:60px;height:84px}.gin-pile-button{gap:7px}.gin-hand-bar{margin:6px 0 4px}.gin-small{min-height:36px}.gin-hand{min-height:105px}.gin-hand .gin-card{min-height:90px;max-height:105px}.gin-actions{margin-top:14px;min-height:44px}.gin-note{min-height:18px;margin-top:12px!important;max-width:850px}}