:root{--bg:#0c0e12;--surface:#14171d;--raised:#1b1f27;--line:#262b35;--line-strong:#353b48;--text:#eceff4;--text-2:#c3c9d4;--muted:#8c95a6;--accent:#f2b84b;--accent-ink:#1a1306;--accent-soft:#f2b84b1f;--ok:#4ade80;--ok-soft:#4ade801f;--danger:#f87171;--danger-soft:#f871711f;--warn:#fbbf24;--e-emf:#ff7a45;--e-dt:#f48fb1;--e-uv:#b98cff;--e-fr:#7fdbea;--e-orb:#6ee7a8;--e-gw:#f5e267;--e-sb:#5cc8f7;--radius:14px;--nav-h:0px;--tool-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);min-height:100dvh;font-size:15px;line-height:1.5}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}ul,ol{list-style:none}kbd{border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.8em}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.c-ok{color:var(--ok)}.c-danger{color:var(--danger)}.c-accent{color:var(--accent)}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0c0e12eb;align-items:center;gap:24px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:700}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:flex;position:relative}.nav a:hover,.nav a.on{color:var(--text);background:var(--raised)}.nav-badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:0 6px;font-size:11px;font-weight:700}main{max-width:1200px;padding:20px 24px calc(var(--tool-h) + 40px);margin:0 auto}@media (width<=760px){:root{--nav-h:60px}.topbar{padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--line);border-bottom:none;position:fixed;inset:auto 0 0}.brand{display:none}.nav{flex:1;gap:0}.nav a{height:var(--nav-h);border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:0;padding:8px 4px;font-size:11.5px}.nav a.on{color:var(--accent);background:0 0}.nav-icon{font-size:19px;line-height:1.2}.nav-badge{position:absolute;top:6px;left:calc(50% + 8px)}main{padding:14px 16px calc(var(--nav-h) + var(--tool-h) + 32px)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-head h2,.card h2{font-size:15px;font-weight:600}.card-head .muted{font-size:13px}.note{color:var(--text-2);background:var(--raised);border-radius:10px;padding:8px 12px;font-size:13px}.note.warn{color:#fcd9a0;background:#fbbf241a}.btn{background:var(--raised);border:1px solid var(--line-strong);min-height:42px;color:var(--text);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717166}.btn.small{min-height:34px;padding:0 12px;font-size:13.5px}.btn.block{width:100%}.row{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{background:var(--raised);border:1px solid var(--line);min-width:40px;height:40px;color:var(--text-2);border-radius:11px;justify-content:center;align-items:center;gap:2px;font-size:17px;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.icon-btn small{color:var(--ok);font-size:11px}.icon-btn.room-open{border-color:#4ade8080}.icon-btn.room-connecting,.icon-btn.room-reconnecting{border-color:#fbbf2480}.icon-btn.playing{color:var(--danger);border-color:var(--danger)}.link-btn{color:var(--accent);align-self:flex-start;padding:4px 0;font-size:14px;font-weight:500}.link-btn:hover{text-decoration:underline}.input,.select{background:var(--raised);border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);border-radius:11px;outline:none;padding:0 14px}.input:focus,.select:focus{border-color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--text-2);border-radius:999px;padding:5px 12px;font-size:13.5px}.chip:hover,.chip.on{border-color:var(--accent);color:var(--accent)}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.etags{flex-wrap:wrap;gap:4px;display:inline-flex}.etag{--c:var(--muted);color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:600;line-height:1}.etag.m-yes{background:var(--c);color:#0c0e12;border-color:var(--c)}.etag.m-no{opacity:.45;text-decoration:line-through}.etag.big{border-radius:9px;padding:8px 12px;font-size:13px}button.etag{cursor:pointer}.e-emf{--c:var(--e-emf)}.e-dt{--c:var(--e-dt)}.e-uv{--c:var(--e-uv)}.e-fr{--c:var(--e-fr)}.e-orb{--c:var(--e-orb)}.e-gw{--c:var(--e-gw)}.e-sb{--c:var(--e-sb)}.status{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.status-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-actions{gap:6px;display:flex}.chip-btn{background:var(--raised);border:1px solid var(--line);color:var(--text-2);text-align:left;border-radius:999px;padding:8px 14px;font-size:13.5px}.chip-btn:hover{border-color:var(--line-strong);color:var(--text)}.headline{align-items:baseline;gap:10px;display:flex}.headline h1{letter-spacing:-.02em;font-size:clamp(26px,5vw,34px);font-weight:700}.headline-sub{color:var(--muted);font-size:17px}.headline.solved h1{color:var(--ok)}.headline.broken h1{color:var(--danger)}.inv-grid{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:16px;display:grid}.inv-main{flex-direction:column;gap:16px;min-width:0;display:flex}.inv-side{max-height:calc(100dvh - 76px - var(--tool-h) - 24px);border-radius:var(--radius);position:sticky;top:76px;overflow:auto}@media (width<=900px){.inv-grid{flex-direction:column;align-items:stretch;display:flex}.inv-main,.inv-side{display:contents}.ev-card{order:1}.step{order:2}.ghosts{order:3}.obs-card{order:4}}.ev-list{flex-direction:column;display:flex}.ev-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.ev-item:first-child{border-top:none}.ev-dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent);border-radius:50%;flex-shrink:0}.ev-text{flex-direction:column;flex:1;min-width:0;display:flex}.ev-name{font-weight:600}.ev-sub{color:var(--muted);min-height:1em;font-size:12.5px}.ev-item.m-yes .ev-sub{color:var(--ok)}.ev-item.m-no .ev-name{color:var(--muted);text-decoration:line-through}.ev-item.pointless .ev-name,.ev-item.pointless .ev-dot{opacity:.4}.ev-btns{flex-shrink:0;gap:6px;display:flex}.ev-btns button{border:1px solid var(--line-strong);min-width:64px;height:40px;color:var(--text-2);background:var(--raised);border-radius:10px;font-size:14px;font-weight:600}.ev-btns button:hover{border-color:var(--muted)}.ev-yes.on{background:var(--ok);border-color:var(--ok);color:#06210f}.ev-no.on{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.step{background:linear-gradient(180deg, #f2b84b0f, transparent 60%), var(--surface);border-color:#f2b84b73}.step.solved{background:linear-gradient(180deg, #4ade8014, transparent 60%), var(--surface);border-color:#4ade8080}.step.broken{background:linear-gradient(180deg, #f8717112, transparent 60%), var(--surface);border-color:#f8717180}.step.start{border-color:var(--line);background:var(--surface)}.step-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.solved .step-kicker{color:var(--ok)}.broken .step-kicker{color:var(--danger)}.start .step-kicker{color:var(--muted)}.card .step-title{letter-spacing:-.01em;font-size:20px;font-weight:650;line-height:1.3}.step-how{color:var(--text-2);font-size:14px}.answers{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.answer{text-align:left;background:var(--raised);border:1px solid var(--line-strong);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px 14px;display:flex}.answer:hover{border-color:var(--accent)}.answer-label{font-size:15px;font-weight:600}.answer-sub{color:var(--muted);font-size:12.5px}.steps{counter-reset:s;flex-direction:column;gap:8px;display:flex}.steps li{counter-increment:s;color:var(--text-2);gap:10px;font-size:14.5px;display:flex}.steps li:before{content:counter(s);background:var(--raised);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:12px;font-weight:700;display:grid}.facts{flex-direction:column;gap:6px;font-size:14px;display:flex}.facts div{grid-template-columns:90px 1fr;gap:10px;display:grid}.facts dt{color:var(--muted);font-size:13px}.facts dd{color:var(--text-2)}.ghost-list{flex-direction:column;gap:6px;display:flex}.ghost-row{text-align:left;background:var(--raised);border:1px solid #0000;border-radius:11px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;display:flex}.ghost-row:hover{border-color:var(--line-strong)}.ghost-row-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ghost-name{margin-right:auto;font-size:15.5px;font-weight:650}.ghost-tell{color:var(--muted);font-size:13px}.ghost-hints{flex-wrap:wrap;gap:4px 10px;font-size:12.5px;display:flex}.ghost-hints .pos{color:var(--ok)}.ghost-hints .neg{color:var(--danger)}.out-list{flex-direction:column;gap:6px;font-size:13.5px;display:flex}.out-list li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-top:6px;display:flex}.out-name{color:var(--muted);min-width:90px;text-decoration:line-through}.out-why{color:var(--muted);flex:1;font-size:12.5px}.recorded{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recorded .label{color:var(--muted);margin-right:2px;font-size:12px}.tag-btn{background:var(--accent-soft);color:var(--accent);border:1px solid #f2b84b4d;border-radius:999px;padding:5px 10px;font-size:13px}.tag-btn span{opacity:.7;margin-left:2px}.disclosure{background:var(--raised);text-align:left;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:500;display:flex}.obs-list{flex-direction:column;gap:10px;display:flex}.obs{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 0 0;display:flex}.obs-q{font-weight:500}.obs-hint{color:var(--muted);font-size:13px}.obs-opts{flex-wrap:wrap;gap:6px;display:flex}.opt{background:var(--raised);border:1px solid var(--line-strong);border-radius:10px;min-height:38px;padding:0 14px;font-size:14px}.opt:hover{border-color:var(--accent);color:var(--accent)}.toolbar-wrap{z-index:25;left:0;right:0;bottom:var(--nav-h);pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 24px 12px;display:flex;position:fixed}.toolbar-wrap>*{pointer-events:auto;width:100%;max-width:760px}.toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);background:#1b1f27f5;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid;box-shadow:0 10px 30px #00000080}.tool{min-height:48px;color:var(--text-2);border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tool:hover{background:var(--raised);color:var(--text)}.tool-icon{font-size:18px}.tool.active{background:var(--accent-soft);color:var(--accent)}.tool.hunt.active{background:var(--danger-soft);color:var(--danger)}.strip{border:1px solid var(--line-strong);background:#1b1f27f7;border-radius:14px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;box-shadow:0 10px 30px #00000080}.strip.hunt{border-color:#f8717199}.strip.smudge{border-color:#f2b84b80}.strip-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.strip-title{font-variant-numeric:tabular-nums;font-weight:650}.strip.hunt .strip-title{color:var(--danger)}.strip-sub{color:var(--muted);font-size:13px}.strip-actions{align-items:center;gap:6px;display:flex}.strip-bar{background:var(--line);border-radius:4px;height:4px;margin-top:6px;position:relative}.strip-fill{background:var(--accent);border-radius:4px;transition:width .25s linear;position:absolute;inset:0 auto 0 0}.strip-mark{background:var(--muted);width:2px;height:10px;position:absolute;top:-3px}.strip-mark.passed{background:var(--ok)}@media (width<=760px){.toolbar-wrap{padding:0 10px 8px}.tool{flex-direction:column;gap:0;min-height:52px;font-size:12px}}.sheet-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;outline:none;flex-direction:column;width:100%;max-width:560px;max-height:min(86dvh,820px);display:flex;box-shadow:0 20px 60px #0009}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 8px 20px;display:flex}.sheet-head h2{font-size:20px;font-weight:650}.sheet-body{flex-direction:column;gap:14px;padding:4px 20px 20px;display:flex;overflow:auto}.sheet-foot{border-top:1px solid var(--line);padding:12px 20px 16px}@media (width<=760px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{max-width:none;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;animation:.2s ease-out rise}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(40px)}}.sub-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.choice-list{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.choice-list.row3{grid-template-columns:repeat(3,1fr)}.choice{background:var(--raised);border:1px solid var(--line);text-align:left;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:52px;padding:10px 14px;font-weight:600;display:flex}.choice small{color:var(--muted);font-size:12.5px;font-weight:400}.choice.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.room-code{letter-spacing:.3em;text-align:center;color:var(--accent);padding-left:.3em;font-size:40px;font-weight:700}.join{gap:8px;display:flex}.input.code{text-align:center;letter-spacing:.3em;text-transform:uppercase;font-weight:600}.keys{flex-direction:column;gap:10px;display:flex}.keys div{grid-template-columns:70px 1fr;align-items:center;gap:12px;display:grid}.check{align-items:center;gap:10px;font-size:14.5px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.tap-pad{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#f2b84b1a,#0000 70%);border:2px dashed #f2b84b73;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:160px;display:flex}.tap-pad:active{background:#f2b84b24;transform:scale(.99)}.tap-value{color:var(--accent);font-size:28px;font-weight:700}.tap-sub{color:var(--muted);font-size:13px}.speed-presets{flex-direction:column;gap:6px;display:flex}.preset{gap:6px;display:flex}.preset-btn{background:var(--raised);border:1px solid var(--line);border-radius:11px;flex:1;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;display:flex}.preset-btn:hover{border-color:var(--accent)}.preset-btn small{color:var(--muted)}.ghost-info{flex-direction:column;gap:14px;display:flex}.gi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gi-hunt{color:var(--muted);font-size:13.5px}.gi-hunt b{color:var(--text)}.gi-block h3,.gi-trio h3,.compare h2{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600}.gi-block ul{flex-direction:column;gap:4px;display:flex}.gi-block li{color:var(--text-2);padding-left:16px;font-size:14.5px;position:relative}.gi-block li:before{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:3px}.gi-block.tells{background:var(--accent-soft);border-radius:12px;padding:12px 14px}.gi-block.tells h3{color:var(--accent)}.gi-block.tells li{color:var(--text)}.gi-block.tells li:before{background:var(--accent)}.gi-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.gi-trio section{background:var(--raised);color:var(--text-2);border-radius:12px;padding:10px 12px;font-size:14px}@media (width<=600px){.gi-trio{grid-template-columns:1fr}}.gi-lore summary{cursor:pointer;color:var(--muted)}.gi-lore p{color:var(--muted);margin-top:6px;font-size:14px;font-style:italic}.diff-list{color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;display:flex}.diff-list li{gap:10px;display:flex}.page{flex-direction:column;gap:14px;display:flex}.page.narrow{max-width:760px;margin:0 auto}.page-title{letter-spacing:-.02em;font-size:28px;font-weight:700}.section-title{margin-top:12px;font-size:20px;font-weight:650}.back{color:var(--muted);font-size:14px}.back:hover{color:var(--text)}.filter{flex-wrap:wrap;gap:6px;display:flex}.encyclopedia{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.enc-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;height:100%;padding:12px 14px;display:flex}.enc-row:hover{border-color:var(--line-strong)}.enc-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.enc-sub{color:var(--muted);font-size:13px}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.menu li+li{border-top:1px solid var(--line)}.menu a,.menu button{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px;font-weight:500;display:flex}.menu a:hover,.menu button:hover{background:var(--raised)}.menu small{color:var(--muted);font-weight:400}.acc-list{flex-direction:column;gap:6px;display:flex}.acc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 14px}.acc[open]{padding-bottom:14px}.acc summary{cursor:pointer;align-items:center;gap:12px;padding:12px 0;font-weight:600;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc summary small{color:var(--muted);font-size:13px;font-weight:400;display:block}.acc p{color:var(--text-2);margin-top:8px;font-size:14.5px}.acc .btn{margin-top:10px}.acc-icon{text-align:center;width:30px;font-size:22px}.tip{background:var(--accent-soft);border-radius:10px;padding:8px 12px}.risk-high{color:var(--danger)}.risk-medium,.risk-variable{color:var(--warn)}.risk-low{color:var(--ok)}.loc-list{flex-direction:column;margin-top:10px;font-size:14px;display:flex}.loc-list li{border-top:1px solid var(--line);grid-template-columns:minmax(120px,38%) 1fr;gap:10px;padding:6px 0;display:grid}.loc-list li>:first-child{color:var(--text);font-weight:500}.loc-list li>:last-child{color:var(--text-2)}@media (width<=600px){.loc-list li{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}