:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e6eee9;background:#101c29;color-scheme:dark;--gold:#f3bd69;--muted:#a2b7be;--panel:#192b38;--line:#344953}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#203b48 0,transparent 65%);min-height:100vh}main{max-width:860px;padding:28px 28px 45px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 4px}h1{font-family:Georgia,serif;font-size:36px;font-weight:500;line-height:1.15;margin:0}h1 span{font-style:italic;color:var(--gold)}button{font:inherit;color:inherit;background:#223745;border:1px solid #45616c;border-radius:9px;padding:11px 15px;cursor:pointer;transition:background .15s,transform .15s}button:hover:enabled{background:#335361}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.36;cursor:default}a{color:#c0e4da}button.primary{color:#172330;background:var(--gold);border-color:var(--gold);font-weight:750}button.primary:hover:enabled{background:#ffcf88}.dashboard{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border:1px solid var(--line);border-radius:13px;background:#132530c9;overflow:hidden}.dashboard>div{padding:15px 20px;border-right:1px solid var(--line)}.dashboard>div:last-child{border:0}small{font-size:9px;letter-spacing:1.8px;color:var(--muted);display:block}strong{font-size:27px;font-weight:550;display:block;margin-top:3px}strong span{font-size:14px;color:var(--muted)}.fireworks{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 25px}.pile{border:1px solid var(--line);border-radius:9px;text-align:center;padding:11px 5px;background:#172a34}.pile-symbol{font-size:20px;color:var(--card)}.pile-progress{display:flex;justify-content:center;gap:4px;margin:8px 0 6px}.pip{height:5px;width:14%;border-radius:2px;background:#344650}.pip.on{background:var(--card)}.pile small{letter-spacing:1px;font-size:10px}.table-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 11px;gap:8px}h2{font-size:15px;font-weight:600;margin:0}h2 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:7px}.badge{font-size:9px;letter-spacing:1px;color:var(--gold);white-space:nowrap}.hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.card{position:relative;min-height:142px;border:1px solid #4b626b;border-radius:11px;background:#203441;text-align:center;padding:9px 6px;color:var(--card,#c5d9dc);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;overflow:hidden}.card.visible{background:linear-gradient(145deg,#2c4652,#192e38)}.card .big{font:500 45px Georgia,serif;line-height:1}.card .symbol{font-size:21px}.card .colour{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.card .slot{position:absolute;top:7px;left:9px;font-size:10px;color:#9bb1b9}.card.hidden-card{background:repeating-linear-gradient(45deg,#203743,#203743 7px,#1d313e 7px,#1d313e 14px);color:#d7e5e6}.card.selected{border:2px solid var(--gold);box-shadow:0 0 0 3px #f3bd6922;transform:translateY(-3px)}.card .poss{font-size:10px;line-height:1.7;min-height:17px;letter-spacing:.4px}.card .certainty{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#acd6c6}.card .known{font-size:29px;color:var(--card,#d7e5e6);line-height:1}.card .smallhint{font-size:9px;line-height:1.4;color:#a2b7be}.clue-panel{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:11px;background:#152833;padding:12px 14px;margin:14px 0}h3{font-size:12px;margin:0 0 3px}.clue-panel p{font-size:10px;color:var(--muted);margin:0}.clue-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;flex:1}.clue-buttons button{font-size:13px;padding:5px 9px;min-height:30px;color:var(--card,#e4eae9)}.turn-strip{min-height:54px;background:#29414b80;border-left:3px solid var(--gold);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;line-height:1.5}#partner-act{font-size:12px;white-space:nowrap;padding:7px 12px;background:#a8d2c5;color:#152a32;font-weight:650}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.actions button{font-size:12px}.actions #undo{margin-left:auto}footer{border-top:1px solid var(--line);margin-top:23px;padding-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}footer button{font-size:11px;padding:8px 11px;background:transparent}.new-controls{display:flex;gap:7px}footer p{font-size:11px;color:var(--muted);margin:0}.save-note{margin-left:auto}.ledger{margin-top:17px;color:var(--muted);font-size:11px}.ledger summary{cursor:pointer;padding:10px 0}.ledger ol{line-height:1.7;padding-left:24px}.ledger li{margin-bottom:5px}#rules{border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px;background:#192e3b;font-size:13px;line-height:1.7;color:#bcd0d4}#rules h2{color:#f4dfb8;font-family:Georgia,serif;font-size:22px}#rules p:last-child{margin-bottom:0}#rules ol{padding-left:20px}.ending{border:1px solid var(--gold);border-radius:12px;padding:20px;margin-top:20px;background:#243c43}.ending h2{font:25px Georgia,serif;color:var(--gold)}.ending p{font-size:13px;line-height:1.7;color:#c1d5d7}#discards{line-height:1.8}.discard-chip{display:inline-block;padding:2px 6px;margin:2px;border:1px solid var(--line);border-radius:4px;color:var(--card)}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 15px 30px}header{align-items:flex-start;margin-bottom:20px}.brand{gap:8px}.brand img{width:28px;height:28px;margin-top:6px}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:27px}header button{font-size:10px;padding:8px}.dashboard>div{padding:11px 10px}small{font-size:7px;letter-spacing:1px}strong{font-size:23px}.fireworks{gap:6px;margin-bottom:20px}.pile{padding:8px 2px}.pile small{font-size:8px}.pile-symbol{font-size:16px}.hand{gap:6px}.card{min-height:118px;padding:8px 3px}.card .big{font-size:34px}.card .symbol{font-size:17px}.card .colour{font-size:8px;letter-spacing:.5px}.card .poss{font-size:8px;letter-spacing:0}.card .certainty{font-size:7px;letter-spacing:.3px}.card .known{font-size:23px}.card .smallhint{font-size:8px}.card .slot{font-size:8px;top:4px;left:5px}.table-heading h2{font-size:13px}h2 span{display:block;margin:3px 0 0;font-size:10px}.badge{font-size:8px}.clue-panel{padding:10px;gap:9px}.clue-panel>div:first-child{max-width:80px}.clue-buttons{gap:4px}.clue-buttons button{padding:4px 5px;font-size:12px;min-height:29px}.turn-strip{font-size:11px;padding:10px;gap:8px;align-items:flex-start;flex-direction:column}#partner-act{align-self:flex-end}.actions{gap:6px}.actions button{font-size:10px;padding:10px}.save-note{margin-left:0;width:100%;font-size:10px}#rules{padding:15px;font-size:12px}.card.selected{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}