html,body{background:#0b0e1a;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app canvas{image-rendering:pixelated;display:block}#status{color:#aeb0b8;place-items:center;margin:0;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;position:fixed;inset:0}#status[hidden]{display:none}#panel,#play-hint{color:#eef3e6;-webkit-user-select:none;user-select:none;background:#0b0e1ae6;border:1px solid #6fe0d840;font-size:12px;position:fixed}#panel{border-radius:10px;max-width:calc(100vw - 48px);padding:10px 12px;top:12px;left:12px}#panel h1{letter-spacing:.02em;margin:0 0 8px;font-size:13px;font-weight:600}#panel .row{flex-wrap:wrap;gap:6px;display:flex}#panel button{font:inherit;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;min-height:30px;padding:6px 10px;transition:background .15s}#panel button:hover{background:#ffffff2e}#panel button:focus-visible{outline-offset:1px;outline:2px solid #6fe0d8}#panel button[aria-pressed=true]{background:#6fe0d82e;border-color:#6fe0d899}#panel .meta{opacity:.8;font-variant-numeric:tabular-nums;margin:8px 0 0}#play-hint{white-space:nowrap;pointer-events:none;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:10px;max-width:calc(100vw - 24px);padding:6px 12px;display:flex;bottom:18px;left:50%;transform:translate(-50%)}#play-hint kbd{text-align:center;background:#ffffff1a;border:1px solid #ffffff59;border-bottom-width:2px;border-radius:4px;min-width:18px;margin:0 1px;padding:1px 5px;font:600 11px/16px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}#play-hint .wide{display:inline}@media (width<=640px){#play-hint .wide{display:none}}body.paused #play-hint{opacity:.25}#wardrobe-backdrop{background:#0b0e1a9e;position:fixed;inset:0}#wardrobe-backdrop[hidden],#wardrobe[hidden]{display:none}#wardrobe{color:#eef3e6;background:#151a2e;border:2px solid #6fe0d8;width:min(760px,100vw - 24px);max-height:calc(100vh - 24px);font-size:13px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:4px 4px #0b0e1a,0 0 0 2px #0b0e1a}.wr-head{background:#222a45;border-bottom:2px solid #33405e;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.wr-head h2{letter-spacing:.02em;margin:0;font-size:16px}.wr-head h2 span{color:#6fe0d8;text-transform:uppercase;margin-left:8px;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.wr-body{grid-template-columns:auto 1fr;gap:14px;padding:14px;display:grid}@media (width<=620px){.wr-body{grid-template-columns:1fr}}.wr-stage{background:repeating-linear-gradient(45deg,#222a45 0 8px,#1d2440 8px 16px);border:2px solid #33405e;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}#wardrobe-preview{image-rendering:pixelated;background:radial-gradient(45% 8% at 50% 92%,#0b0e1a8c,#0000 70%);display:block}.wr-stage-controls{align-items:center;gap:6px;display:flex}.wr-modes{gap:4px;display:flex}#wardrobe button{font:inherit;color:inherit;cursor:pointer;background:#222a45;border:2px solid #4a5a7a;border-radius:0;min-height:32px;padding:4px 10px;transition:background .12s,border-color .12s}#wardrobe button:hover{background:#33405e;border-color:#6b7d99}#wardrobe button:focus-visible{outline-offset:2px;outline:2px solid #ffd65c}#wardrobe button[aria-pressed=true],#wardrobe button[aria-selected=true]{background:#135e6b;border-color:#6fe0d8}.wr-icon-btn{min-width:32px;padding:4px 8px!important}#wardrobe-slots{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}#wardrobe .wr-slot{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:6px;display:grid;position:relative}.wr-slot .wr-key{color:#6b7d99;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:2px;right:4px}.wr-slot .wr-icon{background:#0b0e1a;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.wr-slot img,.wr-tile img{image-rendering:pixelated;display:block}.wr-slot-text{flex-direction:column;min-width:0;display:flex}.wr-th{font-weight:600}.wr-en,.wr-current{color:#aeb0b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.wr-current{color:#6fe0d8}#wardrobe-slot-title{color:#d6d7dc;margin:12px 0 8px;font-size:13px}#wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}#wardrobe .wr-tile{flex-direction:column;align-items:center;gap:2px;min-height:108px;padding:8px 4px 6px;display:flex;position:relative}.wr-tile img,.wr-tile .wr-none{background:#0b0e1a;width:54px;height:54px}.wr-none{color:#6b7d99;place-items:center;font-size:22px;display:grid}.wr-swatch{border:1px solid #0b0e1a;width:8px;height:8px;position:absolute;top:6px;right:6px}.wr-name{text-align:center;font-size:12px;font-weight:600}.wr-name-en{color:#aeb0b8;text-align:center;font-size:10px}.wr-kind{color:#eef3e6;background:#4b2a5e;padding:0 3px;font-size:9px;position:absolute;top:6px;left:6px}#wardrobe .wr-tile[aria-pressed=true]:after{content:"✓";color:#ffd65c;font-weight:700;position:absolute;bottom:4px;right:6px}.wr-foot{color:#aeb0b8;border-top:2px solid #222a45;padding:8px 14px 12px;font-size:11px}.wr-foot kbd{text-align:center;background:#222a45;border:1px solid #4a5a7a;border-bottom-width:2px;min-width:14px;padding:0 4px;font:600 10px/14px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}@media (prefers-reduced-motion:reduce){#wardrobe button{transition:none}}.wr-tag{color:#fff2b0;background:#9c2f36;padding:0 3px;font-size:9px;position:absolute;bottom:4px;left:6px}#channel{font:inherit;color:inherit;background:#0b0e1ae6;border:1px solid #ffffff38;border-radius:6px;min-height:30px;padding:4px 6px}#channel[hidden],#net:empty{display:none}#net[data-state=reconnecting],#net[data-state=connecting]{color:#ffd65c}#net[data-state=error]{color:#ff8a7a}#nameplates{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.nameplate{color:#eef3e6;white-space:nowrap;will-change:transform;background:#0b0e1ab8;border-radius:4px;padding:1px 6px;font:600 12px/16px system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;top:0;left:0}.nameplate.me{color:#6fe0d8}.nameplate.pass{opacity:.75;font-style:italic}.nameplate.away{opacity:.5}.nameplate.away:after{content:" · away";font-weight:400}#chat{z-index:6;color:#eef3e6;flex-direction:column;gap:6px;width:min(340px,100vw - 24px);font-size:13px;display:flex;position:fixed;bottom:12px;left:12px}#chat[hidden]{display:none}#chat-log{overflow-wrap:anywhere;background:#0b0e1ab8;border-radius:8px;max-height:180px;margin:0;padding:6px 8px;list-style:none;overflow-y:auto}#chat-log:empty{display:none}#chat-log li{line-height:1.35}#chat-log li b{color:#6fe0d8;font-weight:600}#chat-log li.mine b{color:#ffd65c}#chat-log li.system{opacity:.7;font-style:italic}#chat-log .mute{color:inherit;font:inherit;opacity:.6;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:4px;margin-left:6px;padding:0 5px;font-size:11px}#chat-log .mute:hover,#chat-log .mute:focus-visible{opacity:1}#chat-emotes{gap:4px;display:flex}#chat-emotes button,#chat-input{min-height:30px;color:inherit;font:inherit;background:#0b0e1ad9;border:1px solid #ffffff40;border-radius:6px}#chat-emotes button{cursor:pointer;padding:2px 8px}#chat-emotes button:hover{background:#6fe0d82e}#chat-input{box-sizing:border-box;width:100%;padding:4px 8px}#chat-input:focus-visible,#chat-emotes button:focus-visible{outline-offset:1px;outline:2px solid #6fe0d8}.bubble{color:#0b0e1a;overflow-wrap:anywhere;will-change:transform;background:#eef3e6;border-radius:8px;max-width:220px;padding:3px 8px;font:500 13px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;position:absolute;top:0;left:0}.bubble:after{content:"";border:5px solid #0000;border-top-color:#eef3e6;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}#online-dialog{color:#eef3e6;background:#0b0e1a;border:1px solid #6fe0d866;border-radius:10px;width:min(340px,100vw - 32px);padding:16px 18px;font-size:13px}#online-dialog::backdrop{background:#05070e99}#online-dialog h2{margin:0 0 12px;font-size:16px}#online-dialog h2 span{opacity:.7;font-size:13px;font-weight:400}#online-dialog label{margin-bottom:4px;font-weight:600;display:block}#online-dialog input{box-sizing:border-box;width:100%;min-height:36px;color:inherit;font:inherit;background:#ffffff0f;border:1px solid #ffffff4d;border-radius:6px;padding:6px 10px;font-size:15px}#online-dialog input:focus-visible,#online-dialog button:focus-visible{outline-offset:1px;outline:2px solid #6fe0d8}#online-dialog .hint{opacity:.7;margin:6px 0 0}#online-dialog .error{color:#ff8a7a;min-height:1.2em;margin:4px 0 0}#online-dialog .buttons{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}#online-dialog button{min-height:34px;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;padding:6px 14px}#online-dialog button.primary{background:#6fe0d833;border-color:#6fe0d8b3}#map-fade{opacity:0;pointer-events:none;z-index:20;background:#0b0e1a;transition:opacity .2s steps(4,end);position:fixed;inset:0}#map-fade.on{opacity:1}#map-banner{color:#ffd65c;opacity:0;pointer-events:none;z-index:21;image-rendering:pixelated;background:#0b0e1ab8;border:2px solid #8a3f8f;padding:6px 14px;font:600 18px/1.2 ui-monospace,SF Mono,Menlo,monospace;position:fixed;top:18%;left:50%;transform:translate(-50%)}#map-banner.show{animation:2.6s steps(8,end) forwards map-banner}@keyframes map-banner{0%{opacity:0}12%,70%{opacity:1}to{opacity:0}}#gen-debug{color:#d6d7dc;z-index:15;background:#0b0e1ae6;border:2px solid #33405e;width:360px;max-height:calc(100vh - 20px);padding:8px 10px 10px;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;position:fixed;top:10px;right:10px;overflow:auto}#gen-debug[hidden]{display:none}#gen-debug header{justify-content:space-between;align-items:center;display:flex}#gen-debug h2{color:#ffd65c;margin:0;font-size:13px}#gen-debug button,#gen-debug input[type=number]{font:inherit;color:#f4f4f0;background:#222a45;border:1px solid #4a5a7a;padding:2px 6px}#gen-debug button:hover,#gen-debug button:focus-visible{background:#33405e}#gen-debug input[type=number]{width:7em}#gen-debug .gd-row{align-items:center;gap:6px;margin:6px 0;display:flex}#gen-debug .gd-layers{grid-template-columns:repeat(3,auto);gap:2px 8px;margin-bottom:6px;display:grid}#gen-debug .gd-map{background:#0b0e1a;height:180px;position:relative;overflow:hidden}#gen-debug .gd-map canvas{width:226px;height:226px;image-rendering:pixelated;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scaleY(.5)rotate(45deg)}#gen-debug .gd-stats{color:#868892;margin:6px 0 0;font-size:11px}