:root{color:#f1ead6;background:#0d1312;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0d1312;--panel: #18211f;--panel-strong: #1d2826;--glass: linear-gradient(180deg, rgba(27, 37, 35, .78), rgba(17, 24, 23, .84));--glass-blur: saturate(1.15) blur(14px);--well: rgba(8, 13, 12, .52);--hair: rgba(240, 233, 210, .1);--hair-soft: rgba(240, 233, 210, .06);--hair-strong: rgba(240, 233, 210, .17);--border: rgba(240, 233, 210, .1);--gold: #f1cd78;--gold-bright: #ffe6a8;--gold-line: rgba(241, 205, 120, .55);--gold-glow: rgba(241, 205, 120, .32);--ink: #f3ecd9;--ink-bright: #fff8df;--ink-dim: #a8b6ae;--ink-faint: #7f8e86;--r-xs: 9px;--r-sm: 11px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-pill: 999px;--edge: inset 0 1px 0 rgba(255, 255, 255, .07);--sh-1: 0 1px 2px rgba(0, 0, 0, .28), 0 3px 10px rgba(0, 0, 0, .22);--sh-2: 0 6px 18px rgba(0, 0, 0, .34), 0 14px 36px rgba(0, 0, 0, .28);--sh-3: 0 20px 54px rgba(0, 0, 0, .5);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;overscroll-behavior:none}.game-shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.playfield{position:absolute;top:0;right:0;bottom:0;left:0}#game,#game canvas{display:block;width:100%;height:100%}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;font-size:14px;letter-spacing:.01em;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px}.player-chip{display:flex;align-items:center;gap:12px;padding:7px 16px 7px 7px;border:1px solid var(--hair);border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);pointer-events:auto}.player-chip__portrait{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r-pill);box-shadow:0 0 0 2px #0000004d,0 0 0 3px #ffffff14,inset 0 2px 6px #ffffff59,inset 0 -4px 10px #0006;color:#0c1110;font-size:17px;font-weight:800}.player-chip__meta{display:grid;gap:2px}.player-chip__meta strong{color:var(--ink-bright);font-size:16px;font-weight:700;line-height:1.1;letter-spacing:-.01em}.player-chip__meta span{color:var(--ink-dim);font-size:12px}.target-frame{width:min(340px,38vw);margin-top:2px;padding:11px 15px 12px;border:1px solid rgba(196,122,110,.32);border-radius:var(--r-md);background:linear-gradient(180deg,#2b1918d1,#1c1212db);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-2),var(--edge);pointer-events:auto}.target-frame__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.target-frame__name{color:#fff1ea;font-size:16px;font-weight:700;letter-spacing:-.01em}.target-frame__range{flex:0 0 auto;padding:3px 9px;border:1px solid var(--hair-strong);border-radius:var(--r-pill);color:#d3ded8;background:#00000042;font-size:11px;font-weight:700;letter-spacing:.02em}.target-frame__range.is-ready{border-color:#87d98a99;color:#eaffdf;box-shadow:0 0 14px -4px #87d98a99}.target-frame__range.is-danger{border-color:#da7b68a6;color:#ffe0d8;box-shadow:0 0 14px -4px #da7b6899}.target-frame__bar{position:relative;height:18px;margin:9px 0 7px;overflow:hidden;border-radius:var(--r-xs);background:var(--well);box-shadow:inset 0 1px 3px #0009,inset 0 0 0 1px #00000040}.target-frame__fill{height:100%;background:linear-gradient(180deg,#ff8576,#e0483b 55%,#b8302a);box-shadow:inset 0 1px #ffffff47;transition:width .14s linear}.target-frame__value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.target-frame__prompt{margin:0;color:#d6c2bd;font-size:12px;line-height:1.35}.target-frame__effects{display:flex;gap:5px;margin:4px 0 2px}.target-frame__effect{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;font-size:14px;background:#0000008c;border:1.5px solid #888;border-radius:6px}.target-frame__effect em{position:absolute;right:1px;bottom:0;font-size:10px;font-style:normal;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95)}.hud-status{display:grid;justify-items:end;gap:8px;text-align:right}.hud-status__btn{position:relative;padding:8px 15px;border:1px solid var(--hair);border-radius:var(--r-sm);color:var(--ink-bright);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);font-size:13px;font-weight:700;cursor:pointer;pointer-events:auto;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.hud-status__btn:hover,.hud-status__btn[aria-pressed=true]{border-color:var(--gold-line);box-shadow:var(--sh-1),var(--edge),0 0 18px -5px var(--gold-glow)}.hud-status__panel-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;pointer-events:auto}.hud-panel-key{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;padding:6px 7px 6px 10px;border:1px solid var(--hair);border-radius:var(--r-sm);color:#dbe4df;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.hud-panel-key span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-panel-key b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:7px;color:#0c1110;background:linear-gradient(180deg,#d7dfd9,#b6c0ba);box-shadow:inset 0 1px #ffffff80;font-size:11px;font-weight:800}.hud-panel-key:hover,.hud-panel-key.is-active{border-color:var(--gold-line);color:var(--ink-bright);box-shadow:var(--sh-1),var(--edge),0 0 18px -5px var(--gold-glow)}.hud-panel-key.is-active b{background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.hud-status__chips{display:flex;gap:8px}.hud-status__chips span{padding:4px 11px;border:1px solid var(--hair);border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--edge);font-size:12px;font-weight:600}.hud-status__net{color:var(--ink-faint);font-size:11px;letter-spacing:.02em}.hud-badge{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 2px 6px #00000080;color:#1a1206;font-size:11px;font-style:normal;font-weight:800}.hud-log{position:absolute;left:18px;bottom:150px;max-width:min(420px,40vw);margin:0;padding:11px 15px 11px 16px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);color:#f3ebd5;font-size:13px;line-height:1.45;opacity:1;transition:opacity .6s var(--ease)}.hud-log.is-faded{opacity:0}.hud-log:before{content:"";position:absolute;top:11px;bottom:11px;left:7px;width:3px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 0 12px -2px var(--gold-glow)}.world-tracker{position:absolute;left:18px;top:92px;display:grid;gap:4px;width:min(280px,36vw);padding:11px 13px 12px 15px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);pointer-events:auto}.world-tracker:before{content:"";position:absolute;top:12px;bottom:12px;left:7px;width:3px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 0 12px -2px var(--gold-glow)}.world-tracker strong{color:var(--ink-bright);font-size:14px;font-weight:700;line-height:1.15}.world-tracker span,.world-tracker small{color:var(--ink-dim);font-size:12px;line-height:1.3}.world-tracker__quest{display:grid;gap:2px;margin-top:5px;padding-top:7px;border-top:1px solid var(--hair-soft)}.world-tracker__quest b{color:var(--gold);font-size:12px;font-weight:700}.world-tracker--collapsed{display:inline-flex;align-items:center;gap:8px;width:auto;padding:8px 12px;color:inherit;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.world-tracker--collapsed small{color:var(--gold);font-weight:700}.world-tracker--collapsed span{color:var(--ink-faint);font-size:11px}.world-tracker__collapse{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-faint);font:inherit;font-size:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.world-tracker__collapse:hover{color:var(--ink-bright)}.chat-panel{position:absolute;left:18px;bottom:196px;display:grid;gap:6px;width:min(340px,52vw);pointer-events:none}.chat-panel__log{margin:0;padding:8px 12px;list-style:none;display:grid;gap:3px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);color:#f3ebd5;font-size:12.5px;line-height:1.4;max-height:168px;overflow-y:auto;overflow-wrap:anywhere}.chat-panel__log b{color:var(--gold-bright, #f0c96a);font-weight:600}.chat-panel__form{pointer-events:auto}.chat-panel__input{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#0a0e0de0;color:#f3ebd5;font:inherit;font-size:13px;outline:none}.chat-panel__input:focus{border-color:var(--gold, #c9a14d);box-shadow:0 0 10px -3px var(--gold-glow, rgba(240, 201, 106, .5))}.chat-panel__buttons{display:flex;align-items:center;gap:6px;pointer-events:auto}.chat-panel__btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-size:15px;cursor:pointer;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.chat-panel__btn:hover{border-color:var(--gold, #c9a14d)}.chat-panel__btn.is-live{border-color:#6fd388;box-shadow:0 0 12px -3px #6fd388b3}.chat-panel__btn:disabled{opacity:.5;cursor:default}.chat-panel__mic-error{color:#ff8d80;font-size:11px}.command-bar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:flex-end;gap:20px;pointer-events:auto}.command-bar__center{position:relative;display:grid;gap:9px}.combo-pips{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);display:flex;align-items:center;gap:6px;pointer-events:none}.combo-pip{width:8px;height:8px;border-radius:50%;border:1px solid var(--hair-strong);background:#0e141399;transition:background .12s var(--ease),box-shadow .12s var(--ease)}.combo-pip.is-filled{background:#ffe9a8;border-color:#ffe9a8;box-shadow:0 0 8px #ffe9a88c}.combo-pip--finisher{width:10px;height:10px}.combo-pip--finisher.is-filled{background:#ffb238;border-color:#ffb238}.combo-pip--finisher.is-landed{animation:combo-finisher-pop .42s var(--ease);box-shadow:0 0 14px #ffb238e6}@keyframes combo-finisher-pop{0%{transform:scale(1)}35%{transform:scale(1.7)}to{transform:scale(1)}}.globe{position:relative;width:96px;height:96px;overflow:hidden;border-radius:var(--r-pill);background:#0b110f;box-shadow:0 0 0 1px #0009,0 0 0 5px #ffffff0a,0 10px 26px #00000080,inset 0 3px 10px #ffffff1a,inset 0 0 26px #000000b3}.globe__fill{position:absolute;left:0;right:0;bottom:0;transition:height .2s ease-out}.globe--health .globe__fill{background:linear-gradient(180deg,#ff8170,#de4034 58%,#94221a)}.globe--mana .globe__fill{background:linear-gradient(180deg,#82c2ff,#357fe4 58%,#1d4ea6)}.globe__shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-pill);background:radial-gradient(circle at 36% 26%,rgba(255,255,255,.45),transparent 40%),radial-gradient(circle at 50% 120%,rgba(255,255,255,.12),transparent 50%);pointer-events:none}.globe__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:0;text-shadow:0 1px 3px rgba(0,0,0,.9)}.globe__text strong{color:#fff;font-size:22px;font-weight:800;line-height:1}.globe__text span{color:#ffffffbf;font-size:11px;font-weight:600}.globe__text span:before{content:"/ "}.skillbar{display:flex;gap:8px}.skillslot{position:relative;display:grid;place-items:center;width:64px;height:64px;padding:0;border:1px solid var(--hair-strong);border-radius:var(--r-md);background:linear-gradient(180deg,#25322f,#121a18);box-shadow:var(--edge),inset 0 -6px 14px #00000073,var(--sh-1);color:inherit;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .14s var(--ease),box-shadow .14s var(--ease),transform 90ms var(--ease)}.skillslot:active{transform:scale(.94)}.skillslot:hover{border-color:var(--gold-line);box-shadow:var(--edge),inset 0 -6px 14px #00000073,0 0 20px -5px var(--gold-glow)}.skillslot--empty{border-style:dashed;border-color:var(--hair);background:#0e141366;box-shadow:inset 0 0 12px #00000059;cursor:default}.skillslot.is-disabled{filter:saturate(.5) brightness(.7)}.skillslot__icon{font-size:30px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.skillslot__key{position:absolute;top:4px;left:6px;color:var(--ink-bright);font-size:11px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.9)}.skillslot__mana{position:absolute;right:5px;bottom:4px;color:#9fceff;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.skillslot__mana.is-short{color:#ff7d7d}.skillslot__cooldown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;background:conic-gradient(#000000a8 calc(var(--cd) * 360deg),#0000 0);color:#fff;font-size:16px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.95)}.xp-bar{position:relative;height:14px;overflow:hidden;border-radius:var(--r-pill);background:var(--well);box-shadow:inset 0 1px 3px #0009,inset 0 0 0 1px #00000040}.xp-bar__fill{height:100%;background:linear-gradient(180deg,#ffe6a0,#e0a82e);box-shadow:inset 0 1px #fff6;transition:width .2s ease-out}.xp-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-bright);font-size:10px;font-weight:700;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.9)}.drawer{position:absolute;top:0;right:0;z-index:20;width:min(560px,92vw);height:100%;height:100dvh;display:flex;flex-direction:column;border-left:1px solid var(--hair);background:linear-gradient(180deg,#161e1cf7,#0f1514f7);-webkit-backdrop-filter:saturate(1.15) blur(18px);backdrop-filter:saturate(1.15) blur(18px);box-shadow:-18px 0 48px #00000080;transform:translate(100%);transition:transform .24s var(--ease);pointer-events:auto}.drawer.is-open{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 16px 20px;border-bottom:1px solid var(--hair-soft)}.drawer__header h2{margin:0;color:var(--gold);font-size:24px;font-weight:700;line-height:1.05;letter-spacing:-.01em}.drawer__eyebrow{margin:0 0 5px;color:var(--ink-faint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.drawer__close{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--hair);border-radius:var(--r-sm);color:var(--ink);background:#ffffff08;font-size:16px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.drawer__close:hover{border-color:var(--gold-line);background:#f1cd7814}.drawer__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px calc(16px + env(safe-area-inset-right)) 12px 18px;border-bottom:1px solid var(--hair-soft);background:#0a0f0e4d}.drawer__tab{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px 8px 12px;border:1px solid var(--hair);border-radius:var(--r-sm);color:#dbe4df;background:#ffffff06;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.drawer__tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer__tab b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;color:#0c1110;background:linear-gradient(180deg,#d7dfd9,#b6c0ba);box-shadow:inset 0 1px #ffffff80;font-size:11px;font-weight:800}.drawer__tab:hover,.drawer__tab.is-active{border-color:var(--gold-line);box-shadow:0 0 18px -6px var(--gold-glow)}.settings-options{display:grid;gap:8px}.settings-option{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.settings-option strong{color:var(--ink-bright);font-size:13px;font-weight:700}.settings-option span{color:var(--ink-dim);font-size:12px;line-height:1.45}.settings-option:hover{border-color:var(--gold-line)}.settings-option.is-active{border-color:var(--gold-line);box-shadow:0 0 18px -6px var(--gold-glow)}.settings-option.is-active strong{color:var(--gold-bright)}.settings-options--session{margin-top:10px}.settings-option--logout:hover{border-color:#d66e608c}.settings-option--logout strong{color:#d8907f}.settings-option__actions{display:flex;gap:8px;margin-top:6px}.settings-action{padding:8px 14px;border:1px solid var(--hair);border-radius:var(--r-md);color:var(--ink);background:var(--well);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),color .16s var(--ease)}.settings-action:hover,.settings-action:focus-visible{border-color:var(--gold-line);outline:none}.settings-action--danger{border-color:#d66e608c;color:#d8907f}.settings-action--danger:hover,.settings-action--danger:focus-visible{border-color:#d66e60e6;color:#ecaa9a}.drawer__tab.is-active b{background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.drawer__body{display:flex;flex-direction:column;gap:14px;padding:18px calc(18px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) 20px;overflow-y:auto}.character-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px;border:1px solid var(--gold-line);border-radius:var(--r-lg);background:radial-gradient(140% 120% at 0% 0%,rgba(241,205,120,.16),transparent 46%),linear-gradient(180deg,#233029,#1a2421);box-shadow:var(--sh-1),var(--edge)}.character-card__portrait{display:grid;place-items:center;align-content:center;width:82px;height:82px;border:1px solid var(--gold-line);border-radius:var(--r-md);background:linear-gradient(180deg,#18211f,#10100e);box-shadow:inset 0 2px 18px #0000008c,var(--edge)}.character-card__portrait strong{color:var(--ink-bright);font-size:28px;font-weight:800;line-height:1}.character-card__portrait span{color:var(--ink-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.character-card__main{min-width:0}.character-card__main h3{margin:0;color:var(--ink-bright);font-size:22px;font-weight:700;line-height:1.05;letter-spacing:-.01em}.character-card__main p{margin:3px 0 12px;color:var(--ink-dim);font-size:13px;font-weight:600}.character-card__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.character-card__stats div{min-width:0;padding:9px;border-radius:var(--r-sm);background:var(--well);box-shadow:inset 0 0 0 1px var(--hair-soft)}.character-card__stats dt{color:var(--ink-faint);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.character-card__stats dd{margin:3px 0 0;overflow:hidden;color:var(--ink-bright);font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.hud__section{padding:16px;border:1px solid var(--hair);border-radius:var(--r-lg);background:linear-gradient(180deg,#202b28,#18211f);box-shadow:var(--sh-1),var(--edge)}.hud__section-title{margin:0 0 12px;color:var(--ink-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.hud__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hud__stat{display:grid;gap:4px;min-width:0}.hud__stat--wide{grid-column:1 / -1}.hud__label{color:var(--ink-dim);font-size:12px}.hud__value{color:var(--ink-bright);font-size:18px;font-weight:700}.hud__message{margin:0;color:#f3ebd5;font-size:14px;line-height:1.5}.hud__message--compact{font-size:13px;word-break:break-word}.inventory-list,.talent-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;border-radius:var(--r-md)}.inventory-grid.is-unequip-target{outline:1px dashed var(--gold-line);outline-offset:4px}.inventory-grid__empty{grid-column:1 / -1}.inv-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;border:1px solid var(--hair);border-radius:var(--r-md);background:linear-gradient(180deg,#212d2a99,#111817e6);box-shadow:var(--edge);color:inherit;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:box-shadow .14s var(--ease),filter .14s var(--ease),opacity .14s var(--ease)}.inv-tile:hover{filter:brightness(1.15);box-shadow:var(--edge),0 0 14px -5px var(--gold-glow)}.inv-tile .item-icon{display:block;width:62%;height:62%;pointer-events:none}.inv-tile__qty{position:absolute;right:3px;bottom:2px;padding:0 4px;border-radius:6px;background:#080c0bd9;color:var(--gold);font-size:11px;font-weight:800;line-height:1.45;pointer-events:none}.inv-tile.is-dragging{opacity:.35}.inv-tile.is-drop-target{box-shadow:var(--edge),0 0 0 2px var(--gold-line),0 0 16px -4px var(--gold-glow)}.item-icon-badge{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);background:linear-gradient(180deg,#1c2624,#111817);box-shadow:var(--edge)}.item-icon-badge .item-icon{display:block}.talent-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.inventory-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;padding:10px 12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06;color:inherit;font:inherit;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .14s var(--ease),background .14s var(--ease)}.inventory-item:hover{border-color:var(--hair-strong);background:#ffffff0b}.inventory-item:active{border-color:var(--gold-line)}.item-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;display:grid;place-items:center;padding:20px;background:#0508088c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.item-sheet{display:grid;gap:7px;width:min(340px,92vw);padding:16px 16px 14px;border:1px solid var(--hair-strong);border-radius:var(--r-lg);background:linear-gradient(180deg,#1a2321fa,#101716fc);box-shadow:var(--sh-2),var(--edge)}.item-sheet__context{margin:0;color:var(--ink-faint);font-size:12px}.item-sheet__actions{display:grid;gap:8px;margin-top:8px}.item-sheet__btn{padding:12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff0a;color:var(--ink-bright);font:inherit;font-size:14px;font-weight:700;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.item-sheet__btn:active{transform:scale(.98)}.item-sheet__btn--primary{border-color:var(--gold-line);background:linear-gradient(180deg,#e0a82e38,#e0a82e14);color:var(--gold-bright)}.inventory-item span,.talent-list__item{display:grid;gap:3px;min-width:0}.inventory-item strong,.talent-list__item strong{color:var(--ink-bright);font-size:13px;font-weight:700}.inventory-item small,.talent-list__item span{color:var(--ink-dim);font-size:12px;line-height:1.3}.inventory-item b{flex:0 0 auto;color:var(--gold);font-size:13px;font-weight:700}.talent-panel{display:grid;gap:10px}.talent-panel__points{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--ink-dim);font-size:13px}.talent-panel__points strong{color:var(--gold);font-size:24px;font-weight:800;line-height:1}.spellbook{display:grid;gap:12px}.spellbook__summary{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--ink-dim);font-size:13px}.spellbook__summary strong{color:var(--gold);font-size:24px;font-weight:800;line-height:1}.spellbook__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none}.spell-card{display:grid;grid-template-columns:auto 1fr;gap:12px;min-width:0;padding:12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06;box-shadow:var(--edge);transition:border-color .14s var(--ease)}.spell-card__icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);background:linear-gradient(180deg,#25322f,#121a18);box-shadow:var(--edge),inset 0 -4px 10px #0006;font-size:24px}.spell-card__body{display:grid;gap:4px;min-width:0}.spell-card__body strong{color:var(--ink-bright);font-size:14px;font-weight:700}.spell-card__body small{color:var(--ink-dim);font-size:12px;line-height:1.35}.spell-card__facts{color:#ddc285;font-size:11px;font-weight:700}.spell-card__slot{grid-column:1 / -1;justify-self:start;padding:3px 10px;border:1px solid var(--hair);border-radius:var(--r-pill);color:var(--ink-faint);font-size:11px;font-weight:700}.spell-card__slot.is-slotted{border-color:var(--gold-line);color:var(--gold)}.spellbook__ready{color:var(--gold);font-weight:700}.spell-card.is-learnable{border-color:var(--gold-line);box-shadow:var(--edge),0 0 20px -8px var(--gold-glow)}.spell-card.is-locked{opacity:.5}.spell-card__status{grid-column:1 / -1;justify-self:start;padding:3px 10px;border:1px solid var(--hair);border-radius:var(--r-pill);color:var(--ink-faint);font-size:11px;font-weight:700}.spell-card__status.is-known{border-color:var(--gold-line);color:var(--gold)}.spell-card__status.is-locked{color:#8090897e}.spell-card__learn{grid-column:1 / -1;justify-self:start;padding:6px 14px;border:1px solid transparent;border-radius:var(--r-sm);color:#0c1110;background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:var(--edge),0 0 18px -6px var(--gold-glow);font-size:12px;font-weight:800;cursor:pointer;transition:filter .14s var(--ease)}.spell-card__learn:hover{filter:brightness(1.06)}.spell-card__learn:disabled{color:var(--ink-dim);background:transparent;box-shadow:none;border-color:var(--hair);cursor:default}.talent-list__item{padding:10px 12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06}.talent-list__item.is-learned{border-color:#87d98a80;background:linear-gradient(180deg,#173022e6,#12211ae6)}.attr-panel{display:grid;gap:12px}.attr-panel__points{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--ink-dim);font-size:13px}.attr-panel__points strong{color:var(--gold);font-size:24px;font-weight:800;line-height:1}.attr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:0;padding:0;list-style:none}.attr-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06}.attr-row__meta{display:grid;gap:2px;min-width:0}.attr-row__meta strong{color:var(--ink-bright);font-size:14px;font-weight:700}.attr-row__meta small{color:var(--ink-dim);font-size:11px}.attr-row__value{display:flex;align-items:baseline;gap:4px;color:var(--ink-bright);font-size:18px;font-weight:700}.attr-row__added{color:#87d98a;font-size:12px;font-style:normal;font-weight:700}.attr-row__add{width:34px;height:34px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);color:var(--ink-bright);background:linear-gradient(180deg,#25322f,#18211f);box-shadow:var(--edge);font-size:20px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.attr-row__add:hover:not(:disabled){border-color:var(--gold-line);box-shadow:var(--edge),0 0 16px -5px var(--gold-glow)}.attr-row__add:disabled{opacity:.35;cursor:default}.attr-derived{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;margin:0}.attr-derived__item{display:grid;gap:3px;padding:9px 11px;border-radius:var(--r-sm);background:var(--well);box-shadow:inset 0 0 0 1px var(--hair-soft)}.attr-derived__item dt{color:var(--ink-faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.attr-derived__item dd{margin:0;color:var(--ink-bright);font-size:17px;font-weight:800}.paperdoll{display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-areas:"head     figure necklace" "chest    figure ring1" "legs     figure ring2" "feet     figure trinket" "mainHand figure offHand";gap:8px;align-items:stretch}.paperdoll__slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:66px;padding:7px 5px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06;box-shadow:var(--edge);color:var(--ink);text-align:center}button.paperdoll__slot{font:inherit;cursor:pointer;transition:filter .14s var(--ease),border-color .14s var(--ease),box-shadow .14s var(--ease)}.paperdoll__slot.is-filled{background:linear-gradient(180deg,#212d2ae6,#161f1de6)}button.paperdoll__slot.is-filled:hover{border-color:var(--gold-line);box-shadow:var(--edge),0 0 18px -6px var(--gold-glow);filter:brightness(1.1)}.paperdoll__slot.is-empty,.paperdoll__slot.is-locked{border-style:dashed;border-color:var(--hair);background:#ffffff03;box-shadow:none;color:var(--ink-faint)}.paperdoll__slot.is-locked{opacity:.85}.paperdoll__icon{font-size:20px;line-height:1}.paperdoll__icon .item-icon{display:block}.paperdoll__slot.is-droppable{border-style:solid;border-color:#87d98a8c;box-shadow:var(--edge),0 0 16px -5px #87d98a8c}.paperdoll__slot.is-drop-hover{border-color:#87d98a;background:#87d98a24}.paperdoll__item{font-size:11.5px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.paperdoll__tag{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.paperdoll__figure{grid-area:figure;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:8px 6px 12px;border:1px solid var(--hair);border-radius:var(--r-lg);background:radial-gradient(120% 80% at 50% 16%,rgba(241,205,120,.18),transparent 60%),linear-gradient(180deg,#1a2523,#0f1716);box-shadow:var(--edge);text-align:center}.paperdoll__preview{flex:1 1 auto;width:100%;min-height:180px;max-height:240px;display:block}.paperdoll__figure-name{font-size:13px;font-weight:700;color:var(--gold)}.paperdoll__figure-style{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}@media(max-width:380px){.paperdoll__slot{min-height:58px}.paperdoll__item{font-size:10.5px}}.inventory-item__equip{flex:0 0 auto;padding:6px 12px;border:1px solid var(--hair-strong);border-radius:var(--r-sm);color:var(--ink);background:linear-gradient(180deg,#25322f,#18211f);box-shadow:var(--edge);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.inventory-item__equip:hover{border-color:var(--gold-line);box-shadow:var(--edge),0 0 16px -5px var(--gold-glow)}.item-tip{z-index:60;display:grid;gap:7px;padding:12px 14px;border:1px solid var(--hair-strong);border-radius:var(--r-md);background:linear-gradient(180deg,#121a18f7,#0b100ffa);box-shadow:var(--sh-2),var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e9eee9;pointer-events:none}.item-tip__head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.item-tip__id{display:grid;gap:2px;min-width:0}.item-tip__name{font-size:14px;font-weight:700;line-height:1.15}.item-tip__sub{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.item-tip__line{margin:0;font-size:12px}.item-tip__weapon{color:#cde2ff;font-weight:700}.item-tip__use{color:#8fe39a;font-weight:700}.item-tip__stats{display:grid;gap:2px;margin:0;padding:0;list-style:none}.item-tip__stats li{color:#87d98a;font-size:12px;font-weight:700}.item-tip__delta{display:grid;gap:2px;margin:0;padding:6px 0 0;border-top:1px solid rgba(233,238,233,.12);list-style:none}.item-tip__delta:before{content:"If equipped";font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.item-tip__delta li{font-size:12px;font-weight:700}.item-tip__delta li.is-gain{color:#87d98a}.item-tip__delta li.is-loss{color:#e08a8a}.item-tip__desc{margin:0;color:#aab6b0;font-size:11.5px;font-style:italic;line-height:1.4}.inventory-item__right{display:flex;align-items:center;gap:10px}.talent-tier{display:grid;gap:8px;margin-top:4px}.talent-tier__title{margin:0;color:var(--ink-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.talent-tier__title span{color:var(--ink-faint);font-weight:600}.talent-node{display:grid;gap:6px;padding:11px 12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06;box-shadow:var(--edge)}.talent-node.is-available{border-color:var(--gold-line);box-shadow:var(--edge),0 0 20px -8px var(--gold-glow)}.talent-node.is-maxed{border-color:#87d98a80;background:linear-gradient(180deg,#173022e6,#12211ae6)}.talent-node.is-locked{opacity:.5}.talent-node__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.talent-node__head strong{color:var(--ink-bright);font-size:14px;font-weight:700}.talent-node__rank{flex:0 0 auto;padding:2px 9px;border:1px solid var(--hair);border-radius:var(--r-pill);color:var(--gold);font-size:11px;font-weight:700}.talent-node__desc{color:var(--ink-dim);font-size:12px;line-height:1.35}.talent-node__add{justify-self:start;padding:6px 14px;border:1px solid transparent;border-radius:var(--r-sm);color:#0c1110;background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:var(--edge),0 0 18px -6px var(--gold-glow);font-size:12px;font-weight:800;cursor:pointer;transition:filter .14s var(--ease)}.talent-node__add:hover:not(:disabled){filter:brightness(1.06)}.talent-node__add:disabled{color:var(--ink-dim);background:transparent;box-shadow:none;border-color:var(--hair);cursor:default}.hud__controls{display:grid;gap:8px;margin:0;padding:0;color:#c9d5cf;font-size:14px;list-style:none}.hud__key{display:inline-grid;place-items:center;min-width:30px;min-height:28px;margin-right:8px;padding:3px 8px;border:1px solid var(--hair-strong);border-radius:7px;color:#fff7df;background:linear-gradient(180deg,#1a2523,#10100e);box-shadow:var(--edge),0 1px 2px #0006;font-size:12px;font-weight:700}.class-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;justify-items:center;align-items:safe center;overflow-y:auto;padding:24px;background:radial-gradient(circle at 50% 16%,rgba(241,205,120,.18),transparent 38%),radial-gradient(circle at 50% 100%,rgba(20,40,36,.6),transparent 55%),#080c0cf0}.class-picker__panel{width:min(920px,100%)}.class-picker__eyebrow{margin:0 0 10px;color:var(--gold);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.18em}.class-picker__title{margin:0 0 22px;color:var(--ink-bright);font-size:clamp(36px,7vw,76px);font-weight:700;line-height:.95;letter-spacing:-.02em}.class-picker__name{display:grid;gap:6px;width:min(360px,100%);margin:0 0 18px}.class-picker__name-label{color:var(--ink-dim);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.class-picker__name-input{padding:12px 14px;border:1px solid var(--hair);border-radius:var(--r-md);color:var(--ink-bright);background:linear-gradient(180deg,#1d2826,#161f1d);box-shadow:var(--sh-1),var(--edge);font:inherit;font-size:17px;font-weight:600;letter-spacing:.01em;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.class-picker__name-input::placeholder{color:var(--ink-faint);font-weight:500}.class-picker__name-input:focus-visible{border-color:var(--gold-line);outline:none;box-shadow:var(--sh-1),var(--edge),0 0 22px -10px var(--gold-glow)}.class-picker__name-input[aria-invalid=true]{border-color:#d66e608c}.class-picker__name-input[readonly]{color:var(--ink);cursor:default;opacity:.85}.class-picker__name-hint{min-height:1.2em;color:var(--ink-faint);font-size:12.5px;line-height:1.2}.class-picker__name-input[aria-invalid=true]~.class-picker__name-hint{color:#d8907f}.class-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.class-card{display:grid;gap:10px;min-height:190px;padding:18px;border:1px solid var(--hair);border-radius:var(--r-lg);color:var(--ink);background:linear-gradient(180deg,#1d2826,#161f1d);box-shadow:var(--sh-1),var(--edge);text-align:left;cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.class-card:hover,.class-card:focus-visible{border-color:var(--gold-line);outline:none;transform:translateY(-3px);box-shadow:var(--sh-2),var(--edge),0 0 28px -10px var(--gold-glow)}.class-card:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--sh-1),var(--edge);border-color:var(--hair)}.class-card--roster{position:relative;display:block;min-height:0;padding:0;cursor:default}.class-card--roster:hover,.class-card--roster:focus-visible{transform:none}.class-card__play{display:grid;gap:10px;width:100%;min-height:150px;padding:18px;border:0;border-radius:inherit;color:inherit;background:none;font:inherit;text-align:left;cursor:pointer}.class-card__play:focus-visible{outline:2px solid var(--gold-line);outline-offset:-2px}.class-card__delete{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid var(--hair);border-radius:var(--r-pill);color:var(--ink-dim);background:var(--well);font-size:13px;line-height:1;cursor:pointer;transition:border-color .16s var(--ease),color .16s var(--ease)}.class-card__delete:hover,.class-card__delete:focus-visible{border-color:#d66e60a6;color:#d8907f;outline:none}.class-card strong{font-size:22px;font-weight:700;letter-spacing:-.01em}.class-card__save{width:fit-content;padding:4px 9px;border:1px solid var(--gold-line);border-radius:var(--r-pill);color:#f9d77c;background:#f1cd781a;font-size:12px;font-weight:700}.class-card__desc{color:var(--ink-dim);font-size:14px;line-height:1.4}.class-card__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;margin:4px 0 0}.class-card__stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:var(--r-xs);background:var(--well);box-shadow:inset 0 0 0 1px var(--hair-soft)}.class-card__stats dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.class-card__stats dd{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.class-card__swatch{width:42px;height:42px;border-radius:var(--r-pill);box-shadow:0 0 0 5px #ffffff0f,inset 0 2px 6px #fff6,inset 0 -5px 12px #0006}@media(max-width:720px){.target-frame{width:min(280px,50vw)}.command-bar{gap:12px}.globe{width:76px;height:76px}.skillslot{width:56px;height:56px}.hud-log{bottom:132px;max-width:60vw}.class-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.class-picker__grid{grid-template-columns:1fr}}.joystick{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:calc(120px + env(safe-area-inset-bottom));z-index:6;display:grid;place-items:center;width:128px;height:128px;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:radial-gradient(circle at 50% 38%,#141c1b66,#0d1312cc);box-shadow:inset 0 2px 24px #00000080,var(--sh-2);touch-action:none;pointer-events:auto}.joystick__knob{width:56px;height:56px;border-radius:var(--r-pill);border:1px solid rgba(0,0,0,.35);background:radial-gradient(circle at 38% 30%,#fbeec4,#c79a3e 74%);box-shadow:0 5px 14px #00000080,inset 0 2px 4px #ffffff80;will-change:transform}.touch-cluster{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:calc(104px + env(safe-area-inset-bottom));z-index:6;width:212px;height:212px;pointer-events:none;transform-origin:bottom right}.touch-cluster>*{position:absolute;pointer-events:auto;touch-action:none}.touch-attack{right:0;bottom:0;display:grid;place-items:center;width:88px;height:88px;border:2px solid rgba(192,98,80,.85);border-radius:var(--r-pill);background:radial-gradient(circle at 38% 30%,#662a21f5,#2e120ef5);box-shadow:var(--sh-2),inset 0 2px 6px #ffffff2e,inset 0 -10px 20px #00000080;font-size:38px;line-height:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.touch-attack:active{transform:scale(.93);box-shadow:var(--sh-1),inset 0 2px 6px #ffffff1f,0 0 22px -4px #de403499}.touch-skill{display:grid;place-items:center;padding:0;border:1px solid var(--hair-strong);border-radius:var(--r-pill);background:radial-gradient(circle at 40% 32%,#2a3835,#131b19 78%);box-shadow:var(--edge),inset 0 -5px 12px #00000073,var(--sh-1);color:var(--ink);font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.touch-skill:active{transform:scale(.92);border-color:var(--gold-line)}.touch-skill.is-disabled{filter:saturate(.5) brightness(.7)}.touch-skill--empty{border-style:dashed;border-color:var(--hair);background:#0e141359;box-shadow:inset 0 0 12px #00000059;pointer-events:none}.touch-skill--dash{border-color:#7ea8dc8c}.touch-skill--potion{border-color:#74be828c}.touch-skill__icon{font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.touch-skill__mana{position:absolute;right:4px;bottom:3px;color:#9fceff;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.touch-skill__mana.is-short{color:#ff7d7d}.touch-skill__count{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1206;font-size:10px;font-weight:800;box-shadow:0 2px 5px #00000080}.touch-skill__cooldown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;background:conic-gradient(#000000a8 calc(var(--cd) * 360deg),#0000 0);color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.95)}.touch-attack__cooldown{background:conic-gradient(#00000073 calc(var(--cd) * 360deg),#0000 0)}.touch-talk{right:0;bottom:calc(100% + 10px);display:inline-flex;align-items:center;gap:6px;padding:11px 17px;border:1px solid var(--gold-line);border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge),0 0 18px -5px var(--gold-glow);color:var(--ink-bright);font:inherit;font-size:13px;font-weight:700;white-space:nowrap;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;animation:talk-pop .16s ease-out}.touch-talk:active{transform:scale(.95)}@keyframes talk-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hud-overlay[data-touch=true] .command-bar{bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;align-items:center}.hud-overlay[data-touch=true] .command-bar .skillbar{display:none}.hud-overlay[data-touch=true] .xp-bar{width:min(36vw,200px)}@media(max-width:760px),(max-height:520px){.hud-overlay[data-touch=true] .hud-status__panel-buttons,.hud-overlay[data-touch=true] .hud-status__net,.hud-overlay[data-touch=true] .hud-status__chips span:not(.hud-status__gold){display:none}}@media(max-width:430px){.touch-cluster{transform:scale(.88)}}@media(max-width:370px){.touch-cluster{transform:scale(.78)}}@media(max-height:520px){.hud-overlay[data-touch=true] .hud-top{padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left))}.hud-overlay[data-touch=true] .world-tracker{top:calc(64px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:min(230px,30vw);padding:7px 9px 8px 11px}.hud-overlay[data-touch=true] .hud-log{top:calc(48px + env(safe-area-inset-top));left:53%;width:min(44vw,380px);max-width:min(44vw,380px)}.hud-overlay[data-touch=true] .joystick{left:max(24px,env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom))}.hud-overlay[data-touch=true] .touch-cluster{bottom:calc(18px + env(safe-area-inset-bottom));transform:scale(.92)}.hud-overlay[data-touch=true] .command-bar{left:46%;bottom:calc(10px + env(safe-area-inset-bottom))}.hud-overlay[data-touch=true] .xp-bar{width:150px}.hud-overlay[data-touch=true] .globe{width:58px;height:58px}.hud-overlay[data-touch=true] .globe__text strong{font-size:16px}.hud-overlay[data-touch=true] .globe__text span{font-size:9px}.hud-overlay[data-touch=true] .minimap{top:calc(50px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:104px;height:104px}.hud-overlay[data-touch=true] .touch-talk{right:calc(100% + 12px);bottom:78px}}.hud-overlay[data-touch=true] .hud-log{top:calc(58px + env(safe-area-inset-top));bottom:auto;left:50%;width:min(88vw,430px);max-width:min(88vw,430px);padding:8px 14px;font-size:12px;white-space:normal;overflow:visible;text-overflow:clip;transform:translate(-50%)}@media(max-width:600px){.drawer{width:100vw;border-left:0}.drawer__header{padding-left:calc(18px + env(safe-area-inset-left))}.drawer__header>div{min-width:0}.drawer__header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer__tabs{padding-left:calc(14px + env(safe-area-inset-left))}.drawer__body{padding-left:calc(16px + env(safe-area-inset-left))}.hud-top{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left))}.target-frame{position:absolute;top:calc(96px + env(safe-area-inset-top));left:50%;width:min(320px,82vw);margin-top:0;transform:translate(-50%)}.world-tracker{top:calc(160px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));width:min(260px,58vw);padding:8px 10px 9px 12px}.command-bar{gap:8px}.globe{width:54px;height:54px}.globe__text strong{font-size:16px}.globe__text span{font-size:9px}.skillslot{width:46px;height:46px;border-radius:var(--r-sm)}.skillslot__icon{font-size:24px}}@media(max-width:360px){.command-bar,.skillbar{gap:6px}.globe{width:50px;height:50px}.skillslot{width:44px;height:44px}}@media(max-width:600px){.class-picker{padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}}.death-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#3c06068c,#080404db);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;animation:death-fade-in .32s ease-out}@keyframes death-fade-in{0%{opacity:0}to{opacity:1}}.death-overlay__panel{width:min(420px,90vw);padding:30px 28px;text-align:center;border:1px solid rgba(124,59,59,.7);border-radius:var(--r-xl);background:linear-gradient(180deg,#221212f0,#160c0cf0);box-shadow:var(--sh-3),var(--edge)}.death-overlay__title{margin:0 0 10px;color:#ff8f7e;font-size:28px;font-weight:700;letter-spacing:.02em}.death-overlay__hint{margin:0 0 22px;color:#e6cdc7;font-size:14px;line-height:1.5}.death-overlay__btn{min-width:200px;padding:14px 22px;border:1px solid #ff9a6a;border-radius:var(--r-md);background:linear-gradient(180deg,#ff8463,#d23f33);box-shadow:var(--edge),0 8px 22px -8px #d23f33b3;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:transform 80ms ease,filter .12s ease}.death-overlay__btn:hover{filter:brightness(1.08)}.death-overlay__btn:active{transform:scale(.97)}.death-overlay__sub{margin:12px 0 0;color:#b79a94;font-size:12px}.minimap{position:absolute;top:116px;right:18px;width:168px;height:168px;padding:0;border:0;background:transparent;border-radius:var(--r-pill);cursor:pointer;pointer-events:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.45));transition:transform .12s var(--ease)}.minimap:hover{transform:scale(1.02)}.minimap:active{transform:scale(.99)}.minimap__canvas{display:block;width:100%;height:100%;border-radius:var(--r-pill);box-shadow:0 0 0 1px #0009,0 0 0 4px #f1cd782e,inset 0 0 0 1px #ffffff0d}.minimap__badge{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:20px;height:20px;border-radius:var(--r-xs);border:1px solid var(--hair-strong);background:var(--well);color:var(--ink-dim);font-size:11px;font-weight:700}.world-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;pointer-events:auto}.world-map__scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#05080a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.world-map__panel{position:relative;display:flex;flex-direction:column;gap:12px;width:min(92vw,86vh,720px);padding:16px;border:1px solid var(--hair-strong);border-radius:var(--r-lg);background:var(--panel-strong);box-shadow:var(--sh-3)}.world-map__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.world-map__title{margin:0;color:var(--ink-bright);font-size:19px;font-weight:800;letter-spacing:-.01em}.world-map__sub{margin:3px 0 0;color:var(--ink-dim);font-size:13px}.world-map__header-right{display:flex;align-items:center;gap:10px}.world-map__compass{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:var(--well);color:var(--gold);font-size:13px;font-weight:800}.world-map__close{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--hair-strong);background:var(--well);color:var(--ink);font-size:15px;cursor:pointer;transition:filter .12s ease,transform 80ms ease}.world-map__close:hover{filter:brightness(1.2)}.world-map__close:active{transform:scale(.96)}.world-map__canvas-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--r-md);overflow:hidden;box-shadow:inset 0 0 0 1px #00000080}.world-map__canvas{display:block;width:100%;height:100%}.world-map__legend{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--ink-dim);font-size:12px}.world-map__legend span{display:inline-flex;align-items:center;gap:6px}.world-map__key{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #00000080}.world-map__key--you{background:#fff8df}.world-map__key--npc{background:#ffd66b}.world-map__key--portal{width:9px;height:9px;border-radius:2px;background:#7fe0ff;transform:rotate(45deg)}.world-map__legend-hint{margin-left:auto;color:var(--ink-faint)}@media(max-width:600px){.minimap{top:calc(150px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:116px;height:116px}.world-map__panel{width:min(95vw,90vh);padding:12px}.world-map__title{font-size:17px}}.hud-status__chips .hud-status__gold{border-color:var(--gold-line);color:var(--gold-bright);box-shadow:var(--edge),0 0 14px -5px var(--gold-glow)}.shop{position:absolute;left:50%;top:50%;z-index:24;display:flex;flex-direction:column;width:min(460px,92vw);max-height:min(72vh,620px);border:1px solid var(--hair);border-radius:var(--r-xl);background:linear-gradient(180deg,#1a2321f7,#101716fa);-webkit-backdrop-filter:saturate(1.15) blur(18px);backdrop-filter:saturate(1.15) blur(18px);box-shadow:var(--sh-3),var(--edge);transform:translate(-50%,-50%);pointer-events:auto;overflow:hidden}.shop__header{display:flex;align-items:center;gap:12px;padding:16px 16px 14px 18px;border-bottom:1px solid var(--hair-soft)}.shop__id{flex:1 1 auto;min-width:0}.shop__eyebrow{margin:0 0 3px;color:var(--ink-faint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.shop__header h2{margin:0;overflow:hidden;color:var(--gold);font-size:21px;font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.shop__gold{flex:0 0 auto;padding:6px 12px;border:1px solid var(--gold-line);border-radius:var(--r-pill);background:#f1cd7814;color:var(--gold-bright);font-size:13px;font-weight:700;box-shadow:0 0 16px -6px var(--gold-glow)}.shop__gold b{font-size:15px}.shop__close{flex:0 0 auto;width:38px;height:38px;border:1px solid var(--hair);border-radius:var(--r-sm);color:var(--ink);background:#ffffff08;font-size:15px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.shop__close:hover{border-color:var(--gold-line);background:#f1cd7814}.shop__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;border-bottom:1px solid var(--hair-soft)}.shop__tab{padding:9px;border:1px solid var(--hair);border-radius:var(--r-sm);color:#dbe4df;background:#ffffff06;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.shop__tab.is-active{border-color:var(--gold-line);color:var(--ink-bright);box-shadow:var(--edge),0 0 18px -6px var(--gold-glow)}.shop__list{display:grid;gap:8px;margin:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));list-style:none;overflow-y:auto}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--hair);border-radius:var(--r-md);background:#ffffff06}.shop-row__main{display:grid;gap:3px;min-width:0}.shop-row__main strong{color:var(--ink-bright);font-size:13px;font-weight:700}.shop-row__main small{color:var(--ink-dim);font-size:11.5px;line-height:1.3}.shop-row__btn{flex:0 0 auto;min-width:66px;padding:8px 12px;border:1px solid transparent;border-radius:var(--r-sm);color:#0c1110;background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:var(--edge),0 0 16px -6px var(--gold-glow);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:filter .14s var(--ease)}.shop-row__btn:hover:not(:disabled){filter:brightness(1.06)}.shop-row__btn:disabled{color:var(--ink-faint);background:transparent;border-color:var(--hair);box-shadow:none;cursor:default}.shop-row__btn--sell{color:var(--ink-bright);background:linear-gradient(180deg,#2a4a3c,#1c3329);border-color:#87d98a66;box-shadow:var(--edge)}.shop-row__btn--sell:hover:not(:disabled){filter:brightness(1.12)}.shop__empty{margin:0;padding:18px;color:var(--ink-dim);font-size:13px;text-align:center}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;place-items:center;align-content:center;gap:10px;padding:32px;background:#07090b;color:var(--ink-bright);text-align:center}.rotate-overlay p{margin:0;font-size:20px;font-weight:800}.rotate-overlay small{color:var(--ink-dim);font-size:14px}.rotate-overlay__icon{font-size:56px;line-height:1;animation:rotate-nudge 1.6s ease-in-out infinite}@keyframes rotate-nudge{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media(pointer:coarse)and (orientation:portrait)and (max-width:760px){.rotate-overlay{display:grid}}.party-frame{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:grid;gap:8px;width:min(230px,30vw);padding:10px 12px 12px;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-1),var(--edge);pointer-events:auto}.party-frame__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.party-frame__header strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.party-frame__leave{padding:2px 9px;font-size:11px;border:1px solid var(--hair);border-radius:999px;background:#00000040;color:inherit;cursor:pointer}.party-frame__leave:hover{border-color:#ff786499;color:#ffa08c}.party-member{display:grid;gap:3px}.party-member.is-away{opacity:.55}.party-member__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.party-member__name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-member__name small{font-weight:400;opacity:.7}.party-member__leader{margin-right:4px;font-style:normal;color:#ffcd5f}.party-member__meta{font-size:11px;opacity:.75;white-space:nowrap}.party-member__bar{height:7px;border-radius:999px;background:#00000073;overflow:hidden}.party-member__fill{height:100%;border-radius:inherit;background:linear-gradient(180deg,#74d370,#409e4a);transition:width .25s ease}.party-member__away{font-size:10px;opacity:.8}.party-invite{position:absolute;left:50%;top:132px;transform:translate(-50%);display:grid;gap:8px;justify-items:center;padding:12px 18px;border:1px solid rgba(140,190,255,.35);border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--sh-2),var(--edge);pointer-events:auto}.party-invite p{margin:0;font-size:13px}.party-invite__actions{display:flex;gap:10px}.party-invite__accept,.party-invite__decline{padding:5px 16px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid var(--hair);background:#0000004d;color:inherit;cursor:pointer}.party-invite__accept{border-color:#78dc828c;color:#96eb96}.party-invite__accept:hover{background:#46a0504d}.party-invite__decline:hover{border-color:#ff786499;color:#ffa08c}.party-invite-button{justify-self:start;margin-top:8px;padding:5px 14px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid rgba(140,190,255,.5);background:#28508259;color:#aad2ff;cursor:pointer}.party-invite-button:hover{background:#3c6eaa73}@media(max-width:720px){.party-frame{left:calc(12px + env(safe-area-inset-left));top:38%;width:min(180px,46vw);padding:8px 10px 10px}.party-invite{top:108px;width:min(280px,86vw)}}