@import url("../hearts/hearts.css");
:root{--plum-950:#192f29;--plum-900:#315348;--plum-800:#4b7060;--plum-700:#608570;--red:#ce6852;--yellow:#edc065}
.game-intro h1{font-size:clamp(3.6rem,7vw,7rem)}.game-topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:14px;padding-bottom:14px}.round-data{gap:20px;font-size:.61rem}.top-actions{display:flex;gap:8px}.quiet-button:disabled{opacity:.4;cursor:default}.snap-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px}.snap-table{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:800px;padding:26px 25px 32px;background:radial-gradient(circle at center,rgba(237,192,101,.11),transparent 40%),repeating-radial-gradient(circle at 50% 42%,transparent 0 150px,rgba(255,255,255,.035) 151px 152px,transparent 153px 300px),var(--plum-800)}.snap-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,920px)}.snap-player{position:relative;display:grid;grid-template-columns:34px 1fr;gap:3px 9px;align-items:center;min-height:77px;padding:12px 14px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(10,34,25,.13)}.snap-player.active{border-color:var(--yellow);background:rgba(237,192,101,.12)}.snap-player.safe{opacity:.65}.snap-player .avatar{grid-row:1/3;width:32px;height:32px;background:#aa85a3}.snap-player:nth-child(2) .avatar{background:var(--yellow);color:#263d31}.snap-player:nth-child(3) .avatar{background:#c58767}.snap-player strong{font-size:.72rem}.snap-player small{color:#c7d9c8;font-size:.57rem;letter-spacing:.03em;text-transform:uppercase}.mini-deck{position:absolute;right:13px;top:24px;color:#eacdb5;font-size:1.25rem;letter-spacing:-8px}.current-player{min-height:52px;padding:24px 0 8px;color:var(--yellow);text-align:center;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.snap-centre{display:flex;justify-content:center;align-items:center;gap:clamp(30px,6vw,100px);width:100%;padding:18px 0}.call-display{text-align:center;min-width:165px}.call-display>small,.call-display>span{display:block;color:#d5e0cd;font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}.call-display>strong{display:block;margin:14px 0;color:#fff4dc;font-family:var(--serif);font-size:clamp(2.6rem,4vw,4.7rem);font-weight:400;line-height:1}.call-display>span{color:#b4c9b3;font-size:.48rem}.slap-pile{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:160px;padding:15px 18px;border:2px solid #db775c;border-radius:15px;background:rgba(20,42,29,.28);color:#fff2d7;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.slap-pile:hover:not(:disabled),.slap-pile:focus-visible:not(:disabled){border-color:var(--yellow);box-shadow:0 0 0 4px rgba(237,192,101,.15);outline:0}.slap-pile:active:not(:disabled){transform:scale(.98)}.slap-pile:disabled{cursor:default;opacity:.7}.slap-pile>strong{color:#ffb293;font-size:.86rem;letter-spacing:.22em}.slap-pile>small{color:#c0d2bc;font-size:.54rem}.face-slot{display:block;width:98px;height:140px;pointer-events:none}.playing-card{display:block;width:98px;height:140px;margin:0;border-radius:8px;cursor:default;pointer-events:none}.playing-card .card-rank{top:10px;left:10px;font-size:1.6rem;line-height:1}.playing-card .card-rank small{display:block;margin-top:4px;font-size:.85rem}.playing-card .card-pip{font-size:2.8rem}.empty-pile{display:grid;place-items:center;width:98px;height:140px;padding:10px;border:1px dashed rgba(255,255,255,.3);border-radius:8px;color:#c4d4bd;text-align:center;font-size:.62rem}.comparison-note{margin:4px 0 0;color:#e0e7ce;text-align:center;font-size:.72rem}.table-message{width:min(100%,650px);min-height:64px;margin:14px 0 0;color:#ebefdf;text-align:center;font-size:.77rem;line-height:1.6}.human-zone{width:min(100%,920px);margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.15)}.human-heading{display:flex;align-items:center;gap:9px;font-size:.75rem}.human-heading .avatar{width:32px;height:32px}.human-heading small{color:#c6d5c2;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.human-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:20px}.own-deck{display:flex;flex-direction:column;align-items:center;gap:9px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#d6e0cd;cursor:pointer}.own-deck>small{font-size:.53rem;text-transform:uppercase;letter-spacing:.05em}.own-deck:disabled{cursor:default;opacity:.55}.own-deck:hover:not(:disabled),.own-deck:focus-visible:not(:disabled){border-color:var(--yellow);outline:0}.deck-back{display:grid;place-items:center;width:66px;height:91px;border:4px solid #fff5df;border-radius:6px;background:#ce6852;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6),0 6px 15px rgba(0,0,0,.2);color:#fff5df;font-size:1.8rem}.human-controls>div{max-width:300px}.human-controls p{margin:0 0 10px;color:#cbdcc3;font-size:.68rem;line-height:1.5}.flip-button{padding:10px 13px;border:1px solid #c5a258;border-radius:4px;background:var(--yellow);color:#283e2c;font-size:.69rem;font-weight:700;cursor:pointer}.flip-button>small{margin-left:10px;padding:2px 4px;border:1px solid rgba(40,62,44,.25);border-radius:3px;font-size:.52rem}.flip-button:disabled{opacity:.42;cursor:default}
.game-panel{gap:18px;padding:24px 21px;background:#263f32}.instruction-card .panel-kicker{color:#a64f39}.instruction-card>strong{font-size:1.6rem}.instruction-card p{font-size:.73rem;line-height:1.55}.start-button{width:100%;margin-top:15px;padding:11px;border:0;border-radius:4px;background:var(--red);color:#fff;font-weight:700;font-size:.7rem;cursor:pointer}.start-button[hidden]{display:none}.pace-control>label:first-child{display:block;margin-bottom:7px;color:#dce5d0;font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}.pace-control select{width:100%;padding:9px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#304f3b;color:#f6ebd6;font:inherit;font-size:.7rem}.pace-control select:disabled{opacity:.7}.auto-control{display:flex;align-items:center;gap:8px;margin-top:12px;color:#d5e1ca;font-size:.69rem;cursor:pointer}.auto-control input{accent-color:var(--yellow);width:16px;height:16px}.pace-control p{margin:10px 0 0;color:#acbea6;font-size:.61rem;line-height:1.5}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel-heading h2{margin:0;color:#e5ecd8;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.panel-heading>small{color:#a8bda2;font-size:.53rem}.order-panel ol,.history-panel ol{margin:9px 0 0;padding:0;list-style:none}.order-panel li{display:flex;align-items:center;gap:9px;padding:6px 8px;border-top:1px solid rgba(255,255,255,.09);color:#d5e2c9;font-size:.62rem}.order-panel li>strong{flex:1;font-size:.62rem}.order-panel li>b{color:var(--yellow);font-size:.57rem}.order-panel li>small{color:#9db591;font-size:.54rem}.order-panel .order-empty{font-size:.61rem;line-height:1.45;color:#acc3a0}.history-panel ol{max-height:245px;overflow-y:auto;scrollbar-color:#7c9a6d transparent}.history-panel li{display:flex;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.09);color:#c4d6b8;font-size:.61rem;line-height:1.45}.history-panel li strong{flex:0 0 37px;color:var(--yellow);font-size:.53rem;text-transform:uppercase}.fair-play{color:#afc5a3}.fair-play strong{color:#edf0dc}.pause-overlay{position:absolute;z-index:25;inset:0;display:grid;place-items:center;padding:22px;background:rgba(12,30,21,.86);backdrop-filter:blur(5px)}.pause-overlay[hidden]{display:none}.pause-overlay>div{width:min(430px,100%);padding:30px;background:var(--paper);color:var(--ink)}.pause-overlay span{color:#9a523d;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pause-overlay h2{margin:12px 0;font-family:var(--serif);font-size:2.7rem;font-weight:400}.pause-overlay p{color:#657063;font-size:.83rem;line-height:1.5}.pause-overlay button{width:100%;padding:12px;border:0;background:var(--red);color:white;font-weight:700;cursor:pointer}.result-dialog{inset:0}.result-card{max-height:calc(100vh - 40px);overflow-y:auto}.final-scores small{display:block;margin-top:6px;font-size:.52rem}.final-scores b{font-size:1.15rem}.rules{padding-top:88px}.rules-grid article{padding:1.5rem}.rules-grid h3{margin:1rem 0 .6rem;font-size:1.4rem}.rules-grid p{font-size:.79rem}.game-background p+p{margin-top:1rem}
@media(max-width:1100px){.snap-layout{grid-template-columns:1fr}.game-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.fair-play{grid-column:1/-1;margin:0}.snap-table{min-height:750px}.rules{grid-template-columns:1fr;gap:2rem}.rules-heading>p{max-width:700px}}
@media(max-width:760px){.site-header nav a:first-child{display:inline}.site-header nav{gap:.8rem;font-size:.68rem}.game-topbar{justify-content:center;padding:14px 18px}.round-data{justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.snap-table{min-height:0;padding:17px 10px 25px}.snap-players{gap:5px}.snap-player{grid-template-columns:25px 1fr;gap:3px 5px;padding:8px;min-height:63px}.snap-player .avatar{width:25px;height:25px;font-size:.7rem}.snap-player strong{font-size:.59rem}.snap-player small{font-size:.48rem}.mini-deck{display:none}.snap-centre{gap:14px;padding:20px 0 15px}.call-display{min-width:130px}.call-display strong{font-size:2.7rem}.call-display>small{font-size:.53rem}.call-display>span{font-size:.42rem}.slap-pile{min-width:140px;padding:12px 11px}.human-controls{gap:15px}.human-controls p{font-size:.62rem}.game-panel{display:flex;padding:23px 18px}.comparison-note{font-size:.66rem}.table-message{font-size:.69rem;min-height:68px}.human-zone{margin-top:10px}.rules{padding:65px 18px}.rules-grid article{padding:1.3rem 0}.game-intro h1{font-size:clamp(3.2rem,11vw,6rem)}.result-card{padding:1.5rem}.result-card h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}