.gin-game{padding:8px;background:#e4e8da;border:1px solid #c5cfb8;border-radius:24px;box-shadow:0 14px 40px #183f370a}.gin-game-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:9px 15px 17px}.gin-game-top h2{font:600 12px Arial,sans-serif;letter-spacing:0;display:flex;gap:10px;align-items:center}.gin-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:8px}.gin-play-area{min-width:0;background:#fcfaf2;border-radius:18px;overflow:hidden}.gin-felt{position:relative;isolation:isolate;min-height:435px;background:radial-gradient(ellipse at 45% 35%,#2d6354,#194638);padding:23px 24px 20px;border-radius:18px 18px 0 0;color:#edf0dc}.gin-felt::before{content:'';position:absolute;inset:10px;border:1px solid #d7c48d30;border-radius:22px;pointer-events:none;z-index:-1}.gin-scoreline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1.5px;color:#c3d1b5}.gin-scoreline>span:nth-child(2){font-size:6px;color:#d1c59b;letter-spacing:2px}.gin-scoreline strong{font:22px Georgia,serif;color:#f2e4b9;margin-left:8px;letter-spacing:0}.gin-opponent-label{text-align:center;font-size:7px;letter-spacing:1.6px;margin:16px 0 10px;color:#c6d4ba}.gin-opponent-label>span{display:block;font-size:8px;letter-spacing:0;color:#adc4a4;margin-top:3px}.gin-opponent{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;min-height:43px}.gin-back{width:27px;height:38px;border:2px solid #efe8d0;border-radius:4px;background:repeating-linear-gradient(45deg,#789b76 0 2px,#2b5646 2px 4px);transform:rotate(-4deg);box-shadow:0 3px 4px #09271b22}.gin-back:nth-child(2n){transform:rotate(4deg)}.gin-piles{display:flex;justify-content:space-evenly;align-items:center;gap:20px;padding:24px 0 22px}.gin-pile{background:transparent;color:#e3e8cf;display:flex;flex-direction:column;align-items:center;gap:8px;padding:9px 13px;border:1px solid transparent;border-radius:15px;min-width:130px;transition:background .2s,border-color .2s}.gin-pile:disabled{opacity:.6}.gin-pile:not(:disabled):hover{background:#e1d6a918;border-color:#d0c89977}.gin-pile strong{font-weight:500;font-size:11px}.gin-pile small{font-size:8px;color:#bfd0b4}.gin-stock-art{width:54px;height:75px;border:4px solid #ece6d2;border-radius:7px;display:grid;place-items:center;font-size:28px;color:#e0c98e;background:repeating-linear-gradient(45deg,#486f54 0 3px,#759069 3px 4px);box-shadow:3px 3px 0 #b3bca0}.gin-table-caption{font:20px Georgia,serif;letter-spacing:4px;text-align:center;color:#bcc49c88}.gin-table-caption small{display:block;font:5px Arial,sans-serif;letter-spacing:1.1px;margin-top:10px}.gin-discard-face{min-height:75px;display:grid;place-items:center}.gin-static-card,.gin-card{position:relative;flex-shrink:0;display:inline-block;width:56px;height:79px;background:#fffaf0;color:#203d32;border:1px solid #d6d8c5;border-radius:7px;box-shadow:0 4px 6px #122a221c;vertical-align:middle;text-align:left}.gin-rank{position:absolute;top:6px;left:7px;font:18px/1 Georgia,serif;z-index:1}.gin-rank i{font-size:13px;display:block;margin-top:3px;font-style:normal}.gin-pip{position:absolute;inset:0;display:grid;place-items:center;font:30px Georgia,serif;padding:15px 0 0 10px}.gin-static-card.red,.gin-card.red{color:#a34a39}.gin-card{padding:0;transition:transform .18s,box-shadow .18s;border-bottom:5px solid #b9b7a2}.gin-card:disabled{opacity:1;cursor:default}.gin-card:not(:disabled):hover{transform:translateY(-6px)}.gin-card.selected{transform:translateY(-11px);outline:3px solid #e3c77d;outline-offset:3px;box-shadow:0 8px 15px #092c2280}.gin-card.selected:focus-visible{outline-color:#e3c77d}.meld-run{border-bottom:5px solid #71ae89}.meld-set{border-bottom:5px solid #d8b867}.gin-hand-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #c4d0aa33;padding-top:15px;font-size:8px;letter-spacing:1.1px;color:#c1d0ae}.gin-hand-heading b{font-size:6px;letter-spacing:.7px;margin-left:12px;color:#e2d3a4;font-weight:400}.gin-hand-heading strong{font:21px Georgia,serif;letter-spacing:0;margin-left:8px;color:#f0dfaa}.gin-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;row-gap:16px;padding:26px 0 12px;min-height:115px}.gin-legend{display:flex;justify-content:center;gap:18px;font-size:8px;color:#c4d2b5}.gin-legend span{display:flex;gap:5px;align-items:center}.gin-legend i{width:6px;height:6px;border-radius:50%;background:#71ae89}.gin-legend span:nth-child(2) i{background:#d8b867}.gin-legend span:nth-child(3) i{background:#b9b7a2}.gin-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#285d4dfc,#173d32fc);z-index:3;border-radius:18px 18px 0 0;padding:30px;text-align:center}.gin-welcome .eyebrow{color:#cfceaa;font-size:7px}.gin-welcome-cards .gin-example-hand{padding:14px 0;margin-bottom:5px}.gin-welcome h3{font:40px/1.1 Georgia,serif;letter-spacing:-1.3px;margin:8px 0 15px}.gin-welcome>p{font-size:12px;color:#c7d4bb;line-height:1.8;max-width:330px;margin-bottom:22px}.gin-welcome .primary{background:#e0bf85;color:#294335;padding:12px 24px}.gin-welcome .primary:hover{background:#ecd19f}.gin-welcome .secondary{margin-top:12px;color:#d8e0c9;border-color:#aabd9c66;font-size:10px}.gin-live-status{font-size:12px;line-height:1.8;min-height:68px;display:flex;align-items:center;padding:17px 23px;background:#f4f3e9;border-bottom:1px solid #d8ddc8;color:#3b583e}.gin-controls{padding:18px 23px}.gin-controls>p{font-size:11px;color:#6b795e;line-height:1.8;margin-bottom:13px}.gin-controls>div{display:flex;gap:10px;flex-wrap:wrap}.gin-controls .primary,.gin-controls .secondary{font-size:11px;min-height:44px;padding:11px 17px;gap:8px}.gin-controls .primary{background:#31573f}.gin-controls .primary:hover:not(:disabled){background:#264831}.gin-controls button:disabled{opacity:.4}.gin-session{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 21px;background:#ebeedf;font-size:7px;letter-spacing:1px;color:#7a886b}.gin-session strong{font:16px Georgia,serif;color:#405e3e;margin-left:6px;letter-spacing:0}.gin-session .text-button{font-size:9px}.gin-coach{background:#dce3ce;border-radius:18px;padding:26px 22px;display:flex;flex-direction:column}.gin-coach>.eyebrow{font-size:7px;color:#718263}.gin-coach h3{font:30px/1.1 Georgia,serif;margin:25px 0 20px}.gin-coach>p{font-size:12px;color:#576e4c;line-height:1.9}.gin-coach-note{border-top:1px solid #bdccac;padding-top:20px;margin-top:25px}.gin-coach-note>p{font-size:11px;line-height:1.85;color:#617750;margin-top:12px}.gin-coach>a{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;gap:10px;font-size:11px;text-decoration:none;color:#385436}.gin-coach>small{font-size:9px;color:#788a65;margin-top:18px}.gin-suggested{outline:3px solid #dfc77f!important;outline-offset:3px}.gin-card.suggested-card{outline:3px solid #dbc27e;outline-offset:3px}.gin-opponent .gin-static-card{width:34px;height:49px}.gin-opponent .gin-rank{font-size:13px;left:4px;top:4px}.gin-opponent .gin-rank i{font-size:10px;margin-top:2px}.gin-opponent .gin-pip{font-size:19px;padding:12px 0 0 7px}.gin-setup-diagram{background:radial-gradient(ellipse,#2c604e,#214b3a);border-radius:22px;padding:25px;margin:25px 0;text-align:center;color:#d8e4c9}.gin-setup-diagram>div>span{font-size:8px;letter-spacing:1.5px}.gin-setup-diagram small{display:block;font-size:10px;color:#bdd0ae;letter-spacing:0;margin-top:5px}.gin-mini-backs{font-size:22px;letter-spacing:2px;color:#bcccab;margin:8px 0}.gin-setup-piles{display:flex;justify-content:center;align-items:center;gap:65px;padding:25px 0}.gin-setup-piles>span{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:8px;letter-spacing:1.3px}.gin-setup-piles b{font-size:44px;line-height:1.6;font-weight:400;color:#d8c88b}.gin-example-hand{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 0}.gin-example-hand .gin-static-card{transform:rotate(-5deg)}.gin-example-hand .gin-static-card:nth-child(2n){transform:rotate(5deg)}.gin-meld-examples{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.gin-meld-examples figure{margin:0;background:#f9f6ed;border:1px solid #cbd4bb;border-radius:20px;padding:22px 18px}.gin-meld-examples figcaption{margin-top:18px}.gin-meld-examples figcaption strong{display:block;font-size:13px}.gin-meld-examples figcaption>span{display:block;font-size:12px;color:#687d57;line-height:1.8;margin-top:9px}.gin-deadwood-example{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #c7d2b6;border-radius:20px;background:#e2e8d5;padding:25px}.gin-deadwood-example>div:first-child{flex:1}.gin-deadwood-example h4{font:26px Georgia,serif;margin-top:12px}.gin-deadwood-example p{font-size:12px}.gin-finish-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.gin-finish-cards>div{border:1px solid #c9d3ba;border-radius:20px;padding:24px;background:#e9eddf}.gin-finish-cards>div:last-child{background:#f0e7d2;border-color:#d1c59d}.gin-finish-cards>div>span{font-size:8px;letter-spacing:1.5px;color:#748660}.gin-finish-cards h4{font:32px Georgia,serif;margin-top:15px}.gin-finish-cards p{font-size:12px}.gin-layoff-visual{border:1px solid #cbd4bb;border-radius:20px;padding:24px;margin:25px 0;background:#f9f7ee}.gin-layoff-visual>div{display:flex;justify-content:center;align-items:center;gap:25px;padding:18px 0 10px}.gin-layoff-visual>div>b{color:#95a47d;font-size:24px;font-weight:400}.gin-layoff-visual p{font-size:12px}.gin-score-explorer{border:1px solid #c7d2b6;border-radius:21px;background:#e3e9d9;padding:9px;margin:25px 0}.gin-score-explorer>p{padding:24px;background:#fbf9f0;border-radius:15px;margin:0;min-height:130px;font-size:16px;line-height:1.9}.gin-related{display:block;margin-top:20px;font-size:11px;text-underline-offset:5px;color:#607951}.gin-result{max-width:570px;max-height:calc(100dvh - 30px);overflow:auto;padding:28px}.gin-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.gin-dialog-top button{border:1px solid #c4d0b5;background:transparent;width:33px;height:33px;border-radius:50%;font-size:22px;color:#617953}.gin-result h2{font:35px/1.12 Georgia,serif;margin:20px 0}.gin-result h2:focus{outline:none}.gin-result>p{font-size:13px;line-height:1.9}.gin-result #gr-result-detail{display:flex;gap:15px;background:#e2e9d6;border-radius:18px;margin:22px 0;padding:22px}.gin-result #gr-result-detail:empty{display:none}.gin-result #gr-result-detail>div{flex:1;display:flex;flex-direction:column;gap:8px}.gin-result #gr-result-detail span{font-size:7px;letter-spacing:1px;color:#718861}.gin-result #gr-result-detail strong{font:36px Georgia,serif;color:#3c603d}.gin-result #gr-result-detail small{font-size:10px;color:#6e805e;line-height:1.8}.gin-result #gr-result-scores{font-size:11px;padding-top:5px;border-top:1px solid #cdd6be}.gin-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.gin-result-actions button{font-size:11px;padding:12px 18px;gap:8px;flex:1;min-height:45px}.gin-page button:focus-visible{outline:3px solid #c49a4b;outline-offset:4px}.gin-page #play{scroll-margin-top:20px}
@media(max-width:1100px){.gin-game-layout{grid-template-columns:minmax(0,1fr) 230px}.gin-felt{padding:22px 18px}.gin-table-caption{font-size:16px;letter-spacing:2px}.gin-table-caption small{font-size:4px}.gin-piles{gap:10px}.gin-pile{min-width:110px;padding-inline:9px}.gin-hand{gap:6px}.gin-card{width:49px;height:72px}.gin-coach{padding:24px 19px}.gin-coach h3{font-size:28px}.gin-deadwood-example{flex-direction:column;align-items:stretch}.gin-deadwood-example>.gin-example-hand{align-self:center}.gin-controls{padding:17px 19px}}
@media(max-width:850px){.gin-game-layout{grid-template-columns:1fr}.gin-coach{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;padding:25px}.gin-coach>.eyebrow{grid-column:1/-1}.gin-coach h3{margin:0;font-size:29px}.gin-coach>p{grid-column:2;grid-row:2/4}.gin-coach-note{margin:0;padding-top:15px;grid-column:1}.gin-coach>a{grid-column:1/-1;margin:0;padding:10px 0 0;border-top:1px solid #c1cfb1}.gin-coach>small{display:none}.gin-card{width:56px;height:79px}.gin-table-caption{font-size:20px}.gin-pile{min-width:135px}.gin-deadwood-example{flex-direction:row}.gin-live-status{font-size:12px}}
@media(max-width:580px){.gin-page .page-intro>div>p br{display:none}.gin-page .page-intro h1{font-size:38px}.gin-game{padding:5px;border-radius:22px}.gin-game-top{padding:10px 8px 14px;gap:10px;align-items:flex-start}.gin-game-top h2{font-size:10px;line-height:1.5;max-width:140px;gap:7px;margin-top:7px}.gin-game-top h2 .live-dot{flex-shrink:0;margin-top:4px}.gin-game-top .mode-switch{flex-shrink:0}.gin-game-top .mode-switch button{font-size:9px;gap:5px;padding:8px 10px}.gin-felt{padding:18px 12px 18px;min-height:440px}.gin-scoreline{font-size:7px;letter-spacing:.7px}.gin-scoreline strong{font-size:20px;margin-left:5px}.gin-scoreline>span:nth-child(2){font-size:5px;letter-spacing:1px}.gin-opponent{gap:3px;min-height:37px}.gin-back{width:22px;height:32px;border-width:2px}.gin-opponent-label{margin-top:17px;font-size:6px}.gin-opponent-label>span{font-size:7px}.gin-piles{padding:19px 0 21px;gap:3px;justify-content:space-between}.gin-pile{min-width:100px;padding:7px 5px;gap:7px}.gin-table-caption{font-size:12px;letter-spacing:1px;max-width:65px;line-height:1.5}.gin-table-caption small{display:none}.gin-pile strong{font-size:9px}.gin-pile small{font-size:7px}.gin-stock-art{width:46px;height:65px;font-size:25px;border-width:3px}.gin-discard-face{min-height:65px}.gin-discard-face .gin-static-card{width:46px;height:65px}.gin-hand-heading{font-size:7px;letter-spacing:.7px;align-items:flex-start}.gin-hand-heading b{display:block;font-size:6px;margin:5px 0 0}.gin-hand-heading strong{font-size:19px;margin-left:4px}.gin-hand{padding-top:24px;gap:6px;row-gap:16px;min-height:160px;max-width:100%}.gin-card{width:44px;height:66px;border-bottom-width:4px}.gin-rank{font-size:16px;top:5px;left:6px}.gin-rank i{font-size:11px}.gin-pip{font-size:25px;padding:15px 0 0 9px}.gin-card.selected{transform:translateY(-8px);outline-width:2px;outline-offset:2px}.gin-card.suggested-card{outline-width:2px;outline-offset:2px}.gin-legend{font-size:7px;gap:14px;margin-top:3px}.gin-welcome{padding:26px 20px}.gin-welcome h3{font-size:34px}.gin-welcome p{font-size:11px;max-width:270px}.gin-welcome .eyebrow{font-size:6px}.gin-welcome .primary{font-size:11px;gap:16px;min-height:45px}.gin-welcome .secondary{font-size:10px}.gin-live-status{padding:15px 16px;font-size:11px;min-height:70px}.gin-controls{padding:17px 15px}.gin-controls>p{font-size:10px}.gin-controls>div{gap:8px}.gin-controls .primary,.gin-controls .secondary{font-size:10px;flex:1;padding:11px 12px;gap:6px}.gin-controls #gr-pass{flex:1 0 100%}.gin-controls #gr-next{flex:1 0 100%}.gin-session{padding:9px 14px;gap:8px;font-size:6px}.gin-session>span:nth-child(2){font-size:5px;letter-spacing:.5px;max-width:120px;text-align:center}.gin-session .text-button{font-size:8px;padding:10px 0}.gin-coach{display:block;padding:22px}.gin-coach h3{margin:17px 0 13px;font-size:29px}.gin-coach>p{font-size:12px}.gin-coach-note{margin-top:19px;padding-top:15px}.gin-coach>a{margin-top:18px;padding-top:13px;font-size:10px}.gin-opponent .gin-static-card{width:25px;height:38px}.gin-opponent .gin-rank{font-size:10px;top:3px;left:3px}.gin-opponent .gin-rank i{font-size:8px;margin-top:2px}.gin-opponent .gin-pip{font-size:15px;padding:10px 0 0 5px}.gin-setup-diagram{padding:22px 17px}.gin-mini-backs{font-size:16px;letter-spacing:1px}.gin-setup-diagram small{font-size:9px}.gin-setup-piles{gap:45px}.gin-meld-examples{gap:12px;grid-template-columns:1fr}.gin-meld-examples figure{display:flex;gap:20px;align-items:center;padding:20px 16px}.gin-meld-examples figcaption{margin:0;flex:1}.gin-meld-examples figcaption strong{font-size:12px}.gin-meld-examples figcaption>span{font-size:11px}.gin-meld-examples .gin-static-card{width:34px;height:51px}.gin-meld-examples .gin-rank{font-size:13px;top:4px;left:4px}.gin-meld-examples .gin-rank i{font-size:10px;margin-top:2px}.gin-meld-examples .gin-pip{font-size:20px;padding:13px 0 0 7px}.gin-example-hand{gap:4px}.gin-deadwood-example{display:block;padding:22px}.gin-deadwood-example .gin-example-hand{margin-top:15px}.gin-deadwood-example h4{font-size:25px}.gin-finish-cards{gap:12px;grid-template-columns:1fr}.gin-finish-cards>div{padding:22px}.gin-finish-cards h4{font-size:30px;margin-top:11px}.gin-layoff-visual{padding:21px 16px}.gin-layoff-visual>div{gap:14px}.gin-layoff-visual .gin-static-card{width:41px;height:60px}.gin-layoff-visual .gin-rank{font-size:15px}.gin-layoff-visual .gin-pip{font-size:24px}.gin-score-explorer>p{font-size:14px;padding:22px;min-height:155px}.gin-score-explorer .example-switch button{flex:1;white-space:normal;line-height:1.5}.gin-result{padding:23px;max-height:calc(100dvh - 20px)}.gin-result h2{font-size:32px}.gin-result>p{font-size:12px}.gin-result #gr-result-detail{gap:12px;padding:18px}.gin-result-actions{flex-direction:column}.gin-result-actions button{flex:none;min-height:45px}.gin-page .reference-title>strong{font-size:22px}.gin-page .reference-title>span{font-size:5px}}
.gin-card.laid-card,.gin-static-card.laid-card{border-bottom:5px solid #70a9c8}.gin-page .gin-static-card.meld-run{border-bottom:5px solid #71ae89}.gin-page .gin-static-card.meld-set{border-bottom:5px solid #d8b867}
@media(prefers-reduced-motion:reduce){.gin-card,.gin-pile{transition:none}}