:root{--bg: #12100d;--bg-deep: #0a0806;--panel: #1c1712;--panel-hi: #241d16;--panel-edge: #3a2e1f;--panel-edge-lit: #57432c;--ink: #ece2cd;--ink-2: #b6a88d;--muted: #8a7c65;--gold: #e0ad4c;--gold-bright: #f7d488;--gold-dim: #8a6a2c;--green: #63b87c;--red: #d4614e;--blue: #7fa3c7;--purple: #a98fc7;--orange: #d98a45;--role-tank: #7ea6d8;--role-healer: #6fc48a;--role-dps: #d9805a;--class-mage: #69ccf0;--class-warrior: #c79c6e;--class-priest: #e6e6e6;--hp-player: linear-gradient(180deg, #74c98b 0%, #4d9463 55%, #3a7a4f 100%);--hp-enemy: linear-gradient(180deg, #d46b47 0%, #a8462c 55%, #82331f 100%);--hp-low: linear-gradient(180deg, #e0a24a 0%, #b06a24 100%);--hp-crit: linear-gradient(180deg, #e06a54 0%, #a63525 100%);--cast-fill: linear-gradient(180deg, #f0cd7e 0%, #c79a3c 55%, #9a7326 100%);--cast-boss: linear-gradient(180deg, #e88a5c 0%, #b8492b 55%, #8d3620 100%);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r1: 4px;--r2: 7px;--r3: 11px;--r-pill: 999px;--touch: 44px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 4px 14px rgba(0, 0, 0, .45);--shadow-3: 0 10px 34px rgba(0, 0, 0, .6);--tabbar-h: 58px;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{background:var(--bg);background-attachment:fixed}body{margin:0;background:radial-gradient(1100px 620px at 50% -12%,#24190f 0%,transparent 62%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app{max-width:1500px;margin:0 auto;padding:var(--s2) var(--s3) calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s4));min-height:100dvh}.topbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s1) var(--s3)}.topbar h1{font-size:15px;margin:0;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 0 #000,0 0 18px rgba(224,173,76,.22);white-space:nowrap}.subtitle{color:var(--muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .topbar-nav{margin-left:auto;display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:linear-gradient(180deg,#1e1811,#14100b);border-top:1px solid var(--panel-edge-lit);box-shadow:0 -6px 22px #0000008c;padding-bottom:env(safe-area-inset-bottom)}.tab{position:relative;flex:1;min-height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;border-top:2px solid transparent;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color .14s ease,border-color .14s ease}.tab svg{width:21px;height:21px;fill:currentColor}.tab-active{color:var(--gold);border-top-color:var(--gold);background:linear-gradient(180deg,rgba(224,173,76,.13),transparent 70%)}.tab-live:after{content:"";position:absolute;top:8px;left:calc(50% + 10px);width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.columns{display:grid;grid-template-columns:1fr;gap:var(--s3);align-items:start}.columns>*{min-width:0}.panel{position:relative;background:linear-gradient(180deg,var(--panel-hi) 0%,var(--panel) 100%);border:1px solid var(--panel-edge);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--shadow-2),inset 0 1px #ffe8be0d}.panel .panel{background:linear-gradient(180deg,#fff0d60b,#0000001f);box-shadow:inset 0 1px #ffe8be0d;border-radius:var(--r2)}.panel h2{margin:0 0 var(--s2);font-size:17px;color:var(--gold);letter-spacing:.03em;text-shadow:0 1px 0 #000}.panel h3{margin:var(--s5) 0 var(--s2);font-size:11px;font-family:var(--font-ui);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dim);border-bottom:1px solid var(--panel-edge);padding-bottom:var(--s1)}.muted{color:var(--muted);margin:var(--s1) 0 var(--s2);font-size:13px}.statline{color:var(--ink-2);font-size:13px;margin-bottom:var(--s1)}.preset-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.preset-row h3{flex:1}.control{margin:var(--s3) 0}.control-label{margin-bottom:var(--s1);font-size:13px;color:var(--ink-2)}.control-desc{color:var(--muted);font-size:11px;margin-top:var(--s1);min-height:14px}.segmented{display:flex;gap:var(--s1);flex-wrap:wrap}select,input[type=text],input[type=number]{font:inherit;font-size:16px;width:100%;min-height:var(--touch);background:linear-gradient(180deg,#16120d,#0f0c09);color:var(--ink);border:1px solid var(--panel-edge);border-radius:var(--r1);padding:var(--s2) var(--s3);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold-dim) 50%),linear-gradient(135deg,var(--gold-dim) 50%,transparent 50%),linear-gradient(180deg,#16120d,#0f0c09);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px),0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat}input[type=text],input[type=number]{background-image:linear-gradient(180deg,#16120d,#0f0c09)}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}select:disabled{opacity:.45}.slider{display:block;margin:var(--s3) 0}.slider-head{display:flex;justify-content:space-between;margin-bottom:2px}.slider-value{color:var(--gold);font-variant-numeric:tabular-nums}.slider-row{display:flex;align-items:center;gap:var(--s2)}.slider-end{color:var(--muted);font-size:11px;white-space:nowrap;width:62px}.slider-end:last-child{text-align:right}.slider input[type=range]{flex:1;width:100%;accent-color:var(--gold);min-height:var(--touch)}.btn{position:relative;background:linear-gradient(180deg,#332920,#241d15);color:var(--ink);border:1px solid var(--panel-edge-lit);border-radius:var(--r2);padding:0 var(--s4);min-height:var(--touch);cursor:pointer;font:inherit;font-size:14px;letter-spacing:.01em;box-shadow:var(--shadow-1),inset 0 1px #ffebc812;transition:border-color .13s ease,color .13s ease,transform 80ms ease,box-shadow .13s ease,background .13s ease}.btn:hover:not(:disabled){border-color:var(--gold-dim);color:var(--gold-bright)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #00000080}.btn:disabled{opacity:.38;cursor:default}.btn-primary{background:linear-gradient(180deg,#5a441c,#3a2c15);border-color:var(--gold-dim);color:var(--gold-bright);font-weight:600}.btn-primary:hover:not(:disabled){border-color:var(--gold);box-shadow:var(--shadow-1),0 0 16px #e0ad4c47,inset 0 1px #ffebc81f}.btn-small{padding:0 var(--s3);min-height:36px;font-size:13px}.btn-active{border-color:var(--gold);color:var(--gold);background:linear-gradient(180deg,#4a3a1c,#2c2213);box-shadow:inset 0 0 0 1px #e0ad4c33,inset 0 1px #ffebc81a}.chip{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#2a2218,#1e1811);border:1px solid var(--panel-edge);border-radius:var(--r-pill);padding:2px 10px;font-size:11px;color:var(--ink-2);white-space:nowrap}.chip-warn{border-color:var(--gold-dim);color:var(--gold)}.chip-danger{border-color:#7a3a2c;color:var(--red);background:linear-gradient(180deg,#33201b,#241512)}.chip-inline{margin-left:var(--s1)}.frame{position:relative;margin:var(--s2) 0;padding-left:var(--s2);border-left:3px solid transparent}.frame-tank{border-left-color:var(--role-tank)}.frame-healer{border-left-color:var(--role-healer)}.frame-dps{border-left-color:var(--role-dps)}.frame-dead{opacity:.4;filter:grayscale(.7)}.frame-tanking{background:linear-gradient(90deg,rgba(126,166,216,.16),transparent 65%);border-radius:0 var(--r1) var(--r1) 0}.frame-aggro{color:var(--role-tank);font-size:11px;text-shadow:0 0 8px rgba(126,166,216,.8);animation:aggro-in .3s ease both}@keyframes aggro-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.class-mage{color:var(--class-mage)}.class-warrior{color:var(--class-warrior)}.class-priest{color:var(--class-priest)}.pip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;background:linear-gradient(180deg,#3a2f1f,#221b12);border:1px solid var(--panel-edge-lit);font-size:9px;font-weight:700;color:var(--gold);text-transform:uppercase}.pip-danger{border-color:#8a3a2a;color:var(--red);background:linear-gradient(180deg,#4a2018,#2a1410)}.flash{position:absolute;right:0;top:-2px;font-size:10px;font-weight:600;letter-spacing:.03em;padding:1px 7px;border-radius:var(--r-pill);pointer-events:none;animation:flash-in .26s ease both}@keyframes flash-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flash-taunt{background:#7ea6d8e6;color:#0d1520}.flash-interrupt{background:#e0ad4ceb;color:#1d1608}.flash-dispel{background:#6fc48ae6;color:#0c1a11}.flash-resurrect{background:#a98fc7eb;color:#150e1d}.frame-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:3px}.frame-name{color:var(--ink);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-big .frame-name{font-weight:600;font-size:15px}.frame-buffs{flex:1;display:flex;gap:3px;flex-wrap:wrap;min-width:0}.frame-hp{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;margin-left:auto}.bar{position:relative;height:16px;background:linear-gradient(180deg,#070605,#100c09);border:1px solid var(--panel-edge);border-radius:var(--r1);overflow:hidden;box-shadow:inset 0 1px 3px #000000bf}.frame-big .bar{height:26px}.bar-fill{height:100%;transition:width .12s linear;box-shadow:inset 0 1px #ffffff38,inset 0 -6px 10px #00000047}.bar-player{background:var(--hp-player)}.bar-enemy{background:var(--hp-enemy)}.bar-low{background:var(--hp-low)}.bar-crit{background:var(--hp-crit);animation:bar-crit-pulse .9s ease-in-out infinite}@keyframes bar-crit-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.bar-xp{background:linear-gradient(180deg,#e6b955,#8a6a2c)}.bar-task{background:linear-gradient(180deg,#8fb2d4,#4a6a8c)}.adds{margin-left:var(--s4);padding-left:var(--s3);border-left:2px solid var(--panel-edge)}.spacer{height:var(--s3)}.castbar{position:relative;height:14px;margin:3px 0 0;background:linear-gradient(180deg,#070605,#100c09);border:1px solid var(--panel-edge);border-radius:var(--r1);overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.castbar-boss{height:18px;border-color:var(--panel-edge-lit)}.castbar-fill{height:100%;background:var(--cast-fill);box-shadow:inset 0 1px #ffffff40;transition:width 90ms linear}.castbar-boss .castbar-fill{background:var(--cast-boss)}.castbar-kickable{animation:kickable 1.1s ease-in-out infinite}@keyframes kickable{0%,to{box-shadow:inset 0 1px #ffffff40}50%{box-shadow:inset 0 1px #ffffff80,0 0 12px #e88a5cb3}}.castbar-boss .castbar-label{font-size:11px;font-weight:600;letter-spacing:.05em}.castbar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.03em;color:var(--ink);text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none}.banner{margin:var(--s3) 0;padding:var(--s3);text-align:center;border-radius:var(--r2);font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.12em;animation:banner-in .34s cubic-bezier(.2,.9,.3,1.2) both}@keyframes banner-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.banner-win{background:linear-gradient(180deg,#24422e,#16281c);color:#8fdca5;border:1px solid #3c7a52;box-shadow:0 0 26px #63b87c33}.banner-loss{background:linear-gradient(180deg,#3d2620,#261715);color:#e88b78;border:1px solid #7a3a2c}.fight-panel{display:flex;flex-direction:column;min-height:70dvh;padding-top:0}.fight-empty{min-height:0;padding-top:var(--s4)}.fight-topline{position:sticky;top:0;z-index:3;padding:var(--s3) 0 var(--s2);background:linear-gradient(180deg,var(--panel-hi) 78%,rgba(28,23,18,.94) 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-bottom:1px solid var(--panel-edge);margin-bottom:var(--s2)}.fight-body{flex:1;padding-bottom:150px}.fight-actions{position:sticky;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s1));z-index:3;padding-top:var(--s2);margin-top:var(--s2);background:linear-gradient(0deg,var(--panel) 76%,rgba(28,23,18,.9) 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top:1px solid var(--panel-edge)}.playback{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.speed-group{display:flex;gap:2px}.speed-group .btn{padding:0 var(--s2);min-width:38px}.scrubber{flex:1;min-width:130px;accent-color:var(--gold);min-height:36px}.call-palette{margin-top:var(--s2);padding:var(--s2) var(--s2) var(--s1);border-radius:var(--r2);background:linear-gradient(180deg,#241c11,#191309);border:1px solid var(--panel-edge-lit);transition:border-color .2s ease,box-shadow .2s ease}.call-palette-armed{border-color:var(--gold);box-shadow:0 0 20px #e0ad4c29,inset 0 0 0 1px #e0ad4c24}.call-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.call-btn{min-height:52px;padding:0 var(--s2);font-size:13px;font-weight:600;line-height:1.15;white-space:normal;background:linear-gradient(180deg,#4a3a1c,#2b2113);border-color:var(--gold-dim);color:var(--gold-bright)}.call-palette-armed .call-btn:not(:disabled):hover{box-shadow:0 0 14px #e0ad4c4d;border-color:var(--gold)}.call-btn-on{background:linear-gradient(180deg,#5e3320,#331b12);border-color:var(--red);color:#f0a891}.call-palette .btn:disabled{opacity:.3;cursor:default}.call-hint{font-size:11px;text-align:center;margin:var(--s1) 0 0;min-height:15px}.calls-review{margin-top:var(--s2);border-top:1px solid var(--panel-edge);padding-top:var(--s2)}.calls-review .btn-small{margin-left:var(--s2)}.log{height:200px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#0a0806,#0e0b08);border:1px solid var(--panel-edge);border-radius:var(--r2);padding:var(--s2) var(--s3);font-family:var(--font-mono);font-size:12px;line-height:1.55;box-shadow:inset 0 2px 8px #00000080}.log-line{white-space:pre-wrap;word-break:break-word}.log-t{color:#6a5f4c}.log-dealt{color:var(--ink-2)}.log-taken{color:var(--red)}.log-heal{color:var(--green)}.log-mistake{color:var(--gold)}.log-system{color:var(--blue)}.log-buff{color:var(--purple)}.log-loss{color:var(--red)}.fight-header{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.fight-header h2{flex:1;min-width:0}.fight-status{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0;flex-wrap:wrap}.time{font-variant-numeric:tabular-nums;font-size:20px;color:var(--ink);min-width:54px}.dps{margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums}.raid-frames{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s3)}.raid-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 2px;display:flex;align-items:center;gap:var(--s1)}.raid-group-count{color:var(--gold-dim);font-variant-numeric:tabular-nums}.raid-group-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s1)}.raid-tile{position:relative;height:46px;border-radius:var(--r1);border:1px solid var(--panel-edge-lit);background:linear-gradient(180deg,#14100c,#0c0908);overflow:hidden;box-shadow:inset 0 1px 3px #0009;transition:border-color .14s ease,box-shadow .14s ease}.raid-tile-fill{position:absolute;inset:0 auto 0 0;transition:width .14s linear;box-shadow:inset 0 1px #ffffff2e;background:linear-gradient(180deg,#5aa06f,#3d7a51)}.tile-mage .raid-tile-fill{background:linear-gradient(180deg,#4a9fc4,#2c6f8e)}.tile-warrior .raid-tile-fill{background:linear-gradient(180deg,#a37c52,#74563a)}.tile-priest .raid-tile-fill{background:linear-gradient(180deg,#9aa0a6,#6d7379)}.raid-tile-body{position:relative;z-index:1;height:100%;padding:3px 5px;display:flex;flex-direction:column;justify-content:space-between}.raid-tile-name,.raid-tile-hp{color:#fff;text-shadow:0 1px 2px #000,0 0 3px rgba(0,0,0,.9);line-height:1.1}.raid-tile-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.raid-tile-hp{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;opacity:.92}.raid-tile-crit{border-color:var(--red);animation:tile-crit .9s ease-in-out infinite}@keyframes tile-crit{0%,to{box-shadow:inset 0 1px 3px #0009}50%{box-shadow:inset 0 1px 3px #0009,0 0 10px #d4614ebf}}.raid-tile-dead{opacity:.42;filter:grayscale(.85)}.raid-tile-dead .raid-tile-hp{color:var(--red)}.raid-tile-tanking{border-color:var(--role-tank);box-shadow:0 0 0 1px var(--role-tank),0 0 12px #7ea6d873}.raid-tile-pips{position:absolute;right:3px;top:3px;z-index:2;display:flex;gap:2px}.raid-tile-pips .pip{width:13px;height:13px;font-size:8px}.raid-tile-cast{position:absolute;inset:auto 0 0 0;height:3px;z-index:2;background:#0000008c}.raid-tile-cast-fill{height:100%;background:var(--gold);transition:width 90ms linear}.raid-tile .flash{top:auto;bottom:5px;right:3px;z-index:3;font-size:9px;padding:0 5px}.raid-group-tank .raid-group-label{color:var(--role-tank)}.raid-group-healer .raid-group-label{color:var(--role-healer)}.raid-group-dps .raid-group-label{color:var(--role-dps)}.raid-picker{margin:var(--s2) 0}.raid-picker-grid{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s1)}.review-block{margin-top:var(--s2)}.sim-actions{display:flex;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap}.sim-stale{opacity:.55}.stale-note{color:var(--gold);font-size:12px;margin-bottom:var(--s2)}.hero{margin:var(--s3) 0 var(--s2)}.hero-number{font-size:46px;font-weight:700;font-family:var(--font-display);color:var(--green);line-height:1;text-shadow:0 0 26px rgba(99,184,124,.25)}.hero-label{color:var(--muted);font-size:12px;margin-top:var(--s1)}.loss-row{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s2) 0}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--s1) var(--s3);margin:var(--s3) 0 0}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--ink-2)}.histogram svg{width:100%;height:auto;display:block}.hist-bar{fill:var(--gold-dim)}.hist-bar-hover{fill:var(--gold)}.hist-baseline{stroke:var(--panel-edge);stroke-width:1}.hist-mean{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:3 3}.hist-label{fill:var(--muted);font-size:9px}.hist-label-mean{fill:var(--ink-2)}.hist-tooltip{min-height:16px;color:var(--ink-2);font-size:12px}.map-panel .fight-header{align-items:baseline}.queue-hint{font-size:11px;margin:0 0 var(--s2)}.queue-lanes{display:grid;grid-template-columns:1fr;gap:var(--s1)}.queue-lane{padding:var(--s1) var(--s2);border-radius:var(--r2);border:1px solid var(--panel-edge);background:linear-gradient(180deg,#17120c,#110d09)}.queue-lane-idle .queue-lane-head{margin-bottom:0}.queue-lane-idle .btn{min-height:30px;font-size:12px;padding:0 var(--s2)}.queue-lane-acting{border-color:var(--gold-dim);box-shadow:inset 0 0 0 1px #e0ad4c24}.queue-lane-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s1);flex-wrap:wrap}.queue-lane-head .muted{font-size:11px;margin:0}.queue-strip{margin:var(--s3) 0}.queue-item{margin:var(--s2) 0}.queue-active .queue-row span{color:var(--gold)}.queue-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:3px}.queue-row .btn-small{min-height:30px;padding:0 var(--s2)}.region-grid{display:grid;grid-template-columns:1fr;gap:var(--s3);margin-top:var(--s3)}.region-card{padding:var(--s3) var(--s4)}.region-locked{opacity:.55}.region-here{border-color:var(--gold-dim);box-shadow:var(--shadow-2),inset 0 0 0 1px #e0ad4c29}.region-head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap}.region-name{color:var(--ink);font-weight:600;flex:1}.region-rates{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);min-height:20px;flex-wrap:wrap}.region-xp{color:var(--gold);font-variant-numeric:tabular-nums}.region-gate{min-height:20px;margin-bottom:var(--s2);font-size:12px}.region-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060402c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:40;padding:var(--s4)}.modal{background:linear-gradient(180deg,var(--panel-hi) 0%,var(--panel) 100%);border:1px solid var(--panel-edge-lit);border-radius:var(--r3);padding:var(--s5);max-width:440px;width:100%;max-height:84dvh;overflow-y:auto;box-shadow:var(--shadow-3);animation:banner-in .22s ease both}.modal h2{margin:0 0 var(--s2);color:var(--gold)}.away-list{list-style:none;margin:var(--s3) 0 var(--s4);padding:0}.away-list li{padding:var(--s1) 0;border-bottom:1px solid var(--panel-edge);color:var(--ink-2);font-size:13px}.recruit-bar{margin-bottom:var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--panel-edge)}.recruit-bar p{margin:var(--s1) 0 var(--s2)}.roster-switcher{flex-wrap:wrap}.loadout-save{display:flex;gap:var(--s1);margin:var(--s2) 0}.loadout-save input{flex:1;min-width:0}.loadout-list{list-style:none;margin:0;padding:0}.loadout-row{display:flex;align-items:center;gap:var(--s1);padding:3px 0}.loadout-name{flex:1;color:var(--ink);min-width:0}.ability-list{list-style:none;margin:0;padding:0}.ability-list li{padding:3px 0;display:flex;flex-direction:column}.ability-name{color:var(--ink)}.ability-info{color:var(--muted);font-size:12px}.boss-loadouts{margin:var(--s2) 0}.boss-loadout-grid{display:grid;grid-template-columns:1fr;gap:var(--s1) var(--s2)}.boss-loadout-row{display:flex;align-items:center;gap:var(--s2);justify-content:space-between}.boss-loadout-row select{flex:1;min-width:0}@media(min-width:560px){.region-grid{grid-template-columns:1fr 1fr}.boss-loadout-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.queue-lanes{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media(min-width:900px){.app{padding:var(--s3) var(--s4) var(--s6)}.topbar h1{font-size:20px}.topbar .topbar-nav{display:flex}.tabbar{display:none}.fight-actions{bottom:0}.fight-body{padding-bottom:110px}.log{height:260px}.columns{gap:var(--s4)}}@media(min-width:1100px){.columns-combat{grid-template-columns:minmax(0,1fr) 360px}}.sheet-roster{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s3)}.roster-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px var(--s3);min-height:40px;border-radius:var(--r2);border:1px solid var(--panel-edge-lit);background:linear-gradient(180deg,#2a2218,#1c1610);color:var(--ink-2);font:inherit;cursor:pointer;border-left:3px solid var(--panel-edge-lit)}.chip-class-mage{border-left-color:var(--class-mage)}.chip-class-warrior{border-left-color:var(--class-warrior)}.chip-class-priest{border-left-color:var(--class-priest)}.roster-chip-on{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px #e0ad4c2e}.roster-chip-name{font-size:13px;font-weight:600}.roster-chip-role{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.sheet-identity{margin-bottom:var(--s4)}.sheet-name-row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.sheet-name-row h2{margin:0}.role-tank{border-color:var(--role-tank);color:var(--role-tank)}.role-healer{border-color:var(--role-healer);color:var(--role-healer)}.role-dps{border-color:var(--role-dps);color:var(--role-dps)}.sheet-xp{height:8px;margin-bottom:var(--s3)}.sheet-note{font-size:11px;margin:var(--s2) 0 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:var(--s1);margin:var(--s2) 0}.stat-cell{display:flex;flex-direction:column;gap:0;padding:5px var(--s2);border-radius:var(--r1);background:linear-gradient(180deg,#fff0d60d,#00000029);border:1px solid var(--panel-edge)}.stat-value{font-size:15px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.1}.stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);line-height:1.25}.sheet-tabs{margin-bottom:var(--s3)}.sheet-body{min-height:240px}.paperdoll{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s2)}.gear-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--s2) var(--s3);min-height:74px;border-radius:var(--r2);border:1px solid var(--panel-edge-lit);background:linear-gradient(180deg,#241d16,#171209);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.gear-slot:hover{border-color:var(--gold-dim)}.gear-slot-open{border-color:var(--gold);box-shadow:0 0 14px #e0ad4c33}.gear-slot-empty{border-style:dashed;opacity:.75}.gear-slot-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.gear-slot-name{font-size:13px;font-weight:600}.gear-slot-bonus{font-size:11px;color:var(--ink-2);line-height:1.3}.gear-tier{position:absolute;top:6px;right:8px;font-size:9px;font-weight:700;letter-spacing:.06em}.tier-1 .gear-slot-name,.gear-option.tier-1 .gear-option-name{color:#c8c8c8}.tier-2 .gear-slot-name,.gear-option.tier-2 .gear-option-name{color:#5fa9e8}.tier-3 .gear-slot-name,.gear-option.tier-3 .gear-option-name{color:#c07de0}.gear-tier.tier-1{color:#c8c8c8}.gear-tier.tier-2{color:#5fa9e8}.gear-tier.tier-3{color:#c07de0}.gear-picker{margin-top:var(--s3);padding:var(--s3);border-radius:var(--r2);border:1px solid var(--gold-dim);background:linear-gradient(180deg,#221b12,#17120c)}.gear-picker-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}.gear-picker-head h3{margin:0;border:0;padding:0;text-transform:capitalize}.gear-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--s2) var(--s3);margin-bottom:var(--s1);border-radius:var(--r1);border:1px solid var(--panel-edge);background:linear-gradient(180deg,#fff0d60a,#0003);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.gear-option:hover{border-color:var(--gold-dim)}.gear-option-on{border-color:var(--gold)}.gear-option-head{display:flex;align-items:baseline;gap:var(--s2);width:100%}.gear-option-name{font-size:13px;font-weight:600}.gear-option-bonus{font-size:11px;color:var(--ink-2)}.gear-option-clear{border-style:dashed}.delta-list{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:2px}.delta{font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.delta-none{font-size:11px}.talent-head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.talent-head-hint{flex:1;font-size:11px;margin:0;min-width:120px}.talent-canvas{position:relative;margin:0 auto var(--s3);max-width:100%}.talent-tree{overflow-x:auto}.talent-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.talent-edge{stroke:var(--panel-edge-lit);stroke-width:2}.talent-edge-live{stroke:var(--gold);stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(224,173,76,.5))}.talent-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 4px;border-radius:var(--r1);border:2px solid var(--panel-edge-lit);background:linear-gradient(180deg,#241d16,#16110b);color:var(--ink-2);font:inherit;font-size:10px;line-height:1.15;text-align:center;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,color .14s ease}.talent-node-name{font-weight:600}.talent-node-cost{font-size:9px;opacity:.75;font-variant-numeric:tabular-nums}.talent-spent{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(180deg,#4a3a1c,#2b2113);box-shadow:0 0 12px #e0ad4c4d}.talent-available{border-color:var(--gold-dim);color:var(--ink)}.talent-available:after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.talent-locked{opacity:.5}.talent-node-sel{outline:2px solid var(--gold-bright);outline-offset:2px}.talent-detail{padding:var(--s3);border-radius:var(--r2);border:1px solid var(--panel-edge-lit);background:linear-gradient(180deg,#221b12,#17120c)}.talent-detail-head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}.talent-detail p{margin:0 0 var(--s2)}.talent-reason{color:var(--red);font-size:12px}