:root{color-scheme:dark;--bg: #0b0e14;--panel: #141923;--line: #2a3342;--text: #f1f3f7;--muted: #9ba7ba;--accent: #f7b955;--lava: #e2572b;--error: #ff7a6b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Google Sans Flex,Google Sans,Arial,sans-serif;display:grid;place-items:center;padding:24px 16px}.card{width:min(100%,400px);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:32px 28px;box-shadow:0 20px 50px #0007}.brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;text-align:center}.brand img{width:72px;height:72px;border-radius:18px;object-fit:cover}.brand h1{margin:0;font-size:1.6rem;letter-spacing:-.03em}label{display:block;font-size:.85rem;color:var(--muted);margin:14px 0 6px}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0f131b;color:var(--text);font:inherit}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}button{width:100%;margin-top:22px;padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--accent),#d99232);color:#1b1206;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:progress}button.secondary{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:500}button.link{background:none;border:0;color:var(--muted);font-weight:500;margin-top:12px;padding:6px}button.link:hover{color:var(--accent)}#status{min-height:1.4em;margin:14px 0 0;font-size:.9rem;color:var(--muted);text-align:center}#status[data-kind=error]{color:var(--error)}.muted{color:var(--muted);font-size:.88rem}.center{text-align:center}.small{font-size:.82rem}.view-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.view-head h2{margin:0;font-size:1.1rem}.chip{font-size:.8rem;color:var(--accent);border:1px solid #5a4523;border-radius:999px;padding:3px 10px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.item{width:100%;margin:0;display:grid;gap:4px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#0f131b;color:var(--text);font-weight:500}.item:hover{border-color:#4a5568}.item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}.segmented button{margin:0;background:#0f131b;color:var(--muted);border:1px solid var(--line);font-weight:600}.segmented button[aria-checked=true]{color:var(--text);border-color:var(--accent)}.appearance{display:grid;gap:8px;margin-top:16px}.stepper{display:grid;grid-template-columns:1fr 36px 64px 36px;align-items:center;gap:6px}.stepper span{color:var(--muted);font-size:.9rem}.stepper button{margin:0;padding:6px 0;background:#0f131b;color:var(--text);border:1px solid var(--line);font-size:1.1rem}.stepper output{text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem}.note{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#2a1810;border:1px solid #5a2a17;color:#f0c3a8;font-size:.88rem;line-height:1.45}.back{display:block;text-align:center;margin-top:18px;color:var(--muted);font-size:.85rem;text-decoration:none}.back:hover{color:var(--accent)}#world-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#world-canvas[hidden]{display:none}body.in-world{display:block;padding:0;overflow:hidden}body.in-world .card{position:fixed;top:16px;right:16px;width:min(260px,calc(100% - 32px));padding:16px 18px;background:#141923e6;backdrop-filter:blur(6px)}body.in-world .brand,body.in-world .back{display:none}body.in-world #world-info{margin:0}body.in-world #world-leave{margin-top:12px}.wf-hud{position:fixed;top:0;left:0;display:flex;gap:37px;transform:scale(var(--ui-scale, 1.25));transform-origin:top left;pointer-events:none;z-index:5;font-family:Friz Quadrata,Google Sans,Arial,sans-serif}.wf-unit{position:relative;width:232px;height:100px;pointer-events:auto;user-select:none}.wf-player{margin-left:-19px;margin-top:-4px}.wf-target{margin-top:-4px}.wf-unit>.wf-auras{left:5px;top:68px;width:122px;display:flex;flex-wrap:wrap;gap:3px;align-items:flex-start}.wf-aura{position:relative;width:17px;height:17px}.wf-aura-large{width:21px;height:21px}.wf-aura>*{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.wf-aura-border{left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.wf-aura-count{inset:auto -5px 0 auto;width:auto;height:auto;font-size:10px;color:#fff;text-shadow:1px -1px 0 #000}.wf-unit>*{position:absolute}.wf-texture{left:0;top:0;width:232px;height:100px;pointer-events:none}.wf-portrait{top:12px;width:64px;height:64px;border-radius:50%;background:transparent}.wf-player .wf-portrait{left:42px}.wf-target .wf-portrait{left:126px}.wf-bg{top:22px;width:119px;height:41px;background:#00000080}.wf-player .wf-bg,.wf-player .wf-bar{left:106px}.wf-target .wf-bg,.wf-target .wf-bar,.wf-target .wf-namebg{left:7px}.wf-namebg{top:22px;width:119px;height:19px;background-size:100% 100%}.wf-bar{width:119px;height:12px;overflow:hidden}.wf-health{top:41px}.wf-power{top:52px}.wf-fill{position:absolute;left:0;top:0;height:100%;background-size:119px 12px;background-repeat:no-repeat}.wf-bartext{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:#fff;text-shadow:1px 1px 0 #000;opacity:0;transition:opacity .1s}.wf-unit:hover .wf-bartext{opacity:1}.wf-name,.wf-level{font-size:10px;color:#ffd100;text-shadow:1px -1px 0 #000;transform:translate(-50%,-50%);white-space:nowrap;text-align:center;pointer-events:none}.wf-name{width:100px;overflow:hidden;text-overflow:ellipsis;top:31px}.wf-player .wf-name{left:166px}.wf-target .wf-name{left:66px}.wf-level{top:66px}.wf-player .wf-level{left:53px}.wf-target .wf-level{left:179px}.wf-dead .wf-portrait{filter:grayscale(1) brightness(.6)}.wf-combat-text{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden}.wf-ct{position:absolute;left:0;top:0;white-space:nowrap;font-family:Friz Quadrata,Arial,sans-serif;font-size:22px;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}.wf-ct-crit{font-size:34px}.wf-ct-miss{font-size:18px}.wf-ct-spell,.wf-ct-spellcrit{color:#ff0}.wf-ct-heal,.wf-ct-healcrit{color:#0f0}.wf-ct-spellcrit,.wf-ct-healcrit{font-size:34px}.wf-ui-errors{position:fixed;top:18%;left:50%;transform:translate(-50%);pointer-events:none;z-index:6;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Friz Quadrata,Arial,sans-serif}.wf-ui-error{font-size:17px;color:#ff1a1a;text-shadow:1px 1px 0 #000;transition:opacity 1s}.wf-ui-error.wf-fade{opacity:0}.wf-actionbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%) scale(var(--ui-scale, 1.25));transform-origin:bottom center;display:flex;flex-direction:column;gap:8px;z-index:5;user-select:none;font-family:Friz Quadrata,Arial,sans-serif}.wf-actionrow{display:flex;gap:6px}.wf-buffs{display:flex;flex-direction:row-reverse;justify-content:center;gap:5px;min-height:0}.wf-buff{position:relative;width:30px;height:30px;margin-bottom:12px}.wf-buff>*{position:absolute;pointer-events:none}.wf-buff-icon{left:0;top:0;width:30px;height:30px}.wf-buff-border{left:-1px;top:-1px;width:32px;height:32px}.wf-buff-count{right:1px;bottom:1px;font-size:11px;color:#fff;text-shadow:1px -1px 0 #000}.wf-buff-time{left:-10px;right:-10px;top:31px;text-align:center;font-size:10px;color:#ffd100;text-shadow:1px -1px 0 #000}.wf-xpbar{position:relative;height:10px;background:#00000080}.wf-xpbar.wf-maxlevel{visibility:hidden}.wf-xpbar-fill{position:absolute;left:0;top:0;bottom:0;width:0;background-size:100% 100%}.wf-xpbar-frame{position:absolute;left:-5px;width:calc(100% + 10px);top:50%;height:23px;transform:translateY(-50%);pointer-events:none}.wf-xpbar-text{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:#fff;text-shadow:1px -1px 0 #000;opacity:0;transition:opacity .15s}.wf-xpbar:hover .wf-xpbar-text{opacity:1}.wf-action-cooldown{border-radius:0}.wf-action.wf-nopower .wf-action-icon{filter:brightness(.6) sepia(1) hue-rotate(190deg) saturate(3)}.wf-action.wf-unusable .wf-action-icon{filter:grayscale(1) brightness(.4)}.wf-action-hotkey.wf-oor{color:#ff1a1a}.wf-action.wf-locked .wf-action-icon{filter:grayscale(1) brightness(.35)}.wf-action{position:relative;width:36px;height:36px;cursor:pointer}.wf-action>*{position:absolute;pointer-events:none}.wf-action-icon,.wf-action-overlay{left:0;top:0;width:36px;height:36px}.wf-action-normal{left:-15px;top:-16px;width:66px;height:66px}.wf-add{mix-blend-mode:screen}.wf-action-hilight{opacity:0}.wf-action:hover .wf-action-hilight{opacity:1}.wf-action.wf-pressed .wf-action-icon{transform:scale(.94);filter:brightness(.8)}.wf-action-hotkey{left:-2px;top:2px;width:36px;text-align:right;font-size:10px;color:#999;text-shadow:1px -1px 0 #000}.wf-death{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:7;background:radial-gradient(ellipse at center,#0000 40%,#0000008c)}.wf-death[hidden]{display:none}.wf-levelup{position:fixed;left:0;right:0;top:58%;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:7;font-family:Friz Quadrata,Arial,sans-serif;transition:opacity .8s}.wf-levelup[hidden]{display:none}.wf-levelup.wf-fade{opacity:0}.wf-levelup-title{font-size:34px;color:#ffd100;text-shadow:2px 2px 0 #000,0 0 12px #000}.wf-levelup-list{display:flex;flex-direction:column;align-items:center;gap:6px}.wf-levelup-ability{display:flex;align-items:center;gap:8px;font-size:18px;color:#fff;text-shadow:1px 1px 0 #000,0 0 8px #000}.wf-levelup-icon{width:28px;height:28px;box-shadow:0 0 0 1px #000}.wf-death-text{font-family:Friz Quadrata,Arial,sans-serif;font-size:34px;color:#ffd100;text-shadow:2px 2px 0 #000,0 0 12px #000}