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}body.paused #hud{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}#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}@font-face{font-family:Unifont RS;src:url(/fonts/unifont-rs.woff2)format("woff2");font-display:swap}:root{--s:1;--u:calc(2px * var(--s));--f:calc(16px * var(--s));--ink:#0b0e1a;--panel:#151a2e;--panel2:#222a45;--line:#33405e;--line2:#4a5a7a;--muted:#aeb0b8;--text:#eef3e6;--teal:#6fe0d8;--teal-d:#135e6b;--gold:#ffd65c;--gold-d:#b07e52;--parch:#d6ab7a;--parch-ink:#3b2622;--red:#d9473f;--pink:#e05fae;--plate-h:calc(var(--f) * 1.25 + var(--u) * 6);--chat-w:min(calc(var(--f) * 22), calc(100vw - var(--u) * 12));--font:"Unifont RS", Tahoma, "Noto Sans Thai", system-ui, sans-serif}body{font-family:var(--font);-webkit-font-smoothing:none;font-smooth:never}#hud,#title,dialog.panel,#wardrobe,.nameplate,.bubble,#map-banner{font:var(--f) / calc(var(--f) * 1.25) var(--font);color:var(--text)}small{font-size:inherit;color:var(--muted)}kbd{min-width:var(--f);padding:0 calc(var(--u) * 1.5);border:var(--u) solid var(--line2);border-bottom-width:calc(var(--u) * 2);background:var(--panel2);color:var(--text);font:inherit;line-height:calc(var(--f) * 1);text-align:center;display:inline-block}.frame{background:var(--panel);border:var(--u) solid var(--ink);box-shadow:inset 0 0 0 var(--u) var(--line2), inset 0 0 0 calc(var(--u) * 2) var(--panel), var(--u) var(--u) 0 var(--u) #0b0e1ad9}.btn,.icon-btn,.mbtn,.slot,#chat-emotes button,.ti-map,.ti-ch,.set-tabs button,.chat-tabs button{font:inherit;color:inherit;cursor:pointer;background:var(--panel2);border:var(--u) solid var(--line2);padding:var(--u) calc(var(--u) * 4);min-height:calc(var(--f) + var(--u) * 6);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--ink);border-radius:0}.btn:hover:not(:disabled),.icon-btn:hover,.mbtn:hover,.slot:hover:not(:disabled),.ti-map:hover:not(:disabled),.ti-ch:hover:not(:disabled),#chat-emotes button:hover{background:var(--line);border-color:#6b7d99}.btn:active:not(:disabled),.mbtn:active,.slot:active:not(:disabled){box-shadow:inset 0 var(--u) 0 var(--ink)}:is(.btn,.icon-btn,.mbtn,.slot,.ti-map,.ti-ch,.set-tabs button,.chat-tabs button,#chat-emotes button,.wheel-item,input,select,a):focus-visible{outline:var(--u) solid var(--gold);outline-offset:var(--u)}.btn:disabled,.slot:disabled,.ti-map:disabled,.ti-ch:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true],.slot[aria-pressed=true],.ti-map[aria-checked=true],.ti-ch[aria-checked=true],.seg-row .btn[aria-pressed=true]{background:var(--teal-d);border-color:var(--teal)}.btn-primary{border-color:var(--gold);color:#fff2b0;background:#9c2f36}.btn-primary:hover:not(:disabled){background:var(--red);border-color:#fff2b0}.btn-small{min-height:0;padding:0 calc(var(--u) * 3)}.icon-btn{min-width:calc(var(--f) + var(--u) * 6);padding:0 var(--u)}.dot{width:calc(var(--u) * 3);height:calc(var(--u) * 3);margin-right:calc(var(--u) * 2);vertical-align:middle;background:var(--muted);box-shadow:0 0 0 var(--u) var(--ink);display:inline-block}.dot[data-state=online]{background:#8bbf5a}.dot[data-state=connecting]{background:var(--gold)}.dot[data-state=error]{background:var(--red)}.dot[data-state=away]{background:#868892}.tag{color:#6b7d99}body.at-title #hud,body.at-title #map-banner{display:none}#title{z-index:30;padding:calc(var(--u) * 10) calc(var(--u) * 6) calc(var(--u) * 6);box-sizing:border-box;grid-template-rows:auto 1fr auto;place-items:start center;display:grid;position:fixed;inset:0;overflow:auto}#title[hidden]{display:none}.ti-vignette{pointer-events:none;background:radial-gradient(70% 60% at 50% 55%,#0000 35%,#0b0e1a8c 70%,#0b0e1aeb 100%),linear-gradient(#0b0e1ab3 0,#0000 26% 70%,#0b0e1abf 100%);position:fixed;inset:0}.ti-head{text-align:center;margin-bottom:calc(var(--u) * 6);position:relative}.ti-logo{align-items:center;gap:calc(var(--u) * 2);flex-direction:column;margin:0;display:flex}.ti-logo-th{width:calc(82px * 3 * var(--s));height:calc(42px * 3 * var(--s));image-rendering:pixelated;animation:3.2s steps(4,end) infinite alternate ti-glow;display:block}.ti-logo-en{font-size:calc(var(--f) * 2);letter-spacing:calc(var(--u) * 3);color:var(--teal);text-shadow:var(--u) var(--u) 0 var(--ink), calc(var(--u) * -1) 0 0 var(--ink), 0 calc(var(--u) * 2) 0 var(--ink);line-height:1}.ti-tagline{margin:calc(var(--u) * 3) 0 0;color:var(--parch);text-shadow:var(--u) var(--u) 0 var(--ink)}.ti-tagline:before,.ti-tagline:after{content:" ◆ ";color:var(--pink)}@keyframes ti-glow{0%{filter:brightness()}to{filter:brightness(1.15)}}.ti-card{gap:calc(var(--u) * 8);width:min(calc(var(--f) * 50), 100%);box-sizing:border-box;padding:calc(var(--u) * 8);background:#151a2ef0;grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.ti-card:before{content:"";left:calc(var(--u) * 2);right:calc(var(--u) * 2);top:calc(var(--u) * 2);height:calc(var(--u) * 2);background:repeating-linear-gradient(90deg, var(--gold-d) 0 calc(var(--u) * 6), var(--parch) calc(var(--u) * 6) calc(var(--u) * 8));position:absolute}.ti-look{gap:calc(var(--u) * 4);flex-direction:column;align-items:stretch;display:flex}.ti-stage{padding:calc(var(--u) * 4);background:radial-gradient(ellipse 40% 6% at 50% 90%, #0b0e1ab3, transparent 70%), repeating-linear-gradient(45deg, var(--panel2) 0 calc(var(--u) * 4), #1d2440 calc(var(--u) * 4) calc(var(--u) * 8));border:var(--u) solid var(--line);place-items:center;display:grid}#title-preview{image-rendering:pixelated;display:block}.ti-look-buttons{gap:calc(var(--u) * 2);flex-direction:column;display:flex}.ti-main{gap:calc(var(--u) * 3);flex-direction:column;min-width:0;display:flex}.ti-label{color:var(--parch);padding:0}.ti-nick-row{border:var(--u) solid var(--line2);background:var(--ink);align-items:stretch;display:flex}.ti-nick-row:focus-within{outline:var(--u) solid var(--gold);outline-offset:var(--u)}#ti-nick,#online-nick,#chat-input,#channel{font:inherit;color:var(--text);background:var(--ink);border:0;border-radius:0}#ti-nick{min-width:0;padding:calc(var(--u) * 3) calc(var(--u) * 4);font-size:calc(var(--f) * 2);flex:1;line-height:1.25}#ti-nick:focus-visible{outline:none}#ti-nick[aria-invalid=true]{color:#f2836b}.ti-tag{padding:0 calc(var(--u) * 4);font-size:calc(var(--f) * 2);color:var(--line2);align-self:center}.ti-tag.known{color:#6b7d99}.ti-help{justify-content:space-between;gap:calc(var(--u) * 4);color:var(--muted);margin:0;display:flex}.ti-help[data-state=ok] #ti-nick-msg{color:#8bbf5a}.ti-help[data-state=bad] #ti-nick-msg{color:#f2836b}.ti-count{color:#6b7d99;font-variant-numeric:tabular-nums}.ti-mode{gap:calc(var(--u) * 2);margin:calc(var(--u) * 2) 0 0;border:0;flex-wrap:wrap;align-items:center;padding:0;display:flex}.ti-mode legend{float:left;margin-right:calc(var(--u) * 4)}.seg{position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{padding:var(--u) calc(var(--u) * 5);border:var(--u) solid var(--line2);background:var(--panel2);display:inline-block}.seg input:checked+span{background:var(--teal-d);border-color:var(--teal);color:#fff}.seg input:checked+span small{color:var(--text)}.seg input:focus-visible+span{outline:var(--u) solid var(--gold);outline-offset:var(--u)}.ti-online{gap:calc(var(--u) * 3);flex-direction:column;display:flex}.ti-online[hidden]{display:none}.ti-maps,.map-travel{gap:calc(var(--u) * 2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ti-map{text-align:left;padding:calc(var(--u) * 2) calc(var(--u) * 4);flex-direction:column;align-items:flex-start;display:flex}.ti-map-th{color:var(--gold)}.ti-map-en,.ti-map-n{color:var(--muted)}.ti-map-n:empty{display:none}.ti-channels{gap:calc(var(--u) * 2);margin-top:var(--u);flex-wrap:wrap;display:flex}.ti-ch{column-gap:calc(var(--u) * 3);text-align:left;padding:var(--u) calc(var(--u) * 3);grid-template-columns:auto auto;align-items:center;display:grid}.ti-ch .ti-ch-load{color:var(--muted);grid-column:1/-1}.ti-bar{width:calc(var(--u) * 20);height:calc(var(--u) * 3);background:var(--ink);border:var(--u) solid var(--line);display:inline-block}.ti-bar i{height:100%;width:calc(100% * var(--fill));background:#8bbf5a;display:block}.ti-bar.busy i{background:var(--gold)}.ti-bar.full i{background:var(--red)}.ti-server-status{color:var(--muted);margin:0}.ti-server-status[data-state=up]{color:#8bbf5a}.ti-server-status[data-state=down]{color:#f2836b}.ti-server-status[data-state=checking]{color:var(--gold)}.ti-play{margin-top:calc(var(--u) * 3);font-size:calc(var(--f) * 2);padding:calc(var(--u) * 3) calc(var(--u) * 8);align-self:stretch;line-height:1.25}.ti-play span{color:#fff2b0}.ti-foot{align-items:center;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 6);display:flex;position:relative}.ti-ver{color:#6b7d99;text-shadow:var(--u) var(--u) 0 var(--ink)}@media (width<=760px){.ti-card{grid-template-columns:1fr}.ti-look{flex-direction:row;align-items:center}.ti-logo-th{width:calc(82px * 2 * var(--s));height:calc(42px * 2 * var(--s))}}@media (height<=760px){#title{padding-top:calc(var(--u) * 4)}.ti-logo-th{width:calc(82px * 2 * var(--s));height:calc(42px * 2 * var(--s))}.ti-logo-en{font-size:var(--f)}.ti-head{margin-bottom:calc(var(--u) * 3)}.ti-card{padding:calc(var(--u) * 6);gap:calc(var(--u) * 6)}}#hud{pointer-events:none;z-index:8;position:fixed;inset:0}#hud[hidden]{display:none}#hud>*{pointer-events:auto}#hud-player{left:calc(var(--u) * 6);top:calc(var(--u) * 6);align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * 3) calc(var(--u) * 3);display:flex;position:absolute}#hud-avatar{width:calc(var(--u) * 20);height:calc(var(--u) * 20);image-rendering:pixelated;background:var(--panel2);box-shadow:0 0 0 var(--u) var(--ink), 0 0 0 calc(var(--u) * 2) var(--gold-d)}.hud-card-text{flex-direction:column;display:flex}.hud-name{color:var(--gold)}.hud-net{color:var(--muted);white-space:nowrap}.hud-ping{margin-left:calc(var(--u) * 4);color:#6b7d99}.hud-ping[data-q=good]{color:#8bbf5a}.hud-ping[data-q=ok]{color:var(--gold)}.hud-ping[data-q=bad]{color:#f2836b}#hud-loc{right:calc(var(--u) * 6);top:calc(var(--u) * 6);width:calc(var(--u) * 96 + var(--u) * 8);box-sizing:border-box;padding:calc(var(--u) * 3);gap:calc(var(--u) * 2);flex-direction:column;display:flex;position:absolute}.hud-loc-head{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 3);padding:0 calc(var(--u) * 2);background:var(--parch);color:var(--parch-ink);box-shadow:0 var(--u) 0 var(--gold-d);display:flex}.hud-map-th{color:var(--parch-ink)}.hud-map-en{color:#5c3a2c}.hud-loc-meta{justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);min-height:calc(var(--f) + var(--u) * 4);display:flex}#channel{border:var(--u) solid var(--line2);padding:0 var(--u);cursor:pointer}#channel[hidden]{display:none}.hud-count{color:var(--teal);white-space:nowrap;margin-left:auto}.hud-mini-wrap{border:var(--u) solid var(--ink);box-shadow:0 0 0 var(--u) var(--line);line-height:0;position:relative}#hud-minimap{width:calc(var(--u) * 96);height:calc(var(--u) * 64);image-rendering:pixelated;cursor:zoom-in}.hud-mini-n{left:var(--u);top:var(--u);color:var(--gold);text-shadow:var(--u) var(--u) 0 var(--ink);pointer-events:none;line-height:1;position:absolute}.hud-net-line{color:var(--gold);margin:0}.hud-net-line:empty{display:none}.hud-net-line[data-state=error]{color:#f2836b}.hud-fps{right:calc(var(--u) * 6);bottom:calc(var(--u) * 36);padding:0 calc(var(--u) * 2);color:var(--muted);font-variant-numeric:tabular-nums;background:#0b0e1acc;margin:0;position:absolute}.hud-fps[hidden]{display:none}#toasts{left:50%;top:calc(var(--u) * 6);align-items:center;gap:calc(var(--u) * 2);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.toast{padding:var(--u) calc(var(--u) * 5);border:var(--u) solid var(--line2);box-shadow:var(--u) var(--u) 0 var(--ink);white-space:nowrap;background:#0b0e1ae6;animation:.2s steps(3,end) toast-in}.toast.join{border-color:#4f8a45}.toast.join:before{content:"+ ";color:#8bbf5a}.toast.leave{border-color:var(--line);color:var(--muted)}.toast.leave:before{content:"− "}.toast.warn{border-color:var(--gold);color:var(--gold)}.toast.out{opacity:0;transition:opacity .4s steps(3,end)}@keyframes toast-in{0%{transform:translateY(calc(var(--u) * -4));opacity:0}}.prompt{padding:var(--u) calc(var(--u) * 4);background:var(--parch);color:var(--parch-ink);border:var(--u) solid var(--ink);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--gold-d), var(--u) var(--u) 0 var(--ink);white-space:nowrap;pointer-events:none;animation:1.2s steps(2,end) infinite bob;position:absolute;top:0;left:0}.prompt[hidden]{display:none}.prompt-key{color:#9c2f36}@keyframes bob{50%{margin-top:calc(var(--u) * -1)}}#chat{left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);width:var(--chat-w);gap:calc(var(--u) * 2);padding:calc(var(--u) * 3);box-sizing:border-box;flex-direction:column;transition:opacity .6s steps(4,end);display:flex;position:absolute}#chat.idle{opacity:.35}#chat.idle:hover,#chat:focus-within{opacity:1}.chat-head{gap:calc(var(--u) * 2);display:flex}.chat-tabs{gap:var(--u);flex:1;display:flex}.chat-tabs button{padding:0 calc(var(--u) * 3);background:var(--ink);border-color:var(--line);min-height:0;color:var(--muted);position:relative}.chat-tabs button small{display:none}.chat-tabs button[aria-selected=true]{background:var(--panel2);border-color:var(--teal);color:var(--text)}.badge{top:calc(var(--u) * -3);right:calc(var(--u) * -3);min-width:var(--f);padding:0 var(--u);background:var(--red);color:#fff2b0;font-weight:400;line-height:var(--f);text-align:center;box-shadow:0 0 0 var(--u) var(--ink);position:absolute}.badge[hidden]{display:none}#chat-log{height:calc(var(--f) * 1.25 * 6);padding:var(--u) calc(var(--u) * 3);overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:var(--line2) var(--ink);background:#0b0e1abf;margin:0;list-style:none;overflow-y:auto}#chat.collapsed #chat-log,#chat.collapsed #chat-emotes,#chat-log[data-tab=room] li[data-kind=system],#chat-log[data-tab=system] li[data-kind=room]{display:none}#chat-log time{color:#6b7d99;display:none}#chat.stamps #chat-log time{display:inline}#chat-log li b{color:var(--teal);font-weight:400}#chat-log li.mine b{color:var(--gold)}#chat-log li.system{color:#aeb0b8}#chat-log li.system:before{content:"◇ ";color:var(--pink)}#chat-log .mute{margin-left:calc(var(--u) * 2);padding:0 var(--u);border:var(--u) solid var(--line);color:#6b7d99;font:inherit;cursor:pointer;visibility:hidden;background:0 0}#chat-log li:hover .mute,#chat-log .mute:focus-visible{visibility:visible;color:var(--text)}#chat-emotes{gap:var(--u);flex-wrap:wrap;display:flex}#chat-emotes[hidden]{display:none}#chat-form{gap:calc(var(--u) * 2);display:flex}#chat-input{min-width:0;min-height:calc(var(--f) + var(--u) * 6);padding:0 calc(var(--u) * 3);border:var(--u) solid var(--line2);flex:1}#chat-input:focus-visible{outline:var(--u) solid var(--gold);outline-offset:var(--u)}#chat-input:disabled,#chat-input::placeholder{color:#6b7d99}.hotbar{left:max(50%, calc(var(--chat-w) + var(--u) * 12 + var(--hb-w,0px) / 2));bottom:calc(var(--u) * 6);align-items:flex-end;gap:calc(var(--u) * 4);display:flex;position:absolute;transform:translate(-50%)}@media (width<=1100px){.hotbar{left:calc(var(--chat-w) + var(--u) * 12);right:calc(var(--u) * 6);flex-wrap:wrap;transform:none}}.hb-group{gap:calc(var(--u) * 2);padding:calc(var(--u) * 3);border:var(--u) solid var(--ink);box-shadow:inset 0 0 0 var(--u) var(--line2), var(--u) var(--u) 0 var(--ink);background:#151a2eeb;display:flex}.slot{width:calc(var(--u) * 24);height:calc(var(--u) * 24);background:var(--ink);place-items:center;padding:0;display:grid;position:relative}.slot:before{content:"";width:calc(var(--u) * 13);height:calc(var(--u) * 13);background:var(--panel2);box-shadow:0 0 0 var(--u) var(--line);position:absolute;transform:rotate(45deg)}.slot>*{position:relative}.slot kbd{right:calc(var(--u) * -2);bottom:calc(var(--u) * -2);padding:0 var(--u);border-width:var(--u);min-width:0;line-height:1;position:absolute}.slot-icon img{width:calc(var(--u) * 18);height:calc(var(--u) * 18);image-rendering:pixelated;display:block}.slot.holstered .slot-icon{opacity:.4}.slot-small{width:calc(var(--u) * 18)}.slot-glyph{color:var(--muted)}.slot[aria-pressed=true] .slot-glyph{color:var(--gold)}.slot[aria-pressed=true]:before{background:var(--teal-d);box-shadow:0 0 0 var(--u) var(--teal)}.slot-empty{color:#6b7d99}.slot-emote{width:auto;min-width:calc(var(--u) * 24);padding:0 calc(var(--u) * 3)}.slot-emote:before{display:none}.hb-menu{gap:var(--u)}.mbtn{min-width:calc(var(--u) * 24);padding:var(--u) calc(var(--u) * 2) calc(var(--u) * 3);flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:relative}.mbtn-g{color:var(--gold)}.mbtn kbd{right:calc(var(--u) * -2);top:calc(var(--u) * -3);padding:0 var(--u);border-width:var(--u);min-width:0;line-height:1;position:absolute}.mbtn[aria-expanded=true]{background:var(--teal-d);border-color:var(--teal)}.emote-wheel{width:calc(var(--u) * 120);height:calc(var(--u) * 120);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emote-wheel[hidden]{display:none}.wheel-hub{width:calc(var(--u) * 16);height:calc(var(--u) * 16);background:var(--panel);border:var(--u) solid var(--gold-d);color:#0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.wheel-item{min-width:calc(var(--u) * 36);padding:calc(var(--u) * 2) calc(var(--u) * 3);font:inherit;color:var(--text);background:var(--panel);border:var(--u) solid var(--ink);box-shadow:inset 0 0 0 var(--u) var(--line2), var(--u) var(--u) 0 var(--ink);cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.wheel-item:hover,.wheel-item:focus-visible{background:var(--teal-d)}.wheel-th{color:var(--gold)}.wheel-en{color:var(--muted)}.wheel-item kbd{margin-top:var(--u)}.wheel-item.w0{top:12%;left:50%}.wheel-item.w1{top:50%;left:88%}.wheel-item.w2{top:88%;left:50%}.wheel-item.w3{top:50%;left:12%}dialog.panel{width:min(calc(var(--f) * 30), calc(100vw - var(--u) * 16));max-height:calc(100vh - var(--u) * 16);padding:0 calc(var(--u) * 6) calc(var(--u) * 6);box-sizing:border-box;overflow:auto}dialog.panel-wide{width:min(calc(var(--f) * 52), calc(100vw - var(--u) * 16))}dialog.panel::backdrop{background:#05070e99}.panel-head{margin:0 calc(var(--u) * -6) calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 6);background:var(--parch);color:var(--parch-ink);border-bottom:var(--u) solid var(--gold-d);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.panel-head h2{font:inherit;color:var(--parch-ink);margin:0}.panel-head h2:before{content:"◆ ";color:#9c2f36}.panel-head h2 small{color:#5c3a2c}.panel-head .icon-btn{background:var(--parch);border-color:var(--gold-d);color:var(--parch-ink);box-shadow:none}.panel-sub{color:var(--muted);margin:calc(var(--u) * 2) 0}.players-list{gap:var(--u);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.players-list li{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);padding:var(--u) calc(var(--u) * 3);background:var(--panel2);display:flex}.pl-me{color:var(--gold)}.set-tabs{gap:var(--u);margin-bottom:calc(var(--u) * 4);flex-wrap:wrap;display:flex}.set-tabs button{min-height:0;padding:var(--u) calc(var(--u) * 4)}.set-tabs button[aria-selected=true]{background:var(--teal-d);border-color:var(--teal)}.set-page[hidden]{display:none}.set-row{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) 0;border-bottom:var(--u) solid var(--panel2);display:flex}.seg-row{gap:var(--u);align-items:center;display:flex}.set-val{min-width:calc(var(--f) * 2);text-align:center}.keys{border-collapse:collapse;width:100%}.keys td{padding:var(--u) calc(var(--u) * 2);border-bottom:var(--u) solid var(--panel2);vertical-align:top}.keys td:first-child{white-space:nowrap}.map-body{gap:calc(var(--u) * 6);flex-wrap:wrap;display:flex}#map-big{image-rendering:pixelated;border:var(--u) solid var(--ink);box-shadow:0 0 0 var(--u) var(--line);max-width:100%}.map-side{min-width:calc(var(--f) * 12);flex:1}.map-side h3{margin:0 0 calc(var(--u) * 2);font:inherit;color:var(--parch)}.map-travel{grid-template-columns:1fr}.map-legend{margin:calc(var(--u) * 4) 0 0;color:var(--muted);padding:0;list-style:none}.lg{width:calc(var(--u) * 4);height:calc(var(--u) * 4);margin-right:calc(var(--u) * 3);box-shadow:0 0 0 var(--u) var(--ink);display:inline-block}.lg-me{box-shadow:0 0 0 var(--u) var(--red);background:#fff2b0}.lg-pl{background:var(--teal)}.lg-npc{background:#868892}.lg-portal{background:var(--gold);transform:rotate(45deg)}.lg-poi{background:var(--pink);transform:rotate(45deg)}.credits p{margin:0 0 calc(var(--u) * 4)}.credits a{color:var(--teal)}#online-dialog input{box-sizing:border-box;width:100%;margin:var(--u) 0;padding:calc(var(--u) * 2) calc(var(--u) * 3);border:var(--u) solid var(--line2)}#online-dialog .error{min-height:var(--f);color:#f2836b;margin:0}#online-dialog .buttons{justify-content:flex-end;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 3);display:flex}#nameplates{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.nameplate{padding:0 calc(var(--u) * 2);box-shadow:0 0 0 var(--u) #0b0e1a80;white-space:nowrap;will-change:transform;background:#0b0e1ac7;position:absolute;top:0;left:0}.nameplate .tag{color:#6b7d99}.nameplate.me{color:var(--gold)}.nameplate.pass{opacity:.75}.nameplate.away{opacity:.5}.nameplate.away:after{content:" · away";color:var(--muted)}.bubble{max-width:calc(var(--f) * 14);padding:var(--u) calc(var(--u) * 4);color:var(--ink);border:var(--u) solid var(--ink);box-shadow:inset 0 calc(var(--u) * -1) 0 #d6d7dc, var(--u) var(--u) 0 #0b0e1a99;overflow-wrap:anywhere;will-change:transform;background:#f4f4f0;position:absolute;top:0;left:0}.bubble:after{content:"";left:50%;bottom:calc(var(--u) * -4);width:calc(var(--u) * 3);height:calc(var(--u) * 3);margin-left:calc(var(--u) * -2);border:var(--u) solid var(--ink);transform-origin:50%;background:#f4f4f0;border-top:0;border-left:0;position:absolute;transform:rotate(45deg)}#speech{pointer-events:none;z-index:6;position:fixed;inset:0;overflow:hidden}.bubble.npc{--bubble-npc-bg:#fff2b0;max-width:calc(var(--f) * 12);background:var(--bubble-npc-bg);width:max-content;box-shadow:inset 0 calc(var(--u) * -1) 0 var(--parch), var(--u) var(--u) 0 #0b0e1a99;text-align:center;text-wrap:balance;overflow-wrap:break-word;word-break:normal;line-height:1.4}.bubble.npc .ph{white-space:nowrap}.bubble.npc:after{background:var(--bubble-npc-bg)}#map-banner{padding:calc(var(--u) * 2) calc(var(--u) * 10);font-size:calc(var(--f) * 2);color:var(--parch-ink);background:var(--parch);border:var(--u) solid var(--ink);box-shadow:inset 0 calc(var(--u) * -2) 0 var(--gold-d), calc(var(--u) * 2) calc(var(--u) * 2) 0 var(--ink);line-height:1.25;top:16%}#map-banner:before,#map-banner:after{content:"◆";color:#9c2f36;margin:0 calc(var(--u) * 4)}#wardrobe .wr-head h2,#wardrobe .wr-head h2 span,#wardrobe .wr-foot,#wardrobe .wr-foot kbd,.wr-slot .wr-key{font:inherit}#wardrobe .wr-name,#wardrobe .wr-en,#wardrobe .wr-current,#wardrobe .wr-name-en,#wardrobe #wardrobe-slot-title{font-size:inherit;font-weight:400}#wardrobe-backdrop{z-index:40}#wardrobe{z-index:41}@media (prefers-reduced-motion:reduce){.ti-logo-th,.prompt,.toast{animation:none}#chat,.toast.out{transition:none}}.ti-help[hidden],.ti-server-status:empty{display:none}