:root{--gr-deep:#173832;--gr-table:#315d51;--gr-yellow:#efc465;--gr-coral:#db6652}
.game-intro h1{font-size:clamp(4rem,7vw,7.8rem)}.game-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:13px;padding-bottom:13px}.score-strip{display:flex;gap:16px;flex-wrap:wrap;color:#c7ddd2;font-size:.65rem;letter-spacing:.07em;text-transform:uppercase}.score-strip b{color:#fff}
.gr-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px}.gr-table{display:grid;grid-template-columns:minmax(130px,1fr) minmax(250px,2fr) minmax(130px,1fr);grid-template-areas:". north ." "west centre east" ". you ." "tip tip tip";align-items:center;gap:20px;min-width:0;min-height:800px;padding:28px;background:radial-gradient(circle at center,rgba(239,196,101,.1),transparent 42%),repeating-radial-gradient(circle at center,transparent 0 170px,rgba(255,255,255,.045) 171px 172px,transparent 173px 340px),var(--gr-table)}.gr-north{grid-area:north}.gr-west{grid-area:west}.gr-east{grid-area:east}.gr-you{grid-area:you}.gr-centre{grid-area:centre}.gr-tip{grid-area:tip}.gr-player{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(10,36,31,.25)}.gr-player.active{border-color:var(--gr-yellow);box-shadow:0 0 0 2px rgba(239,196,101,.12)}.gr-person{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#fff}.gr-person .avatar{width:29px;height:29px;flex:none;font-size:.78rem}.gr-person strong{font-size:.75rem}.gr-person small{margin-left:auto;color:#d4e5db;font-size:.55rem;text-transform:uppercase;white-space:nowrap}.gr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:6px}.gr-west .gr-cards,.gr-east .gr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-north .gr-cards,.gr-you .gr-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.gr-slot{display:block;width:100%;max-width:56px;height:78px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.gr-slot:focus-visible{outline:3px solid var(--gr-yellow);outline-offset:3px}.gr-slot:hover{transform:translateY(-4px)}.gr-back,.gr-card{display:block;position:relative;width:100%;height:100%;border-radius:6px}.gr-back{display:grid;place-items:center;border:3px solid #fff4df;background:var(--gr-coral);box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 5px 10px rgba(0,0,0,.2);color:#fff8ed;font-size:1.4rem}.gr-card{background:#fffaf1;box-shadow:0 5px 12px rgba(0,0,0,.24);color:#153a32;font-family:var(--serif)}.gr-card.red{color:var(--gr-coral)}.gr-card b{position:absolute;top:5px;left:7px;font-size:1.05rem;font-weight:400;line-height:1}.gr-card small{display:block;font-size:.6rem}.gr-card i{position:absolute;inset:0;display:grid;place-items:center;font-size:1.7rem;font-style:normal}.gr-centre{text-align:center}.table-kicker{margin:0 0 10px;color:var(--gr-yellow);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gr-centre h2{max-width:470px;margin:0 auto 21px;color:#fff8e9;font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,2rem);font-weight:400;line-height:1.16}.gr-piles{display:flex;justify-content:center;gap:12px}.gr-piles>div>span{display:block;min-height:22px;color:#d2e4d9;font-size:.54rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gr-pile{width:62px;height:86px;margin:auto;border:1px dashed rgba(255,255,255,.35);border-radius:7px;display:grid;place-items:center;color:#c5d9cc}.gr-pile .gr-card{width:58px;height:82px}.gr-stock{border:3px solid #fff4df;background:var(--gr-coral);color:#fff;font-size:1.5rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.gr-empty{color:#bdd1c6;font-size:.58rem}.gr-message{min-height:40px;margin:15px auto;color:#e3eee8;font-size:.7rem;line-height:1.5}.gr-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.gr-controls button{min-height:39px;padding:8px 12px;border:1px solid rgba(255,255,255,.45);border-radius:4px;background:#f5ecdc;color:#173832;font-size:.64rem;font-weight:700;cursor:pointer}.gr-controls button:hover,.gr-controls button:focus-visible{background:var(--gr-yellow)}.gr-controls [data-call]{background:var(--gr-coral);border-color:var(--gr-coral);color:#fff}.gr-controls button[hidden],.result-dialog[hidden]{display:none!important}.gr-tip{margin:0;padding:12px 16px;border-top:1px solid rgba(255,255,255,.2);color:#c5dbcf;font-size:.68rem;line-height:1.5;text-align:center}
.game-panel{gap:18px;padding:25px 21px;background:var(--gr-deep)}.action-card p{min-height:0}.history-panel ol{max-height:330px}.history-panel li{display:block}.result-dialog{inset:0}.result-card{max-height:calc(100vh - 36px);overflow-y:auto}.result-card>button{width:100%;min-height:45px;border:0;background:var(--gr-coral);color:#fff;font-weight:700;cursor:pointer}.gr-scores{display:grid;gap:8px;margin:20px 0}.gr-scores>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px;background:#e8dece;color:#1c3c34}.gr-scores span{grid-column:1/-1;color:#65776e;font-size:.65rem}.game-taxonomy{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:27px}.rules{padding-top:85px}.rules-grid article{min-height:175px}.game-background{margin-top:0}
@media(max-width:1150px){.gr-layout{grid-template-columns:1fr}.gr-table{min-height:700px}.game-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.history-panel{grid-column:1/-1}}
@media(max-width:760px){.site-header nav a:first-child{display:inline}.gr-table{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"north north" "west east" "centre centre" "you you" "tip tip";gap:10px;min-height:0;padding:14px 10px 20px}.gr-player{padding:8px}.gr-north,.gr-you{width:min(100%,330px);justify-self:center}.gr-west,.gr-east{align-self:start}.gr-cards,.gr-west .gr-cards,.gr-east .gr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gr-north .gr-cards,.gr-you .gr-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.gr-slot{max-width:45px;height:64px}.gr-card b{font-size:.82rem}.gr-card small{font-size:.51rem}.gr-card i{font-size:1.35rem}.gr-person{flex-wrap:wrap;gap:4px}.gr-person small{width:100%;margin-left:0}.gr-centre{padding:18px 4px}.gr-centre h2{font-size:1.45rem}.gr-pile{width:56px;height:77px}.gr-pile .gr-card{width:52px;height:73px}.game-panel{display:block}.game-panel>*+*{margin-top:14px}.rules{padding-top:50px}.rules-grid article{min-height:0}.game-taxonomy{grid-template-columns:1fr}.gr-tip{font-size:.62rem}}