:root{--night:#071520;--blue:#6ed6e4;--pink:#ef7080;--gold:#ffd36a;--mist:#bdd5d8;--panel:#102735}.mix-layout{width:min(1240px,calc(100% - 2.5rem));margin:2.2rem auto 5rem;display:grid;grid-template-columns:350px minmax(0,1fr);gap:1.5rem}.mix-sidebar{min-width:0}.mix-sidebar h1{margin-bottom:.7rem;font-size:clamp(3.5rem,7vw,5.3rem)}.mix-sidebar .intro{padding:0;margin:0 0 1.25rem;color:#52605d;font-size:1.04rem}.mix-panel{margin-bottom:.9rem;padding:1rem 1.1rem;border:1px solid #d7e0dc;border-radius:1rem;background:#fff}.mix-panel h2{font-size:1.08rem}.round-line,.clue-row,.ticket{display:flex;justify-content:space-between;gap:.7rem;font-size:.84rem}.round-line{margin-bottom:.7rem;color:#63736f}.round-line span:last-child{color:#a55b46;font-weight:750}.status p,.quiet,.transport p{margin-bottom:0;color:#586866;font-size:.91rem}.clue-row{margin:.6rem 0}.clue-track{display:flex;gap:.45rem}.clue-track i{width:1.25rem;height:1.25rem;display:block;border:1px solid #b9c7c2;transform:rotate(45deg)}.clue-track i.found{border-color:#e6aa34;background:var(--gold);box-shadow:0 0 0 3px #fff4d7}.quiet{margin-top:.8rem;color:#788581}.ticket{padding-top:.7rem;border-top:1px solid #e5ece8}.ticket b{color:#7a5015}.rules ol{margin:0;padding-left:1.2rem;color:#56615f;font-size:.88rem}.rules li+li{margin-top:.3rem}.key{font-weight:800}.clue-key{color:#c98513}.new-game{width:100%;padding:.75rem 1rem;border:0;border-radius:.7rem;background:#243131;color:#fff;font:inherit;font-weight:750;cursor:pointer}.new-game:hover{background:#39504d}.map-wrap{min-width:0;padding:1.1rem;border-radius:1.35rem;background:var(--night);box-shadow:0 15px 45px #15232b24}.map-topline{display:flex;justify-content:space-between;gap:1rem;padding:.1rem .3rem .8rem;color:#c4d8d7;font-size:.84rem}.map-topline p{margin:0}.legend-dot{display:inline-block;width:.55rem;height:.55rem;margin:0 .32rem 0 .75rem;border-radius:50%}.legend-dot:first-child{margin-left:0}.you{background:var(--blue);box-shadow:0 0 8px var(--blue)}.police{background:var(--pink)}.clue{background:var(--gold)}.map-stage{position:relative;overflow:hidden;border-radius:1rem;background:radial-gradient(circle at 60% 35%,#254457 0,transparent 44%),linear-gradient(145deg,#102c3d,#081923)}#map{display:block;width:100%;height:auto;min-height:500px}.line{stroke:#7196a2;stroke-opacity:.36;stroke-width:4}.line.metro{stroke:#6dd9e6;stroke-opacity:.54;stroke-width:6;stroke-dasharray:10 7}.district{fill:#bcd5d6;fill-opacity:.28;font-size:16px;letter-spacing:3px;font-family:ui-rounded,system-ui}.node{cursor:pointer}.node circle{fill:#183847;stroke:#90b5bb;stroke-width:3;transition:.15s}.node text{fill:#d9e8e6;font:600 14px ui-rounded,system-ui;paint-order:stroke;stroke:#0d202b;stroke-width:4px;stroke-linejoin:round}.node.reachable circle{fill:#245467;stroke:#82e2eb;stroke-width:4}.node.reachable:hover circle{fill:#39758a;transform:scale(1.12)}.node.hint circle{fill:#74561d;stroke:var(--gold)}.node.escape circle{fill:#8a6320;stroke:#ffe38b;stroke-width:5}.node .mark{fill:#ffe08a;stroke:none;font-size:18px}.token{pointer-events:none}.token.you circle{fill:var(--blue);stroke:#efffff;stroke-width:4;filter:drop-shadow(0 0 7px #6ed6e4)}.token.police circle{fill:var(--pink);stroke:#fff0f2;stroke-width:3}.token text{fill:#fff;font:800 12px system-ui;text-anchor:middle;dominant-baseline:central}dialog{max-width:390px;border:0;border-radius:1.1rem;box-shadow:0 18px 60px #10202a55;padding:1.7rem}dialog::backdrop{background:#071520aa}dialog h2{font-size:2rem}dialog p{color:#586866}#outcome-kicker{color:#a55b46;font-weight:750;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}@media(max-width:820px){.mix-layout{grid-template-columns:1fr}.map-wrap{order:-1}.mix-sidebar{max-width:650px;margin:auto;width:100%}}@media(max-width:560px){.mix-layout{width:min(100% - 1.25rem,1240px);margin-top:1rem}.map-wrap{padding:.65rem}.map-topline{font-size:.74rem}#map{min-height:410px}.map-topline p:last-child{display:none}}
.start-help{border-color:#c5dcd8;background:#f7fcfb}.start-help ol{margin:.65rem 0 .85rem;padding-left:1.2rem;color:#4e615e;font-size:.88rem}.start-help li+li{margin-top:.35rem}.step-label{margin:0;color:#a55b46;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.length-choice{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.7rem;border-top:1px solid #dceae6;color:#536360;font-size:.84rem;font-weight:700}.length-choice select{max-width:170px;padding:.35rem;border:1px solid #c4d5d0;border-radius:.4rem;background:#fff;font:inherit;font-size:.8rem}.line.available{stroke:#7eeaf2;stroke-opacity:.95;stroke-width:8;filter:drop-shadow(0 0 5px #4dc6d0)}.node.reachable circle{filter:drop-shadow(0 0 7px #6ed6e4)}.node.reachable text{fill:#f5ffff;font-weight:800}.node.reachable:hover circle{fill:#39758a;transform:none}.node.reachable:hover text{text-decoration:underline}
@media (max-width:1320px){.mix-layout{width:min(1120px,calc(100% - 2.5rem));grid-template-columns:300px minmax(0,1fr)}.map-wrap{padding:.85rem}.map-stage{aspect-ratio:1000/720}.map-stage #map{height:100%;min-height:0}.node text{font-size:12px}}@media (max-width:980px){.mix-layout{grid-template-columns:1fr}.map-wrap{order:-1}.mix-sidebar{max-width:760px;width:100%;margin:auto}.map-stage{aspect-ratio:1000/720}}
.site-header,.site-footer{width:100%;max-width:none;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem)}.mix-layout{width:100%;max-width:none;min-height:calc(100svh - 58px);margin:0;gap:0}.mix-sidebar{padding:28px 25px;border-right:1px solid #d7e0dc;background:var(--paper);overflow:auto}.map-wrap{border-radius:0;padding:clamp(14px,2vw,28px)}@media(min-width:821px){body:has(.mix-layout){overflow:hidden}.mix-layout{height:calc(100svh - 58px)}.mix-layout+.site-footer{display:none}}