:root{color-scheme:dark;--bg:#0c1522;--panel:#142335;--line:#35495e;--ink:#f7f5ee;--muted:#bfcbda;--gold:#f3c071;--blue:#8fd4f0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:var(--gold)}header{display:flex;gap:1rem;justify-content:space-between;align-items:center;max-width:1050px;margin:auto;padding:1.2rem}.brand{color:var(--ink);text-decoration:none;letter-spacing:.1em;font-weight:800;font-size:.9rem}.brand span{color:var(--gold)}.edition{color:var(--muted);font-size:.8rem}main{max-width:580px;margin:auto;padding:1rem 1.15rem 2rem}h1{font-family:Georgia,serif;font-size:clamp(2rem,7vw,3rem);font-weight:400;line-height:1.08;margin:.5rem 0 1rem}h2{font-size:1.4rem;line-height:1.25;margin:.7rem 0}p{line-height:1.55;color:var(--muted)}.kicker{font-size:.85rem;letter-spacing:.12em;color:var(--gold);font-weight:700}.cover{width:100%;height:150px;object-fit:cover;object-position:50% 58%;border-radius:.7rem;margin:.3rem 0 1.2rem}fieldset{border:0;padding:0;margin:0 0 1rem}legend{font-weight:650;margin-bottom:.7rem}.levels{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.levels label{display:flex;gap:.4rem;align-items:flex-start;padding:.8rem;border:1px solid var(--line);border-radius:.6rem;cursor:pointer;background:var(--panel)}.levels label:has(input:checked){border-color:var(--gold)}input[type=radio]{accent-color:var(--gold);margin-top:.3rem;flex:none}.levels strong{display:block}.levels small{display:block;font-size:.85rem;color:var(--muted);margin-top:.35rem;line-height:1.4}button,.button{font:inherit;font-weight:650;min-height:48px;padding:.8rem 1rem;border-radius:.6rem;border:1px solid var(--line);color:var(--ink);background:var(--panel);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:.4rem;touch-action:manipulation}button:hover,.button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--gold);color:#152030;border-color:var(--gold);width:100%}input:not([type=radio]){font:inherit;font-size:1rem;min-height:48px;min-width:0;width:100%;background:#09111d;color:var(--ink);border:1px solid var(--line);border-radius:.6rem;padding:.8rem}label{display:block;line-height:1.4;margin-bottom:.4rem}.join-row{display:flex;gap:.5rem}.join-row input{text-transform:uppercase;letter-spacing:.1em}.small{font-size:.875rem;line-height:1.5;color:var(--muted)}.divider{margin:1.4rem 0 1rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.9rem}.access{margin:1.5rem 0}summary{cursor:pointer;min-height:44px;padding:.65rem 0;color:var(--gold)}.access form{padding-top:.5rem}.access button{width:100%}footer{text-align:center;padding:1rem;font-size:.875rem}#message{position:sticky;bottom:1rem;max-width:540px;margin:0 auto;padding:0 1rem;color:var(--gold);background:var(--bg);border-radius:.6rem}#message:not(:empty){padding:1rem;border:1px solid var(--line)}.room-bar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:1rem}.room-code{font-family:ui-monospace,monospace;letter-spacing:.14em;color:var(--gold);font-size:1.4rem}.status{color:var(--blue);font-size:.85rem}progress{display:block;width:100%;height:6px;accent-color:var(--gold);margin:.6rem 0 1.2rem}.scene{font-size:1rem;margin:0 0 1rem}.clue{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--gold);padding:1.2rem;border-radius:.7rem;margin:1rem 0}.clue.b{border-top-color:var(--blue)}.clue p{white-space:pre-line;font-size:1.1rem;line-height:1.65;color:var(--ink);margin:.6rem 0}.clue h2{font-size:.9rem;color:var(--muted);font-weight:500}.clue ul{padding-left:1.2rem}.clue li{margin:.6rem 0;line-height:1.5}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.choice-grid button{min-height:56px;text-align:left;justify-content:flex-start}.question{font-size:1.1rem;color:var(--ink);font-weight:650}.hint{color:var(--gold);border-left:2px solid var(--gold);padding-left:.8rem;font-size:.95rem}.tools{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.tools button{font-size:.875rem;flex:1}.reveal{border:1px solid var(--gold);padding:1.2rem;border-radius:.7rem;margin:1rem 0}.reveal p{color:var(--ink)}.receipt{border-bottom:1px solid var(--line);padding:.5rem 0}.waiting{text-align:center}.waiting .room-code{font-size:2rem;display:block;margin:1.5rem 0}.waiting button{margin:.4rem 0;width:100%}.note{font-size:.9rem;color:var(--muted)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:420px){.edition{display:none}.choice-grid{grid-template-columns:1fr}.levels label{padding:.6rem}.room-bar{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}@media(min-width:850px){main{padding-top:2rem}.cover{height:190px}}