@import url("../hearts/hearts.css");
:root{--plum-950:#182b36;--plum-900:#253b47;--plum-800:#3d5b65;--plum-700:#527783;--red:#bf6150;--yellow:#e9bc6d}
.game-topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:14px;padding-bottom:14px}.score-strip{gap:10px}.score-strip>strong{color:var(--yellow);font-size:.6rem}.score-strip>div{display:flex;gap:12px}.score-strip b{min-width:30px;padding:0 4px;border-radius:4px}.round-data{gap:12px;font-size:.6rem}.round-data span:last-child{text-transform:capitalize}.quiet-button{justify-self:auto}.humbug-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px}.humbug-table{min-width:0;padding:25px 28px 34px;background:radial-gradient(circle at center,rgba(233,188,109,.1),transparent 45%),repeating-radial-gradient(circle at 50% 50%,transparent 0 170px,rgba(255,255,255,.035) 171px 172px,transparent 173px 340px),var(--plum-800)}
.study-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;margin-bottom:22px;border:1px solid rgba(233,188,109,.45);border-radius:8px;background:rgba(16,37,43,.23)}.study-controls[hidden]{display:none}.study-controls>div{flex:1 1 260px}.study-controls strong{font-family:var(--serif);font-size:1.45rem;font-weight:400;color:#fff2df}.study-controls p{margin:6px 0 0;color:#d5e0db;font-size:.7rem;line-height:1.5}.study-controls label{display:flex;align-items:center;gap:8px;flex:1 1 240px;color:#d8e2dd;font-size:.67rem;line-height:1.5;cursor:pointer}.study-controls input{accent-color:var(--yellow);width:16px;height:16px}.study-controls>button{padding:11px 15px;border:0;border-radius:4px;background:var(--yellow);color:#24373a;font-size:.71rem;font-weight:700;cursor:pointer}.study-controls>button:hover,.study-controls>button:focus-visible{outline:2px solid white;outline-offset:2px}.hand-zone{min-width:0;padding:15px 0}.opponent-zone{border-bottom:1px solid rgba(255,255,255,.14)}.human-zone{border-top:1px solid rgba(255,255,255,.14)}.hand-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.hand-heading .avatar{width:32px;height:32px;background:#b88770;font-size:.85rem}.hand-heading .avatar.you{background:var(--paper);color:var(--ink)}.hand-heading h2{margin:0;font-size:.76rem}.hand-heading>small{color:#c2d2cf;font-size:.58rem;letter-spacing:.05em;text-transform:uppercase}.hand-heading b{color:white}.hand-suits{display:grid;gap:7px}.suit-row{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:8px}.suit-symbol{padding-top:18px;color:#f0e3cf;font-family:var(--serif);font-size:1.1rem}.suit-symbol.red{color:#efad98}.suit-cards{display:flex;flex-wrap:wrap;gap:4px;min-height:62px}.void-suit{align-self:center;color:#9bb7b6;font-size:.8rem}.playing-card{display:block;width:43px;height:62px;margin:0;border-radius:5px;cursor:default}.playing-card .card-rank{top:5px;left:5px;font-size:.8rem;line-height:1}.playing-card .card-rank small{display:block;margin-top:2px;font-size:.5rem}.playing-card .card-pip{font-size:1.1rem}.playing-card:disabled{opacity:1;cursor:default}.human-zone .playing-card:disabled{opacity:.46}.human-zone .playing-card:not(:disabled){cursor:pointer}.playing-card:hover:not(:disabled){transform:none;outline:0}.human-zone .playing-card:hover:not(:disabled),.human-zone .playing-card:focus-visible:not(:disabled){z-index:2;transform:translateY(-4px);outline:2px solid var(--yellow);outline-offset:1px}.hidden-hand{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;min-height:85px;color:#c6d9d4}.hidden-hand>span{color:#f6d3b7;letter-spacing:-12px;font-size:2.1rem}.hidden-hand>strong{font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.trick-display{display:flex;justify-content:center;align-items:center;gap:38px;min-height:160px;padding:18px 0}.card-slot{display:grid;place-items:center;width:74px;height:106px;border:1px dashed rgba(255,255,255,.24);border-radius:7px}.card-slot>small{color:#c2d2cf;font-size:.62rem}.card-slot .playing-card{width:70px;height:101px;pointer-events:none}.card-slot .card-rank{top:8px;left:8px;font-size:1.15rem}.card-slot .card-rank small{font-size:.72rem}.card-slot .card-pip{font-size:1.9rem}.trump-marker{text-align:center;max-width:130px;color:#e7d8bf}.trump-marker>span,.trump-marker>small{display:block;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}.trump-marker>strong{display:block;margin:7px 0;color:var(--yellow);font-family:var(--serif);font-size:2.2rem;font-weight:400}.table-status{min-height:77px;padding:5px 0 19px;text-align:center}.table-status>strong{color:var(--yellow);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.table-status p{margin:9px 0 0;color:#e8eee6;font-size:.72rem;line-height:1.5}
.game-panel{display:flex;gap:22px;padding:25px 22px;background:#20343f}.instruction-card .panel-kicker{color:#9a553f}.instruction-card strong{font-size:1.7rem}.instruction-card p{font-size:.72rem;line-height:1.6}.trick-score-panel h2,.deal-information h2,.unit-note h2{margin:0 0 12px;color:#e6ede6;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase}.trick-score-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trick-score-panel>div>div{padding:11px;background:rgba(255,255,255,.05);text-align:center}.trick-score-panel span,.trick-score-panel small{display:block;font-size:.6rem;color:#c3d3d0}.trick-score-panel b{display:block;margin:6px 0;color:var(--yellow);font-family:var(--serif);font-size:1.8rem;font-weight:400}.trick-score-panel p,.deal-information p,.unit-note p{margin:10px 0 0;color:#b6ccca;font-size:.68rem;line-height:1.6}.deal-information,.unit-note{padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}.fair-play{color:#b7cac8}.fair-play strong{color:#f2eee1}.result-dialog{inset:0}.result-card{max-height:calc(100vh - 40px);overflow-y:auto}.deal-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.deal-result>span{padding:15px 8px;background:#e3d9c9;font-size:.68rem;text-transform:uppercase}.deal-result b,.deal-result small,.deal-result strong{display:block;margin-top:8px}.deal-result b{font-family:var(--serif);font-size:1.4rem;font-weight:400;text-transform:none}.deal-result small{color:#6e6b62;font-size:.59rem}.deal-result strong{color:var(--plum-900);font-size:.7rem}.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){.humbug-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}.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{flex-wrap:wrap;justify-content:center;width:100%}.humbug-table{padding:17px 12px 25px}.study-controls{padding:13px;gap:14px}.study-controls>div,.study-controls>label{flex-basis:100%}.study-controls>button{width:100%}.hand-heading{gap:8px;flex-wrap:wrap}.hand-heading>small{font-size:.53rem}.suit-row{grid-template-columns:18px minmax(0,1fr);gap:5px}.suit-cards{gap:4px}.playing-card{width:41px;height:60px}.trick-display{gap:20px}.trump-marker{max-width:90px}.trump-marker>small{font-size:.44rem}.game-panel{display:flex;padding:23px 18px}.rules{padding:65px 18px}.rules-grid article{padding:1.3rem 0}.game-intro h1{font-size:clamp(3.7rem,13vw,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}}
.studying .human-zone .playing-card:disabled{opacity:1}
.study-controls{max-width:1000px;margin-left:auto;margin-right:auto}.hand-zone{width:100%;max-width:850px;margin-left:auto;margin-right:auto}
@media(min-width:761px){.suit-cards{min-height:70px}.suit-cards .playing-card{width:48px;height:70px}.suit-cards .card-rank{font-size:.87rem}.suit-cards .card-pip{font-size:1.25rem}}