:root{color-scheme:dark;--ink:#eee3d4;--muted:#aaa0ac;--gold:#edb879;--purple:#b6a5da;--green:#b3d1b1}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 75% 0,#35223d 0,transparent 42%),#181321;font:15px/1.6 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:28px 40px}button,select{font:inherit;color:inherit;background:#2a2332;border:1px solid #615064;border-radius:8px;padding:10px 16px;cursor:pointer}button:hover,select:hover{border-color:var(--gold);background:#3e2e3d}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button[hidden]{display:none}a{color:var(--gold)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;padding-bottom:20px}.wordmark{font-family:Georgia,serif;font-size:27px;text-decoration:none;display:flex;gap:16px;align-items:center}.wordmark span,.eyebrow{font:10px/1.5 system-ui;letter-spacing:2.2px;color:var(--gold)}.wordmark span{color:var(--muted)}header button{background:transparent;font-size:12px}.intro{padding:40px 0 32px;position:relative}.intro h1{font:clamp(42px,5.2vw,68px)/1.04 Georgia,serif;margin:12px 0 18px;letter-spacing:-2px}.intro em{color:var(--gold);font-weight:400}.intro p{color:var(--muted);position:absolute;left:53%;top:68px;font-size:17px}.game{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);border:1px solid #ffffff1d;border-radius:18px;overflow:hidden;background:#201a29}.table-panel{padding:26px 28px 22px;background:radial-gradient(ellipse at 50% 45%,#48314150,transparent 70%)}.levelbar{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font:24px/1.2 Georgia,serif;margin:6px 0}select{max-width:130px;font-size:12px;padding:9px}#table{position:relative;width:100%;max-width:510px;aspect-ratio:1;margin:10px auto 0}.tabletop{position:absolute;inset:20%;border-radius:50%;border:1px solid #b6937440;box-shadow:0 0 0 7px #17121b80,0 0 0 8px #b6937418,inset 0 0 70px #0008;background:repeating-radial-gradient(ellipse,#50323c 0px,#50323c 2px,#49303a 3px,#49303a 7px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tabletop span{font:11px/1.7 Georgia;letter-spacing:2px;color:#dabd9a}.tabletop small{font:9px/1.5 system-ui;color:#c2a9ac}.moon{font:44px/1 Georgia;color:var(--gold);margin-bottom:12px}.candles{display:flex;gap:17px;height:30px;align-items:center;margin:10px}.candles i{display:block;width:5px;height:21px;background:#e5c8a2;position:relative}.candles i:before{content:'';position:absolute;top:-9px;left:0;width:5px;height:8px;border-radius:60% 60% 40% 40%;background:#ffd27b;box-shadow:0 0 15px #ffb56a}.seat{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:84px;padding:5px 4px 4px;background:#272030;border-radius:13px;box-shadow:0 5px 15px #0004;line-height:1.2;border:1px solid #78617466;transition:border-color .15s,box-shadow .15s}.seat svg{display:block;width:48px;height:51px;margin:auto}.seat .name{display:block;font:14px Georgia;margin:3px 0}.seat .num{font:9px system-ui;color:var(--muted);letter-spacing:1px}.seat.selected{border:2px solid var(--gold);box-shadow:0 0 24px #edb87933}.seat.hinted{border:2px dashed var(--green);box-shadow:0 0 20px #b3d1b122}.instruction{font-size:12px;color:var(--muted);text-align:center;min-height:20px;margin:0 0 18px}.toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.toolbar button{font-size:12px;padding:9px 11px}kbd{font:9px system-ui;color:var(--muted);margin-left:6px}#message{color:var(--gold);font-size:13px;text-align:center;min-height:47px;padding-top:14px}aside{padding:28px;border-left:1px solid #ffffff15;background:#17131e70}.scoreline{display:flex;align-items:center;gap:12px;margin:16px 0 10px}.scoreline strong{font:34px Georgia;color:var(--gold)}.scoreline span,.subtle{color:var(--muted);font-size:12px}.subtle{margin:0 0 16px}.clue{display:flex;gap:12px;padding:14px 0;border-top:1px solid #ffffff12;font-size:13px}.clue .light{border:1px solid #71616f;border-radius:50%;width:17px;height:17px;flex-shrink:0;margin-top:3px;font-size:10px;text-align:center;line-height:15px;color:#17131e}.clue.met .light{background:var(--green);border-color:var(--green)}.clue.met{color:var(--green)}.clue b{font-weight:600}.clue small{display:block;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-top:4px}.ledger{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff20;color:var(--muted);font-size:11px}.collection{padding:30px 0 10px}#progress{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}#progress button{width:37px;height:37px;padding:0;font-size:12px;background:transparent}#progress button.current{border-color:var(--gold);color:var(--gold)}#progress button.complete{background:#354336;color:var(--green)}#progress-text{font-size:11px;color:var(--muted)}footer{padding:20px 0;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}dialog{background:#282030;color:var(--ink);border:1px solid #776079;border-radius:16px;max-width:540px;padding:35px;line-height:1.7;max-height:85vh}dialog::backdrop{background:#09060dce}dialog p{font-size:14px;color:#cabfcb}#close{float:right;padding:2px 12px;font-size:25px}@media(max-width:800px){main{padding:20px}.intro{padding:30px 0}.intro p{position:static;font-size:14px}.intro h1{font-size:50px}.game{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #ffffff20}.table-panel{padding:22px 16px}.wordmark span{font-size:8px;letter-spacing:1px}#table{max-width:480px}.seat{width:72px}.seat svg{width:40px;height:44px}.seat .name{font-size:12px}.tabletop span{font-size:9px;letter-spacing:1px}.tabletop .moon{font-size:34px;margin-bottom:6px}.tabletop small{font-size:8px}.candles{margin:7px;height:22px}h2{font-size:21px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:800px){#table{margin:26px auto 26px}.instruction{min-height:38px}}