:root{--ink:#f4eedf;--ink-dim:#f4eedfad;--panel:#1c201e9e;--panel-solid:#1a1e1cdb;--line:#f4eedf29;--accent:#e8a86a;--accent-ink:#2a2118;--danger:#e07a6a;--font:"Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);background:#1b1f1d;margin:0;overflow:hidden}canvas#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit}kbd{border:1px solid var(--line);min-width:1.5em;font:600 .82em var(--font);text-align:center;color:var(--ink);background:#ffffff14;border-radius:4px;margin:0 .1em;padding:0 .35em;display:inline-block}#vignette{pointer-events:none;background:radial-gradient(#0000 62%,#0a0c1247 100%);position:fixed;inset:0}.screen{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen.dim{-webkit-backdrop-filter:blur(3px);background:#0e100f61}#loading{z-index:50;background:linear-gradient(#2c3f52 0%,#c99a74 70%,#6d7a52 100%)}.load-box{text-align:center;width:min(360px,80vw)}.title-small{font:italic 600 2.2rem var(--serif);letter-spacing:.02em;text-shadow:0 2px 18px #00000040;margin-bottom:1.4rem}.load-bar{background:#fff3;border-radius:2px;height:3px;overflow:hidden}.load-bar span{background:var(--ink);width:0;height:100%;transition:width .3s;display:block}#load-text{color:var(--ink-dim);margin-top:.8rem;font-size:.85rem}#menu{pointer-events:none;background:linear-gradient(135deg,#0000009e 0%,#0000004d 22%,#0000 42%);justify-content:flex-start;align-items:flex-start}#menu .logo{filter:none}.menu-col{text-align:left;width:clamp(240px,30vw,440px);margin:clamp(20px,5vh,56px) 0 0 clamp(20px,4.5vw,72px)}#menu .logo-menu{margin:0}#menu .tagline{text-align:center;margin:.5rem 0 0;font-size:clamp(.82rem,1.1vw,1rem)}#menu .foot{max-width:46vw;margin:0;position:fixed;bottom:14px;left:clamp(20px,4.5vw,72px)}#menu .buttons,#menu .garage,#menu .paint-row{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-aspect-ratio:19/20){#menu{background:linear-gradient(#10141266 0%,#0000 30%);justify-content:center}.menu-col{text-align:center;width:min(300px,70vw);margin:max(14px,3vh) 16px 0}#menu .tagline{font-size:.8rem}#menu .foot{display:none}}#menu h1{font:italic 600 clamp(2.8rem, 6vw, 4.6rem) var(--serif);letter-spacing:.01em;text-shadow:0 2px 24px #0000004d;margin:0;line-height:1}.tagline{color:var(--ink-dim);margin:.8rem 0 2rem;font-size:1.02rem;line-height:1.5}.foot{color:var(--ink-dim);margin-top:2rem;font-size:.78rem}.buttons{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.buttons.row{flex-flow:wrap;margin-top:1.4rem}.buttons button{color:var(--ink);border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff12;border-radius:10px;padding:.7rem 1.2rem;font-size:1rem;transition:background .15s,transform .15s}.buttons.row button{text-align:center}.buttons button:hover,.buttons button:focus-visible{background:#ffffff29;outline:none;transform:translate(2px)}.buttons button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.buttons button.primary:hover{background:#f0b47a}.buttons button.ghost{background:0 0}.buttons button.danger{color:var(--danger);border-color:#e07a6a66}.panel{background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;width:min(680px,92vw);max-height:90vh;padding:1.6rem 1.8rem;overflow:auto;box-shadow:0 20px 60px #00000059}.panel.narrow{width:min(340px,92vw)}.panel h2,.map-side h2{font:italic 600 1.8rem var(--serif);margin:0 0 1.1rem}.panel h3{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin:.4rem 0 .6rem;font-size:.8rem}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin:1.2rem 0 .5rem;font-size:.8rem}.muted{color:var(--ink-dim);font-size:.86rem;line-height:1.45}.grid{grid-template-columns:1fr 1fr;gap:1rem 1.6rem;display:grid}@media (max-width:620px){.grid{grid-template-columns:1fr}}.grid label{flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.grid label.check{flex-direction:row;align-items:center;gap:.5rem}.val{color:var(--accent);font-variant-numeric:tabular-nums}select,input[type=range]{accent-color:var(--accent)}select{color:var(--ink);border:1px solid var(--line);font:inherit;background:#ffffff14;border-radius:8px;padding:.45rem}select option{color:#111}.controls-grid{grid-template-columns:1fr 1fr;gap:1.6rem;display:grid}@media (max-width:620px){.controls-grid{grid-template-columns:1fr}}.controls-grid ul{flex-direction:column;gap:.45rem;margin:0 0 1rem;padding:0;font-size:.92rem;list-style:none;display:flex}.paint-row{flex-wrap:wrap;gap:.55rem;margin-top:1.4rem;display:flex}.paint-row button{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .15s}.paint-row button.sel{border-color:var(--ink);transform:scale(1.12)}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#mirror-frame{background:#0000001a;border-radius:12px;width:360px;height:92px;display:none;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #00000080,inset 0 0 0 1.5px #ffffff38,inset 0 0 18px #00000080}#hud.mirror-on #mirror-frame{display:block}#compass{width:280px;height:26px;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}#hud.mirror-on #compass{background:linear-gradient(#00000080,#0000000a);border-radius:10px 10px 0 0;width:300px;height:30px;top:16px}#compass-strip{white-space:nowrap;will-change:transform;height:100%;position:absolute;top:0;left:0}#compass-strip span{text-align:center;letter-spacing:.08em;width:30px;color:var(--ink);text-shadow:0 1px 4px #00000080;margin-left:-15px;font-size:.78rem;position:absolute;top:4px}#compass-strip span.minor{color:var(--ink-dim);font-size:.6rem;top:7px}#compass-strip span.n{color:var(--accent);font-weight:700}#compass-hint{text-align:center;width:16px;font:italic 700 .9rem var(--serif);color:var(--ink);opacity:.75;text-shadow:0 1px 4px #000000b3;margin-left:-8px;display:none;position:absolute;top:1px}#compass-mark{background:var(--accent);border-radius:50%;width:10px;height:10px;margin-left:-5px;display:none;position:absolute;top:2px;box-shadow:0 0 6px #0006}#compass-pins{width:280px;height:0;margin-left:-140px;position:absolute;top:46px;left:50%}#hud.mirror-on #compass-pins{top:104px}#compass-pins div{white-space:nowrap;color:var(--ink);text-shadow:0 1px 4px #000000b3;align-items:center;gap:.3rem;font-size:.7rem;transition:left 50ms linear;display:flex;position:absolute;top:0;transform:translate(-50%)}#compass-pins i{background:var(--pc);border-radius:50% 50% 50% 0;width:8px;height:8px;transform:rotate(-45deg);box-shadow:0 0 0 1.5px #00000059}.compass-tick{background:var(--ink);width:1px;height:6px;position:absolute;bottom:0;left:50%}.clock{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink);align-items:center;gap:.32rem;font-size:.8rem;display:inline-flex}.clock svg{width:13px;height:13px;fill:var(--accent);stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round}.clock .clock-moon{fill:var(--ink-dim);stroke:none;display:none}.clock.night .clock-sun{display:none}.clock.night .clock-moon{display:block}#clock{text-shadow:0 1px 4px #0009;position:absolute;top:22px;left:calc(50% + 150px)}#hud.mirror-on #clock{top:20px;left:calc(50% + 192px)}.pause-title{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pause-title .clock{font:.86rem var(--font);color:var(--ink-dim)}#hints{color:var(--ink-dim);text-shadow:0 1px 4px #0009;font-size:.78rem;transition:opacity 1.5s;position:absolute;bottom:24px;left:66px}#hints.fade{opacity:.35}#found{color:var(--ink-dim);text-shadow:0 1px 4px #0009;font-size:.78rem;position:absolute;top:22px;right:30px}#toast{text-align:center;opacity:0;text-shadow:0 1px 10px #00000073;transition:opacity .8s,transform .8s;position:absolute;top:62px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}.toast-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:.7rem}#toast-name{font:italic 600 2rem var(--serif);margin-top:.15rem}#toast-desc{color:var(--ink-dim);margin-top:.2rem;font-size:.9rem}#message{background:var(--panel);opacity:0;white-space:nowrap;border-radius:10px;padding:.55rem 1rem;font-size:.9rem;transition:opacity .5s;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}#message.show{opacity:1}.map-wrap{align-items:stretch;gap:1.4rem;max-width:96vw;max-height:92vh;display:flex}.map-canvas-wrap{position:relative}#map-coords{color:var(--ink-dim);pointer-events:none;font-variant-numeric:tabular-nums;background:#14161899;border-radius:8px;gap:.9rem;padding:.3rem .6rem;font-size:.78rem;display:flex;position:absolute;top:10px;left:12px}#map-coords:empty{display:none}#map-coords b{color:var(--ink);font-weight:600}#map-pop{z-index:2;background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:190px;max-height:70%;padding:.3rem;display:flex;position:absolute;overflow:auto;box-shadow:0 10px 30px #00000073}#map-pop button{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.45rem .6rem;font-size:.86rem}#map-pop button:hover,#map-pop button:focus-visible{background:#ffffff14;outline:none}#map-pop button.more:after{content:" ›";color:var(--ink-dim)}.map-pop-title{color:var(--ink-dim);border-bottom:1px solid var(--line);margin-bottom:.2rem;padding:.35rem .6rem .25rem;font-size:.74rem}#map-canvas{cursor:grab;touch-action:none;background:#2b2e2c;border-radius:14px;width:min(78vh,62vw);height:min(78vh,62vw);box-shadow:0 20px 60px #00000073}.map-side{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:240px;padding:1.2rem;display:flex}#map-list{flex:1;margin:.6rem 0 1rem;font-size:.88rem;overflow:auto}#map-list div{border-bottom:1px solid var(--line);padding:.32rem 0}#map-list div.unknown{color:var(--ink-dim);font-style:italic}@media (max-width:760px){.map-wrap{flex-direction:column}.map-canvas-wrap{position:relative}#map-coords{color:var(--ink-dim);pointer-events:none;font-variant-numeric:tabular-nums;background:#14161899;border-radius:8px;gap:.9rem;padding:.3rem .6rem;font-size:.78rem;display:flex;position:absolute;top:10px;left:12px}#map-coords:empty{display:none}#map-coords b{color:var(--ink);font-weight:600}#map-pop{z-index:2;background:var(--panel-solid);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:190px;max-height:70%;padding:.3rem;display:flex;position:absolute;overflow:auto;box-shadow:0 10px 30px #00000073}#map-pop button{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:.45rem .6rem;font-size:.86rem}#map-pop button:hover,#map-pop button:focus-visible{background:#ffffff14;outline:none}#map-pop button.more:after{content:" ›";color:var(--ink-dim)}.map-pop-title{color:var(--ink-dim);border-bottom:1px solid var(--line);margin-bottom:.2rem;padding:.35rem .6rem .25rem;font-size:.74rem}#map-canvas{width:90vw;height:90vw}.map-side{width:90vw}}.panel-title{font:italic 600 1.3rem var(--serif)}#photo.collapsed #diag{z-index:20;white-space:pre;pointer-events:none;background:#0009;border-radius:8px;padding:8px 10px;font:12px/1.45 ui-monospace,Menlo,monospace;position:fixed;top:12px;left:12px}.muted.small{margin:.7rem 0 .2rem;font-size:.76rem}#hud:before,#hud:after{content:"";pointer-events:none;position:absolute;left:0;right:0}#hud:before{background:linear-gradient(#0c0e108c 0%,#0c0e1038 55%,#0c0e1000 100%);height:120px;top:0}#hud:after{background:linear-gradient(#0c0e1000 0%,#0c0e102e 45%,#0c0e1080 100%);height:110px;bottom:0}#hud>*{z-index:1}.garage{align-items:center;gap:.5rem;margin-top:1.4rem;display:flex}.garage button{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:8px;width:34px;height:34px;font-size:1rem}.garage button:hover{background:#ffffff2e}.garage .gname{flex:1;min-width:0}.garage .gname b{font:italic 600 1.15rem var(--serif);display:block}.garage .gname span{color:var(--ink-dim);font-size:.78rem;line-height:1.35;display:block}.panel .garage{margin-top:.2rem}.panel .paint-row{margin-top:.8rem}.mute-btn{pointer-events:auto;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#14161859;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;bottom:16px;left:22px}.mute-btn:hover{background:#14161899}.logo{filter:drop-shadow(0 6px 24px #00000059);height:auto;display:block}.logo-menu{width:100%;margin:0 0 .3rem}.logo-h1{margin:0;line-height:0}.logo-load{width:min(304px,62vw);margin:0 auto 1.4rem}input.text{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff14;border-radius:10px;outline:none;padding:.6rem .8rem}input.text:focus{border-color:var(--accent);background:#ffffff1f}input.text.code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-weight:600}.mp-gap{margin-top:.8rem}.mp-online{min-height:1.2em;color:var(--accent);margin:-.4rem 0 .9rem;font-size:.84rem}.mp-online:empty{display:none}.mp-modes{gap:.5rem;display:grid}.mp-actions{margin-top:1.2rem}.name-row{gap:.5rem;display:flex}.name-row input{flex:1;min-width:0}.name-row button{width:2.6rem;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:10px;flex:none;font-size:1.05rem;line-height:1}.name-row button:hover,.name-row button:focus-visible{background:#ffffff29;outline:none}.mp-hint{color:var(--accent);margin:.45rem 0 0;font-size:.8rem}.mp-hint:empty{display:none}.mp-modes button{text-align:left;font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:10px;grid-template-columns:1fr auto;padding:.5rem .75rem;display:grid}.mp-modes button[aria-checked=true]{border-color:var(--accent);background:#e8a86a1f}.mp-modes b{font-weight:600}.mp-modes span{color:var(--ink-dim);grid-column:1;font-size:.78rem}.mp-modes em{color:var(--accent);grid-area:1/2/span 2;align-self:center;font-size:.75rem;font-style:normal}.mp-friends{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:.9rem}.join-row{gap:.5rem;display:flex}.join-row input{flex:1;min-width:0}.join-row button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:10px;padding:.6rem 1.1rem}.join-row button:hover{background:#ffffff29}button:disabled{opacity:.5;cursor:default}.mp-status{min-height:1.2em;color:var(--ink-dim);margin:.7rem 0 0;font-size:.82rem}.mp-status:empty{min-height:0;margin:0}.mp-status.error{color:var(--danger)}.mp-pause{color:var(--ink-dim);justify-content:space-between;align-items:center;gap:.6rem;margin:-.4rem 0 .9rem;font-size:.86rem;display:flex}.mp-pause button{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:8px;padding:.3rem .6rem;font-size:.78rem}#mp-hud{text-shadow:0 1px 4px #0009;font-size:.78rem;position:absolute;top:20px;left:24px}#mp-room{color:var(--accent);letter-spacing:.08em;margin-bottom:.35rem;font-weight:600}#mp-list{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}#mp-list li{color:var(--ink);align-items:center;gap:.45rem;font-size:.74rem;display:flex}#mp-list i{background:var(--pc);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #00000040}#mp-list span{color:var(--ink-dim);font-size:.68rem}#mp-list button{pointer-events:auto;font:inherit;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:#14161873;border-radius:6px;padding:.15rem .35rem;font-size:.68rem;line-height:1}#mp-list button:hover{color:var(--ink);border-color:var(--accent)}#mp-list li.more{padding-left:calc(8px + .45rem);font-size:.72rem}.ptag{white-space:nowrap;color:#fff;border:1px solid var(--pc);will-change:transform, opacity;pointer-events:none;transform-origin:50% 100%;background:#1416188c;border-radius:999px;padding:.15rem .55rem;font-size:.74rem;font-weight:600;position:absolute;top:0;left:0}#players{pointer-events:auto;z-index:6;background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.5rem;width:min(560px,100vw - 32px);max-height:min(70vh,640px);padding:.9rem 1rem .7rem;font-size:.84rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0006}#players.hidden{display:none}#players .pl-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}#players .pl-head b{color:var(--accent);letter-spacing:.06em}#players .pl-head span{color:var(--ink-dim);margin-left:.35rem}#players .pl-sort{gap:.25rem;display:flex}#players button{font:inherit;color:var(--ink-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.3rem .5rem;font-size:.72rem;line-height:1}#players button:hover,#players button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}#players .pl-search{font:inherit;color:var(--ink);border:1px solid var(--line);background:#00000040;border-radius:8px;outline:none;padding:.4rem .6rem}#players .pl-search:focus{border-color:var(--accent)}#players .pl-search.hidden{display:none}#players .pl-body{overscroll-behavior:contain;min-height:0;margin:0 -.4rem;padding:0 .4rem;overflow-y:auto}#players ul{margin:0;padding:0;list-style:none}#players li{border-radius:8px;grid-template-columns:10px minmax(0,1.4fr) 4.6rem minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.32rem .4rem;display:grid}#players.nodist li{grid-template-columns:10px minmax(0,1.4fr) minmax(0,1fr) auto auto}#players li:nth-child(odd){background:#ffffff08}#players li.sel{outline:1px solid var(--accent);background:#e8a86a2e}#players li i{background:var(--pc);border-radius:50%;width:9px;height:9px}#players li b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}#players li b small{color:var(--ink-dim);margin-left:.25rem;font-weight:400}#players .pl-d{color:var(--ink-dim);text-align:right;font-variant-numeric:tabular-nums}#players .pl-v{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#players .pl-s{text-align:right;font-variant-numeric:tabular-nums;min-width:2rem;font-weight:600}#players section h4{color:var(--tc,var(--ink));border-bottom:2px solid var(--tc,var(--line));letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin:.5rem 0 .25rem;padding:0 .4rem .25rem;font-size:.8rem;display:flex}#players section h4 span{color:var(--ink-dim);text-transform:none;letter-spacing:0;font-weight:400}#players .pl-none{color:var(--ink-dim);text-align:center;margin:1rem 0}#players .pl-foot{color:var(--ink-dim);text-align:center;font-size:.72rem}@media (max-width:600px){#players li{grid-template-columns:10px minmax(0,1fr) 4rem auto}#players .pl-v,#players .pl-s{display:none}}#chat{width:min(380px,100vw - 48px);position:absolute;bottom:64px;left:24px}#chat-log{flex-direction:column;gap:.2rem;font-size:.84rem;display:flex}.chat-line{text-shadow:0 1px 4px #000c;overflow-wrap:anywhere;transition:opacity 1.2s}.chat-line.sys{color:var(--ink-dim);font-size:.78rem;font-style:italic}.chat-line.old{opacity:0}#chat.open .chat-line.old{opacity:.85}#chat-input{pointer-events:auto;width:100%;font:inherit;color:var(--ink);border:1px solid var(--accent);background:#141618b3;border-radius:10px;outline:none;margin-top:.5rem;padding:.5rem .7rem;font-size:.86rem}@media (max-width:600px){#chat{bottom:90px;left:16px}#mp-hud{top:54px;left:16px}}#tilt{align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;right:24px}#tilt .gauge{flex-direction:column;align-items:center;gap:2px;display:flex}#tilt svg{filter:drop-shadow(0 2px 6px #00000059);width:58px;height:58px;display:block}#tilt span{font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 1px 4px #0009;font-size:.74rem}.g-ring{fill:#14181a73;stroke:#f4eedf8c;stroke-width:1.5px}.g-hz{stroke:#f4eedf59;stroke-width:1px;stroke-dasharray:2 2}.g-body{fill:#f4eedf}.g-dark{fill:#2c2a26;stroke:#f4eedf;stroke-width:.6px}.g-glass{fill:#5a6a74}.g-red{fill:#c8483a}#tilt .warn .g-ring{stroke:#f0c060}#tilt .warn span{color:#f0c060}#tilt .danger .g-ring{stroke:#e07a6a;stroke-width:2.2px}#tilt .danger span{color:#e07a6a}.speed-dial{width:74px;height:74px;position:relative}#tilt .speed-dial svg{width:74px;height:74px}.g-track{fill:none;stroke:#f4eedf24;stroke-width:2.6px;stroke-dasharray:115.4 153.9;transform:rotate(135deg)}.g-arc{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:0 153.9;transition:stroke-dasharray .12s linear;transform:rotate(135deg)}.speed-text{text-shadow:0 1px 4px #0009;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.speed-text b{font:500 1.35rem var(--font);font-variant-numeric:tabular-nums}.speed-text small{color:var(--ink-dim);letter-spacing:.04em;margin-top:2px;font-size:.6rem}@media (max-width:600px){#tilt{right:16px}#tilt svg{width:46px;height:46px}.speed-dial,#tilt .speed-dial svg{width:58px;height:58px}.speed-text b{font-size:1.1rem}}.journal-panel{--paper:#efe6d1;--ink2:#3b3127;--ink3:#3b31279e;--rule:#3b312729;background:var(--paper);width:min(1040px,94vw);max-height:90vh;color:var(--ink2);background-image:repeating-linear-gradient(0deg,#0000 0 27px,#3b31270d 27px 28px);border-radius:14px;padding:1.4rem 1.8rem 1.6rem;overflow-y:auto;box-shadow:0 24px 70px #00000073}.journal-panel h2{font:italic 600 2rem var(--serif);margin:0}.journal-panel h3{font:italic 600 1.15rem var(--serif);color:var(--ink2);margin:1.1rem 0 .5rem}.journal-panel h3 small,.journal-panel small{font:500 .78rem var(--font);color:var(--ink3);font-style:normal}.journal-panel .muted{color:var(--ink3);margin:.2rem 0 0}.journal-panel .x{color:var(--ink3)}.j-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding-bottom:.8rem;display:flex}.j-stats{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.9rem;display:grid}.j-stat{border:1px solid var(--rule);background:#ffffff59;border-radius:10px;padding:.55rem .7rem}.j-stat b{font:600 1.25rem var(--serif);display:block}.j-stat span{color:var(--ink3);font-size:.75rem}.j-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.8rem;display:grid}.j-list{margin:0;padding:0;font-size:.86rem;list-style:none}.j-list li{border-bottom:1px solid var(--rule);padding:.32rem 0}.j-list li.empty{color:var(--ink3);font-style:italic}.j-list.clues li span{color:var(--ink3);font-size:.8rem}.j-list.clues li.yes b{-webkit-text-decoration:line-through #3b312766;text-decoration:line-through #3b312766}.j-list.places{columns:2;column-gap:1rem}.j-list.places li{break-inside:avoid}.j-tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.j-tags li{border:1px dashed var(--rule);color:var(--ink3);border-radius:999px;padding:.22rem .6rem;font-size:.8rem}.j-tags li.yes{color:var(--ink2);background:#fff6;border-style:solid;border-color:#3b312759}@media (max-width:720px){.j-stats{grid-template-columns:repeat(2,1fr)}.j-cols{grid-template-columns:1fr}.journal-panel{padding:1rem}}#zn-hud{text-align:right;color:var(--ink);text-shadow:0 1px 4px #000c;margin-top:2.2rem;font-size:.78rem;line-height:1.45;position:absolute;top:20px;right:24px}#zn-hud .zn-title{color:#6fe05a;letter-spacing:.1em;font-weight:700}#zn-hud .zn-time{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}#zn-hud .inf{color:#6fe05a}#zn-hud .sur{color:#f2c94c}#zn-board{background:var(--panel-solid);border:1px solid var(--line);z-index:6;border-radius:14px;width:min(420px,100vw - 32px);padding:1rem 1.2rem;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000073}#zn-board.hidden{display:none}#zn-board h3{font:italic 600 1.25rem var(--serif);text-align:center;margin:0 0 .6rem}#zn-board ol{gap:.2rem;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}#zn-board li{border-radius:6px;grid-template-columns:10px 1fr auto;align-items:center;gap:.6rem;padding:.25rem .4rem;display:grid}#zn-board li.me{background:#e8a86a29}#zn-board li i{background:var(--pc);border-radius:50%;width:9px;height:9px}#zn-board li b{font-variant-numeric:tabular-nums}#screen-flash{pointer-events:none;opacity:0;z-index:7;mix-blend-mode:screen;position:fixed;inset:0}#screen-flash.go{animation:.9s ease-out zn-flash}@keyframes zn-flash{0%{opacity:.55}to{opacity:0}}@media (max-width:600px){#zn-hud{top:54px;right:16px}}#zn-banner{text-align:center;pointer-events:none;text-shadow:0 2px 12px #000000d9;width:min(720px,100vw - 32px);position:absolute;top:22%;left:50%;transform:translate(-50%)}#zn-banner .zb-title{font:italic 600 1.7rem var(--serif);color:var(--ink)}#zn-banner .zb-sub{color:var(--ink-dim);margin-top:.4rem;font-size:.95rem;line-height:1.4}#zn-banner .zb-big{font:italic 700 3.2rem var(--serif);color:#e8f6e0;animation:1s ease-out infinite zb-pulse}#zn-banner.lobby{z-index:3;-webkit-backdrop-filter:blur(6px);background:#0e1014d6;border-radius:12px;width:auto;max-width:min(560px,100vw - 32px);padding:.7rem 1.1rem .8rem;line-height:1.3;box-shadow:0 6px 24px #00000059}#zn-banner.lobby .zb-title{font-size:1.25rem;line-height:1.25}#zn-banner.lobby .zb-count{letter-spacing:.02em;color:#f2c94c;font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.85rem}#zn-banner.lobby .zb-sub{color:#d9dde3;margin-top:.35rem;font-size:.88rem}#zn-banner .zb-rules{text-align:left;text-shadow:none;grid-template-columns:1fr 1fr;gap:.35rem .9rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}#zn-banner .zb-rules li{color:#d9dde3;background:#ffffff0f;border-radius:9px;align-items:center;gap:.55rem;min-width:0;padding:.3rem .5rem;font-size:.84rem;line-height:1.25;display:flex}#zn-banner .zb-rules .ico{fill:none;stroke:currentColor;stroke-width:1.8px;color:#f4eedf;flex:none;width:24px;height:24px}#zn-banner .zb-rules b{color:#f4eedf;font-weight:700}#zn-banner .zb-rules b.inf{color:#6fe05a}#zn-banner .zb-rules b.sur{color:#f2c94c}#zn-banner .zb-rules kbd{font:700 .72rem var(--font);color:#f4eedf;border:1px solid #f4eedf59;border-radius:4px;margin-left:.25rem;padding:0 .3rem;line-height:1.35;display:inline-block}@media (max-width:480px){#zn-banner.lobby{width:calc(100vw - 32px)}#zn-banner .zb-rules{grid-template-columns:1fr}}#zn-banner.inf .zb-title,#zn-banner .inf{color:#6fe05a}#zn-banner .sur{color:#f2c94c}@keyframes zb-pulse{0%{opacity:.4;transform:scale(1.15)}30%{opacity:1;transform:scale(1)}to{opacity:.9}}#zn-fade{opacity:0;pointer-events:none;z-index:8;background:#000;transition:opacity .6s;position:fixed;inset:0}#zn-fade.on{opacity:1}@media (max-width:600px){#zn-banner .zb-title{font-size:1.2rem}#zn-banner .zb-big{font-size:2.2rem}}#threat-vignette{pointer-events:none;z-index:4;opacity:0;background:radial-gradient(#a0000000 55%,#a00a0abf 100%);transition:opacity .4s;position:fixed;inset:0}#zn-compass{pointer-events:none;position:absolute;inset:0}#zn-compass .zc-zone.zc-by{color:#b6ff9a;animation:1s ease-out infinite zb-pulse}#zn-compass .zc-zone{text-align:center;letter-spacing:.08em;color:#6fe05a;text-shadow:0 1px 4px #000c;width:36px;margin-left:-18px;font-size:.62rem;font-weight:700;position:absolute;top:11px}#zn-compass .zc-threat{background:radial-gradient(#e6281e8c,#e6281e00 70%);border-radius:50%;width:60px;height:100%;margin-left:-30px;position:absolute;top:0}#pause .panel{width:min(620px,94vw)}.pause-grid{grid-template-rows:repeat(2,minmax(108px,auto));grid-template-columns:1.3fr repeat(3,1fr);gap:.6rem;display:grid}.pause-grid .tile{text-align:center;min-width:44px;min-height:44px;color:var(--ink);border:1px solid var(--line);font:600 .86rem var(--font);cursor:pointer;background:#ffffff12;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:.9rem .5rem;line-height:1.2;transition:background .15s,border-color .15s,transform .15s;display:flex}.pause-grid .tile:hover{background:#ffffff24;border-color:#f4eedf4d}.pause-grid .tile:active{transform:scale(.97)}.pause-grid .tile:focus{outline:none}.pause-grid .tile:focus-visible,.pause-grid.nav .tile:focus{outline:2px solid var(--accent);outline-offset:3px;background:#ffffff29}.pause-grid .ico{fill:none;stroke:currentColor;stroke-width:1.8px;width:30px;height:30px}.pause-grid .tile.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;grid-row:span 2;gap:.7rem;font-size:1.1rem}.pause-grid .tile.primary:hover{background:#f0b47a}.pause-grid .tile.primary .ico{fill:currentColor;stroke-width:1.2px;width:58px;height:58px}.pause-grid.nav .tile.primary:focus,.pause-grid .tile.primary:focus-visible{outline-color:var(--ink);background:var(--accent)}#pause.nav .mp-pause button:focus{outline:2px solid var(--accent);outline-offset:2px}.pause-grid .ico-leave,.pause-grid .tile.leave .ico-menu{display:none}.pause-grid .tile.leave .ico-leave{display:block}.pause-grid .tile.leave{color:#f2b8ab}.mp-pause{flex-wrap:wrap}@media (max-width:560px),(max-aspect-ratio:4/5){.pause-grid{grid-template-rows:none;grid-template-columns:1fr 1fr}.pause-grid .tile{min-height:84px}.pause-grid .tile.primary{flex-direction:row;grid-area:auto/span 2;min-height:64px}.pause-grid .tile.primary .ico{width:30px;height:30px}}