:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#fff;--muted:#fffc;--faint:#ffffff8c;--amber:#87cefa;--line:#ffffff1f;--ink:#000;--mint:#ffffff8c;--mono:"JetBrains Mono",ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;font-family:var(--mono);color:var(--paper)}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{appearance:none;cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}#app{width:100%;height:100dvh;position:relative}#scene{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}#overlay{z-index:30;background:var(--ink);flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}#overlay.hidden{display:none}body.started #overlay{background:#000000f5}.menu-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 32px;display:flex}.wordmark{color:var(--paper);align-items:center;gap:12px;font-size:16px;font-weight:400;text-decoration:none;display:flex}.wordmark span,.edition,.eyebrow,.scene-label,.menu-footer,.panel-footer,.section-heading{font:10px/1.6 var(--mono);letter-spacing:.08em}.wordmark span,.edition{color:var(--faint)}.menu-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:stretch;gap:36px;width:100%;max-width:1120px;min-height:0;margin:auto;padding:56px 32px;display:grid}.title-scene{isolation:isolate;border:1px solid var(--line);background:#0a0a0a;flex-direction:column;justify-content:space-between;min-height:480px;padding:24px;display:flex;position:relative;overflow:hidden}.title-scene:before{content:"";z-index:-2;image-rendering:pixelated;opacity:.65;background:url(/night-street.webp) 50%/cover no-repeat;position:absolute;inset:0}.title-scene:after{content:"";z-index:-1;background:linear-gradient(#00000060,#0000 35%,#000000ed);position:absolute;inset:0}.scene-label{color:var(--muted);align-items:center;gap:12px;display:flex}.label-rule{background:var(--line);flex:1;height:1px}.scene-title{padding-top:160px}h1{font:400 24px/1.4 var(--mono);letter-spacing:-.04em;margin:0}h1>span[lang]{color:var(--faint);letter-spacing:0;margin-left:12px;font-size:16px}.scene-caption{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.7}.live-dot{background:var(--mint);flex-shrink:0;width:5px;height:5px;display:inline-block}.menu-panel{border:1px solid var(--line);background:#0a0a0a;flex-direction:column;min-width:0;display:flex}.menu-tabs{border-bottom:1px solid var(--line);gap:24px;padding:0 24px;display:flex}.menu-tabs button{color:var(--faint);background:0 0;border:0;border-bottom:1px solid #0000;padding:18px 0;font-size:12px}.menu-tabs button:hover{color:var(--paper)}.menu-tabs button[aria-selected=true]{border-color:var(--paper);color:var(--paper)}.panel-scroll{flex:1;padding:28px 24px}.eyebrow{color:var(--faint);margin-bottom:12px}h2{letter-spacing:-.04em;margin:0;font-size:22px;font-weight:400;line-height:1.4}.panel-copy{color:var(--muted);margin:10px 0 28px;font-size:12px;line-height:1.7}label{color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;display:flex}input:not([type=range]):not([type=checkbox]),select{border:1px solid var(--line);width:100%;min-width:0;height:44px;color:var(--paper);outline-offset:2px;background:#121212;border-radius:0;padding:0 12px;font-size:12px}input::placeholder{color:var(--faint)}input:hover,select:hover{border-color:#ffffff40}.field-note{color:var(--faint);margin:10px 0 22px;font-size:10px;line-height:1.7}#menu-status:empty{display:none}.session-choice{border-block:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;margin-bottom:20px;padding:14px 0;font-size:12px;display:flex}.session-choice>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.session-choice button,.text-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:11px}.session-choice button:hover,.text-button:hover{color:var(--paper)}.primary-button{width:100%;color:var(--paper);background:#ffffff0f;border:1px solid #ffffff40;border-radius:0;justify-content:space-between;align-items:center;padding:13px 14px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.primary-button:hover{background:#ffffff1f;border-color:#ffffff80}.controls{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:18px;font-size:11px}summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.controls[open] summary span{transform:rotate(45deg)}dl{margin:18px 0 0}dl div{align-items:center;gap:12px;margin:12px 0;display:flex}dt{min-width:90px}dd{margin:0;line-height:1.5}kbd{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);background:#ffffff08;padding:3px 5px}#editor-button{justify-content:space-between;align-items:center;width:100%;margin-top:23px;display:flex}.panel-footer{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:10px;padding:14px 24px;font-size:9px;display:flex}.panel-footer span:last-child{margin-left:auto}.menu-footer{color:var(--faint);flex-shrink:0;justify-content:space-between;padding:0 32px 22px;display:flex}.section-heading{color:var(--faint);justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.room-empty{color:var(--muted);border-block:1px solid var(--line);margin:0 0 24px;padding:18px 0;font-size:12px;line-height:1.8}.room-row{text-align:left;border:1px solid var(--line);background:#121212;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:14px 12px;display:flex}.room-row:hover{background:#ffffff0f;border-color:#ffffff40}.room-row .room-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px}.room-row .room-count{color:var(--faint);white-space:nowrap;font-size:10px}#room-list{max-height:220px;margin-bottom:25px;overflow:auto}#area-section{margin-bottom:20px}#area-list{max-height:186px;overflow:auto}.area-row{text-align:left;border:1px solid var(--line);width:100%;color:var(--paper);background:#121212;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;margin-bottom:6px;padding:11px 12px;display:grid}.area-row:hover{background:#ffffff0f;border-color:#ffffff40}.area-row[aria-checked=true]{background:#ffffff14;border-color:#ffffff8c}.area-row .area-mark{border:1px solid #ffffff59;border-radius:50%;width:8px;height:8px}.area-row[aria-checked=true] .area-mark{background:var(--paper);border-color:var(--paper)}.area-row .area-name{overflow-wrap:anywhere;min-width:0;font-size:12px}.area-row .area-meta{color:var(--faint);grid-column:2/4;font-size:10px}.area-row .area-badge{color:var(--faint);white-space:nowrap;font-size:10px}.room-input-row{gap:8px;display:flex}.small-button{color:var(--paper);white-space:nowrap;background:0 0;border:1px solid #ffffff40;padding:0 15px;font-size:12px}.small-button:hover{background:#ffffff0f}#solo-button{margin-top:20px}#settings-form label{margin-top:22px}#settings-form label:first-child{margin-top:0}output{color:var(--muted);font-size:11px}input[type=range]{width:100%;accent-color:var(--muted);cursor:pointer;height:16px;margin:4px 0}input[type=checkbox]{accent-color:var(--muted);width:16px;height:16px}.check-label{border-block:1px solid var(--line);padding:16px 0}#reset-settings{margin-top:8px}#game-hud,#chat,#screenshot-btn,#stats{display:none}body.locked #game-hud{z-index:5;pointer-events:none;display:block;position:absolute;inset:0}.hud-brand{letter-spacing:.1em;text-shadow:0 2px 5px #000;align-items:center;gap:15px;font-size:20px;display:flex;position:absolute;top:24px;left:26px}.hud-brand span{color:#b1c1bd;font-size:9px}.hud-session{border:1px solid var(--line);background:#0b141ab0;align-items:center;gap:12px;padding:8px 12px;font-size:9px;display:flex;position:absolute;top:28px;right:26px}#hud-name{border-left:1px solid var(--line);color:var(--amber);padding-left:12px}.hud-hint{color:#a8b9b8;white-space:nowrap;letter-spacing:0;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hud-hint>span{color:#627a7e;padding:0 6px}#crosshair{z-index:5;pointer-events:none;background:#eee8cd99;width:3px;height:3px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.locked #crosshair{display:block}body.locked #screenshot-btn{border:1px solid var(--line);z-index:10;color:var(--paper);background:#0b141a90;border-radius:2px;align-items:center;gap:12px;padding:9px 12px;font:10px monospace;display:flex;position:absolute;bottom:23px;right:26px}#screenshot-btn svg{width:18px;height:18px}#screenshot-btn:hover,#screenshot-btn.flash{color:var(--amber);border-color:var(--amber)}body.locked #stats.visible{border:1px solid var(--line);color:#b2c9c5;white-space:pre;pointer-events:none;z-index:6;background:#0b141ad9;padding:12px;font:11px/1.7 monospace;display:block;position:absolute;top:65px;left:26px}body.locked #chat{z-index:10;flex-direction:column;gap:8px;width:min(350px,36vw);font-size:12px;display:flex;position:absolute;bottom:24px;left:26px}.chat-heading{letter-spacing:.08em;color:#819894;opacity:0;justify-content:space-between;font-size:8px;display:flex}#chat.open .chat-heading{opacity:1}#chat-log{pointer-events:none;opacity:.65;scrollbar-width:thin;scrollbar-color:#536d70 transparent;flex-direction:column;gap:4px;max-height:25vh;transition:opacity .2s;display:flex;overflow:auto}#chat.open #chat-log{opacity:1;pointer-events:auto}.chat-row{color:#cfdbd5;overflow-wrap:anywhere;background:#0b141aaa;border-left:2px solid #668f87;padding:5px 9px;line-height:1.6}.chat-name{color:var(--amber);font-weight:700}.chat-self{border-color:var(--amber)}.chat-system{color:#96aeac;background:#0b141a90;border-color:#4a6167;font-size:10px}#chat-input{font-size:12px;display:none;height:42px!important}#chat.open #chat-input{display:block}body #city-editor{background:var(--ink);color:var(--paper);font-family:Arial,sans-serif;overflow:auto}body #city-editor .ce-side{border-color:var(--line);background:#101b20;min-width:320px}body #city-editor input,body #city-editor select,body #city-editor button,body #city-editor textarea{color:var(--paper);background:#17252a;border-color:#ffffff26;border-radius:2px;padding:9px 10px}body #city-editor button:hover{background:#243a3e}body #city-editor button.ce-active,body #city-editor .ce-row-selected{border-color:var(--amber);background:#e9b77825}body #city-editor canvas{border-color:#ffffff26}body #city-editor h2{letter-spacing:-.04em;font-size:23px;font-weight:500}body #city-editor .ce-status{color:var(--mint)}body #city-editor .ce-danger{background:#88473333;border-color:#ba745d}body #city-editor .ce-list{border-color:var(--line)}@media (width<=760px){.menu-header{padding:18px 20px}.menu-layout{flex:none;grid-template-columns:1fr;gap:20px;max-width:520px;padding:24px 20px}.title-scene{min-height:180px;padding:18px}.title-scene:before{background-position:50% 58%}.scene-title{padding-top:48px}h1{font-size:20px}h1>span[lang]{font-size:14px}.menu-footer{padding:0 20px 20px}}@media (width<=620px){.hud-brand{top:16px;left:14px}.hud-brand span{display:none}.hud-session{letter-spacing:0;max-width:65%;top:16px;right:14px}.hud-hint{display:none}body.locked #chat{width:70vw;bottom:16px;left:14px}body.locked #screenshot-btn{bottom:16px;right:14px}body.locked #stats.visible{top:56px;left:14px}body #city-editor.open{flex-direction:column}body #city-editor .ce-map-pane{max-width:100vw;overflow:auto}body #city-editor .ce-side{border-left:0;border-top:1px solid var(--line);width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}#city-navigation{border:1px solid var(--line);width:180px;font:9px/1.6 var(--mono);color:var(--muted);background:#080808e8;padding:10px;position:absolute;top:86px;right:26px}#city-navigation canvas{width:100%;height:auto;margin:10px 0;display:block}.navigation-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.navigation-heading kbd{padding:1px 3px;font-size:9px}.navigation-caption{border-top:1px solid var(--line);padding-top:8px}.navigation-legend{color:var(--faint);margin-top:8px;display:none}#city-navigation.expanded{width:min(440px,100vw - 52px,100dvh - 240px)}#city-navigation.expanded .navigation-legend{display:block}@media (width<=620px){#city-navigation{width:150px;top:64px;right:14px}#city-navigation.expanded{width:min(360px,100vw - 28px,100dvh - 200px)}}#interaction-hint{display:none}body.locked #interaction-hint:not(:empty){z-index:8;border:1px solid var(--line);font:11px var(--mono);white-space:nowrap;color:var(--paper);background:#080808cc;padding:8px 12px;display:block;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.appearance-section{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0 0 24px;padding:0 0 18px}.appearance-section legend{margin-bottom:16px;padding:0;font-size:13px}.appearance-layout{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:18px;display:grid}.appearance-preview{border:1px solid var(--line);background:#121212;flex-direction:column;align-items:center;gap:12px;padding:18px 8px;display:flex}.appearance-preview svg{width:80px;height:120px}.appearance-preview span{font:8px var(--mono);color:var(--faint)}.appearance-fields label{margin:12px 0 6px;font-size:11px}.appearance-fields label:first-child{margin-top:0}.appearance-fields select{height:36px}.preview-bob,.preview-beanie{display:none}#avatar-preview[data-style=bob] .preview-bob,#avatar-preview[data-style=beanie] .preview-beanie{display:block}#avatar-preview[data-style=bald] #preview-hair{display:none}#randomize-appearance{margin-top:18px}.appearance-section .field-note{margin-bottom:0}#player-names{z-index:12;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}body.locked #player-names{display:block}.player-nameplate{color:#fff;font:13px/1.4 var(--mono);white-space:nowrap;text-shadow:0 1px 2px #000;background:#080808d9;border:1px solid #ffffff40;align-items:center;gap:7px;padding:4px 8px;display:flex;position:absolute;top:0;left:0}.player-nameplate:before{content:"";background:var(--player-color,#87cefa);flex-shrink:0;width:6px;height:6px}@media (width>=761px){.menu-panel{min-height:480px;max-height:calc(100dvh - 220px)}.panel-scroll{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;min-height:0;overflow-y:auto}}#admin-section form,#admin-controls{gap:10px;margin-top:16px;display:grid}#admin-section label{color:var(--muted);font-size:11px}#admin-section .small-button{min-height:38px}#admin-section button:disabled{opacity:.45;cursor:default}.account-modes{gap:8px;margin:18px 0;display:flex}.account-modes button[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}#account-form,#account-confirm-wrap{gap:10px;display:grid}#account-profile{justify-content:space-between;align-items:center;gap:12px;margin:20px 0;display:flex}#account-identity{font-size:13px}#player-name[readonly]{color:var(--muted)}.area-actions{gap:14px;display:flex}#area-map{margin-bottom:12px}.area-map-canvas{border:1px solid var(--line);background:#0b0b0b;height:260px}.area-map-canvas .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.82)contrast(.92)saturate(.6)}.area-map-canvas .leaflet-control-attribution{color:var(--faint);background:#000000b0;font-size:9px}.area-map-canvas .leaflet-control-attribution a{color:var(--muted)}.area-map-hint{margin:8px 0 0}.area-map-tools{align-items:center;gap:10px;margin-top:8px;display:flex}.area-map-tools label{color:var(--muted);margin:0;font-size:11px}.area-map-tools input{flex:0 0 80px;width:80px;min-height:34px}.area-map-tools .small-button{min-height:34px;margin-left:auto}