:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161f;--panel:#141a26eb;--text:#e8ecf4;--muted:#9aa5b8;--accent:#4f8cff;--danger:#e5484d;--ok:#3fb950;--warn:#d29922;--field:#ffffff0f;--border:#ffffff24;font-family:system-ui,sans-serif}html,body,#app{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}.stage,.ui{position:absolute;inset:0}.ui{pointer-events:none}.ui>*{pointer-events:auto}.render-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.panel{box-sizing:border-box;background:var(--panel);border-radius:.75rem;width:min(28rem,100% - 2rem);padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #0006}.panel h1{margin:0 0 .5rem;font-size:1.5rem}.panel p{color:var(--muted);margin:0 0 1.25rem}.panel-wide{width:min(40rem,100% - 2rem)}.panel h2{margin:0 0 .75rem;font-size:1.15rem}.panel-subtitle{margin-top:-.25rem}.panel.busy{cursor:progress}.panel-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.5rem 1.25rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{color:var(--muted);background:0 0;box-shadow:inset 0 0 0 1px}.btn-danger{color:var(--danger);background:0 0;box-shadow:inset 0 0 0 1px}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tabs .btn[aria-selected=true]{background:var(--field);color:var(--text)}.form{flex-direction:column;gap:.85rem;margin-bottom:1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field[hidden]{display:none}.field-label{font-size:.9rem}.field-hint{color:var(--muted);font-size:.8rem}.field input,.field select{font:inherit;border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:.4rem;padding:.5rem .65rem}.field input:focus-visible,.field select:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-row{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.form-error{color:#ffb4b6;background:#e5484d26;border-radius:.4rem;margin:0 0 1rem;padding:.5rem .75rem}.notice{color:#b7f0c0;background:#3fb95026;border-radius:.4rem;margin:0 0 1rem;padding:.5rem .75rem}.list{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.list-row{background:var(--field);border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.list-empty,.muted{color:var(--muted)}.badge{border-radius:999px;padding:.1rem .5rem;font-size:.8rem;box-shadow:inset 0 0 0 1px}.status-Online{color:var(--ok)}.status-Full{color:var(--warn)}.status-Offline{color:var(--muted)}.status-Maintenance{color:var(--danger)}.debug-overlay{pointer-events:none;background:#0009;border-radius:.25rem;padding:.4rem .6rem;font:12px/1.4 ui-monospace,monospace;position:absolute;top:.5rem;left:.5rem}.debug-hint{color:var(--muted)}.ingame-hint{pointer-events:none;background:#00000080;border-radius:.25rem;padding:.25rem .75rem;font-size:.85rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.ingame-info{pointer-events:none;background:#00000080;border-radius:.25rem;padding:.25rem .75rem;font-size:.95rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.interaction-prompt{pointer-events:none;background:#0009;border-radius:.25rem;padding:.35rem .9rem;font-size:1rem;font-weight:600;position:absolute;top:58%;left:50%;transform:translate(-50%)}.interaction-prompt[hidden]{display:none}.space-fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.chat-box{pointer-events:none;width:min(28rem,100vw - 1.5rem);font-size:.85rem;position:absolute;bottom:3rem;left:.75rem}@media (width<=1400px){.chat-box{bottom:7rem}}.chat-log{overflow-wrap:anywhere;background:#00000059;border-radius:.25rem;max-height:12rem;padding:.25rem .5rem;overflow-y:auto}.chat-log:empty{display:none}.chat-open .chat-log{pointer-events:auto;background:#0009}.chat-line{line-height:1.35}.chat-tag,.chat-sender{margin-right:.3em}.chat-tag{color:var(--muted)}.chat-line-Global .chat-tag{color:var(--warn)}.chat-sender{font-weight:600}.chat-line-system{color:var(--danger)}.chat-input-row{pointer-events:auto;gap:.25rem;margin-top:.25rem;display:flex}.chat-input-row[hidden]{display:none}.chat-channel{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:#0009;border-radius:.25rem;flex:none;padding:.25rem .5rem}.chat-channel[data-channel=Global]{color:var(--warn)}.chat-input{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;background:#0009;border-radius:.25rem;flex:1;padding:.25rem .5rem}.chat-input:focus{outline:2px solid var(--accent)}.nameplates{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nameplate{white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;gap:.15rem;display:flex;position:absolute;top:0;left:0}.nameplate[hidden]{display:none}.nameplate-name{text-shadow:0 1px 1px #000c;background:#0000008c;border-bottom:2px solid;border-radius:.2rem;align-items:baseline;gap:.35rem;padding:.05rem .4rem;font-size:.8rem;font-weight:600;display:flex}.nameplate-name--player{color:#7db4ff}.nameplate-name--npc{color:#78e08a}.nameplate-name--monster{color:#e8e4dc}.nameplate-name--elite{color:#ffc93c}.nameplate-level{opacity:.85;font-size:.7rem;font-weight:400}.nameplate-bar{background:#141414b3;border:1px solid #000c;width:6.5rem;height:.45rem;position:relative;overflow:hidden;transform:skew(-20deg)}.nameplate-trail,.nameplate-fill,.nameplate-segments{transform-origin:0;position:absolute;inset:0}.nameplate-trail{background:#fff4dcd9}.nameplate-fill{background:#4cc85a}.nameplate-fill[data-tone=mid]{background:#e8c83a}.nameplate-fill[data-tone=low]{background:#dc4038}.nameplate-segments{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%)}