.fx .dn{white-space:nowrap;pointer-events:none;will-change:transform, opacity;transform-origin:50% 100%;line-height:1;font-family:var(--body);font-weight:700;font-size:var(--fs-num);color:var(--num-hit);font-variant-numeric:tabular-nums;letter-spacing:.01em;-webkit-text-stroke:1px var(--num-outline);paint-order:stroke fill;text-shadow:1px 0 0 var(--num-outline), -1px 0 0 var(--num-outline), 0 1px 0 var(--num-outline), 0 -1px 0 var(--num-outline), 0 2px 5px var(--num-shadow);align-items:baseline;gap:2px;display:inline-flex;position:absolute;top:0;left:0}.fx .dn .dn-n{opacity:.9;margin-left:1px;font-size:.55em;font-weight:600}.fx .dn .dn-n:empty{display:none}.fx .dn-crit{font-size:var(--fs-num-crit);color:var(--num-crit-core);-webkit-text-stroke:2px var(--num-crit-rim);text-shadow:0 2px 0 var(--num-crit-rim), 0 0 12px var(--num-glow-crit), 0 0 22px var(--num-glow-crit), 0 3px 7px var(--num-shadow)}.fx .dn-crit:before{content:"✦";color:var(--num-crit-core);-webkit-text-stroke:0;margin-right:2px;font-size:.5em}.fx .dn-taken{color:var(--num-hurt)}.fx .dn-heal{color:var(--heal);text-shadow:1px 0 0 var(--num-outline), -1px 0 0 var(--num-outline), 0 1px 0 var(--num-outline), 0 -1px 0 var(--num-outline), 0 0 10px var(--num-glow-heal)}.fx .dn-dot{font-size:var(--fs-num-small);color:var(--num-dot);font-weight:600}.fx .dn-block,.fx .dn-absorb{font-size:var(--fs-num-small);color:var(--num-block);font-weight:600}.fx .dn-block:before{content:"◈";color:var(--ink);-webkit-text-stroke:0;margin-right:3px}.fx .dn-absorb:before{content:"◎";color:var(--ink);-webkit-text-stroke:0;margin-right:3px}.fx .dn-dodge,.fx .dn-immune{font-size:var(--fs-num-word);color:var(--dim);letter-spacing:.04em;-webkit-text-stroke:0;font-style:italic;font-weight:600}.fx .dn-t1{letter-spacing:.015em}.fx .dn-t2{letter-spacing:.02em}.fx .ft,.fx .loot-label{will-change:transform, opacity;white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}.fx .ft{font-family:var(--body);font-weight:700;font-size:var(--fs-l);color:var(--num-hit);font-variant-numeric:tabular-nums;letter-spacing:.01em;transform-origin:50% 100%;text-shadow:1px 0 #120d06,-1px 0 #120d06,0 1px #120d06,0 -1px #120d06,0 2px 4px #000000bf;line-height:1}.fx .ft-crit{color:var(--num-crit);-webkit-text-stroke:1px var(--gold);paint-order:stroke fill;text-shadow:0 0 1px #2a1606,0 2px #2a1606,0 0 10px #ff8a3a8c,0 3px 6px #000c;font-size:28px;font-weight:700}.fx .ft-hurt{color:var(--num-hurt)}.fx .ft-heal{color:var(--heal)}.fx .ft-gold{color:var(--num-gold);font-size:var(--fs-m)}.fx .ft-info{color:var(--info);font-size:var(--fs-m);letter-spacing:.04em;font-weight:600}.fx .ft-dodge{color:var(--dim);font-size:var(--fs-s);letter-spacing:.06em;text-transform:none;font-style:italic;font-weight:600}.fx .ft-block{color:var(--dim);font-size:var(--fs-m);font-weight:600}.fx .ft-block:before{content:"◈ ";color:var(--ink)}.fx .loot-label{font-family:var(--body);font-size:var(--fs-s);padding:2px var(--s2);border-radius:var(--r);background:var(--panel);border:1px solid var(--line);text-shadow:0 1px 2px #000;transition:opacity .2s var(--ease);font-weight:600}.fx .crit-edge{pointer-events:none;opacity:0;background:radial-gradient(ellipse at center, transparent 55%, var(--flash-crit) 85%, var(--flash-crit) 100%);position:absolute;inset:0}.fx .crit-edge.on{animation:crit-edge .26s var(--ease) forwards}@keyframes crit-edge{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.fx .crit-edge.on{animation-duration:.16s}}.fx .plate{transform-origin:50% 100%;justify-items:center;gap:2px;display:grid}.fx .plate .plate-name{line-height:1.1}.fx .plate.marked .plate-name{font-weight:600}.hbar-mini{background:#0c0f13b8;border-radius:2px;width:64px;height:5px;box-shadow:0 0 0 1px #000000a6}.hbar-mini .fill{background:var(--hp)}.hbar-mini .trail{background:var(--hp-trail)}.hbar-mini .heal-edge{width:3px}.fx .plate.jolt .hbar-mini{animation:bar-jolt .22s var(--ease)}.bossbar.jolt{animation:bar-jolt .26s var(--ease)}.bossbar .hbar-dev{box-shadow:0 0 0 1px #000000b3,0 2px 8px #00000073}.notches i{transition:background-color .3s var(--ease), box-shadow .3s var(--ease)}.notches i.passed{background:var(--stagger)}.notches i.flash{animation:notch-flash .9s var(--ease)}.stag-label{font-family:var(--display);font-size:var(--fs-s);letter-spacing:.2em;color:var(--accent-ink);background:var(--stagger);padding:0 var(--s2);pointer-events:none;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bossbox.staggered .hbar-dev .fill{background:linear-gradient(90deg, var(--boss), var(--stagger))}.bossbox.staggered .stagbar{height:6px;box-shadow:0 0 8px var(--stagger);animation:.6s ease-in-out infinite alternate stag-pulse}.bossbox.enraged .bossname{color:var(--madder)}.bossmeta{justify-content:center;gap:var(--s3);flex-wrap:wrap;display:flex}.bossmeta .enrage:empty{display:none}.bossbox.enraged .enrage{color:var(--madder)}@keyframes bar-jolt{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}45%{transform:translate(3px,-1px)}70%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes notch-flash{0%{box-shadow:0 0 0 1px #0009}25%{box-shadow:0 0 12px 3px var(--stagger);background:var(--ink)}to{box-shadow:0 0 0 1px #0009}}@keyframes stag-pulse{0%{opacity:.75}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fx .plate.jolt .hbar-mini,.bossbar.jolt,.notches i.flash,.bossbox.staggered .stagbar{animation:none}}.hbar .heal-prev{background:var(--bar-heal-preview);opacity:0;box-shadow:0 0 6px var(--heal-edge)}.hbar.crit{box-shadow:0 0 0 1px var(--bar-crit-flash), 0 0 10px var(--num-crit)}.hbar.crit .fill{filter:brightness(1.6)saturate(1.2)}.hbar .fill{transition:filter 90ms linear}@media (prefers-reduced-motion:reduce){.hbar .fill{transition:none}}.combat-opts{position:relative}.combat-pop{right:0;top:calc(100% + var(--s2));z-index:4;width:min(320px, calc(100vw - 2 * var(--s3)));gap:var(--s2);background:var(--panel-strong);margin:0;position:absolute}.combat-pop legend{float:left;width:100%;padding:0 0 var(--s1)}.combat-row{align-items:center;gap:var(--s1) var(--s2);min-height:var(--touch);font-size:var(--fs-m);grid-template-columns:1fr auto;display:grid}.combat-row input[type=range]{width:100%;min-height:var(--touch);accent-color:var(--accent);grid-area:2/1/auto/-1;margin:0}.combat-row output{font-variant-numeric:tabular-nums;grid-area:1/2}.combat-row>span{grid-column:1}.combat-seg{grid-column:1/-1;gap:2px;display:flex}.combat-seg label{flex:1;position:relative}.combat-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.combat-seg span{min-height:var(--touch);padding:0 var(--s2);border:1px solid var(--line);border-radius:var(--r);background:var(--panel);font-size:var(--fs-s);place-items:center;font-weight:600;display:grid}.combat-seg input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.combat-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.combat-switch{align-items:center;gap:var(--s2);min-height:var(--touch);cursor:pointer;display:flex}.combat-switch input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.combat-switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.combat-note{margin:0}.combat-reset{font-size:var(--fs-s);justify-self:start}@media (max-width:760px){.combat-pop{top:auto;bottom:calc(100% + var(--s2))}}.audio-pop{overscroll-behavior:contain;max-height:min(70vh,560px);overflow-y:auto}.fx .kill-flash{pointer-events:none;opacity:0;background:radial-gradient(ellipse at center, var(--flash-kill), transparent 70%);position:absolute;inset:0}.fx .kill-flash.on{animation:kill-flash .22s var(--ease) forwards}@keyframes kill-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}:root{--res-ofke:#e0475f;--res-ofke-full:#ff9aa8;--res-ruh:#5cc98a;--res-ruh-full:#a8f0c6;--res-nefes:#5fb8ee;--res-nefes-full:#b8e4ff;--res-ezgi:#e2b55e;--res-ezgi-full:#ffe2a6;--yol-alp:#c99a4e;--yol-otaci:#c98a52;--yol-burkut:#e3d8bf;--yol-ozan:#e0a52e;--xp:#d9b56a;--xp-rested:#8fc8ff;--levelup:#ffd27a;--kizil-ad:#ff6a5c;--status-buff:#7fe0b4;--status-debuff:#f08a72;--cd-shade:#05080abd;--charge:#ffd27a;--ready-flash:#fff1c9;--key-bg:#05080ab8;--portrait:56px;--glyph:28px;--glyph-s:16px;--ab-size:52px;--ab-attack:60px;--ab-small:44px;--ab-gap:6px;--actbar-w:432px;--xp-h:6px;--xp-hit:16px;--t-flash:.45s;--t-ring:1.2s;--tb-attack:72px;--tb-skill:54px;--tb-small:46px;--tb-arc-r:116px;--tb-outer-r:180px}.hud-glyph,.hud-emblem{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;display:block}.hud-tip{z-index:8;max-width:min(300px, calc(100vw - 2 * var(--s3)));padding:var(--s2) var(--s3);background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font-size:var(--fs-s);pointer-events:none;line-height:1.4;position:fixed;top:0;left:0;box-shadow:0 4px 16px #00000073}.hud-tl{left:var(--gutter-l);top:var(--gutter-t);width:min(320px, calc(100vw - 2 * var(--s3)));gap:var(--s2);pointer-events:none;display:grid;position:absolute}.hud-tl>*{pointer-events:auto}.hud-tl .target{width:auto;position:static}.pframe{grid-template-columns:var(--portrait) minmax(0, 1fr);gap:var(--s1) var(--s3);align-items:start}.pframe.low{border-color:var(--hp)}.pf-main{gap:2px;min-width:0;display:grid}.pf-portrait{width:var(--portrait);height:var(--portrait);color:var(--ink);background:var(--panel-strong);border:2px solid var(--yol,var(--gold));clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);place-items:center;display:grid;position:relative}.pf-portrait[data-cls=alp]{--yol:var(--yol-alp)}.pf-portrait[data-cls=otaci]{--yol:var(--yol-otaci)}.pf-portrait[data-cls=burkut]{--yol:var(--yol-burkut)}.pf-portrait[data-cls=ozan]{--yol:var(--yol-ozan)}.pf-portrait .hud-emblem{width:34px;height:34px;color:var(--yol,var(--ink))}.pf-ring{border:3px solid var(--levelup);opacity:0;pointer-events:none;position:absolute;inset:0}.pf-portrait.levelup{box-shadow:0 0 0 2px var(--levelup)}.pf-portrait.levelup .pf-ring{animation:pf-ring var(--t-ring) var(--ease) forwards}@keyframes pf-ring{0%{opacity:1;transform:scale(.55)}60%{opacity:.9}to{opacity:0;transform:scale(1.25)}}.pf-title{font-family:var(--display);font-size:var(--fs-s);letter-spacing:.06em;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-name{align-items:baseline;gap:var(--s2);min-width:0;display:flex}.pf-name strong{font-weight:600;font-size:var(--fs-m);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pf-name strong.red-name{color:var(--kizil-ad)}.pf-red{font-size:var(--fs-xs);color:var(--kizil-ad);white-space:nowrap;cursor:help;border:1px solid;border-radius:4px;padding:0 4px;font-weight:600}.pf-lv{font-family:var(--mono);font-size:var(--fs-s);color:var(--gold);border:1px solid var(--gold);border-radius:4px;flex:none;margin-left:auto;padding:0 5px}.pf-ocak{align-items:center;gap:var(--s1);min-width:0;display:flex}.pf-ocak span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pf-ocak .hud-glyph{width:var(--glyph-s);height:var(--glyph-s);color:var(--gold);flex:none}.pf-res{gap:2px;display:grid}.pf-num{font-variant-numeric:tabular-nums}.hbar-kaynak[data-res=ofke]{--res:var(--res-ofke);--res-full:var(--res-ofke-full)}.hbar-kaynak[data-res=ruh]{--res:var(--res-ruh);--res-full:var(--res-ruh-full)}.hbar-kaynak[data-res=nefes]{--res:var(--res-nefes);--res-full:var(--res-nefes-full)}.hbar-kaynak[data-res=ezgi]{--res:var(--res-ezgi);--res-full:var(--res-ezgi-full)}.pf-res .hbar-kaynak{height:8px}.pf-res .hbar-kaynak.full{animation:1.8s ease-in-out infinite res-pulse}@keyframes res-pulse{50%{filter:brightness(1.3)}}.pf-status{gap:var(--s1);flex-wrap:wrap;margin:2px 0 0;padding:0;list-style:none;display:flex}.pf-st{background:var(--panel-strong);cursor:help;border:2px solid;border-radius:4px;place-items:center;width:30px;height:38px;display:grid;position:relative}.pf-st.buff{color:var(--status-buff)}.pf-st.debuff{color:var(--status-debuff);border-style:dashed}.pf-st .hud-glyph{width:18px;height:18px;margin-top:-10px}.pf-st-time{text-align:center;font:600 10px/1 var(--mono);color:var(--ink);text-shadow:0 1px 2px var(--bg);position:absolute;bottom:2px;left:0;right:0}.pf-st:focus-visible,.pf-red:focus-visible,.xpbar:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.actbar{left:50%;bottom:calc(var(--gutter-b) + var(--xp-hit) + var(--s1));width:var(--actbar-w);justify-content:space-between;align-items:flex-end;gap:var(--ab-gap);padding:var(--s2);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);display:flex;position:absolute;transform:translate(-50%)}.ab-btn{width:var(--ab-size);height:var(--ab-size);border:1px solid var(--line);border-radius:var(--r);background:var(--panel-strong);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;place-items:center;padding:0;transition:filter .15s,transform 80ms;display:grid;position:relative;overflow:hidden}.ab-attack{width:var(--ab-attack);height:var(--ab-attack)}.ab-potion{width:var(--ab-small);height:var(--ab-small)}.ab-icon .hud-glyph{width:var(--glyph);height:var(--glyph)}.ab-potion .ab-icon .hud-glyph{width:22px;height:22px}.ab-btn:hover{filter:brightness(1.2)}.ab-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ab-btn.active{border-color:var(--accent);transform:scale(.95)}.ab-btn:before{content:"";pointer-events:none;background:conic-gradient(transparent calc((1 - var(--cd,0)) * 360deg), var(--cd-shade) 0);position:absolute;inset:0}.ab-cd{font:600 var(--fs-l) var(--mono);color:var(--ink);text-shadow:0 1px 2px var(--bg), 0 0 6px var(--bg);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ab-key{background:var(--key-bg);font:500 var(--fs-xs)/1.35 var(--mono);color:var(--ink);pointer-events:none;border-radius:3px;padding:0 3px;position:absolute;top:2px;left:2px}.ab-cost{font:600 var(--fs-xs) var(--mono);color:var(--res,var(--dim));text-shadow:0 1px 2px var(--bg);pointer-events:none;position:absolute;bottom:1px;right:3px}.ab-cost.short{color:var(--error)}.ab-cost.short:before{content:"! "}.ab-btn[data-res=ofke]{--res:var(--res-ofke)}.ab-btn[data-res=ruh]{--res:var(--res-ruh)}.ab-btn[data-res=nefes]{--res:var(--res-nefes)}.ab-btn[data-res=ezgi]{--res:var(--res-ezgi)}.ab-potion .ab-cost{color:var(--ink)}.ab-charge{background:var(--track);pointer-events:none;border-radius:99px;height:4px;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.ab-charge i{height:100%;width:calc(var(--chg,0) * 100%);background:var(--charge);display:block}.ab-btn.charged{box-shadow:inset 0 0 0 2px var(--charge)}.ab-btn.hold .ab-key:after{content:" ⤓"}.ab-btn[aria-disabled=true]{cursor:help}.ab-btn[data-state=cooldown] .ab-icon{opacity:.6}.ab-btn[data-state=resource] .ab-icon{opacity:.45}.ab-btn[data-state=locked],.ab-btn[data-state=empty]{background:var(--panel);border-style:dashed}.ab-btn[data-state=locked] .ab-icon{opacity:.7;margin-top:-10px}.ab-btn[data-state=locked] .ab-icon .hud-glyph{width:18px;height:18px}.ab-btn[data-state=locked] .ab-cd{font-size:var(--fs-xs);color:var(--dim);place-items:end center;padding-bottom:4px}.ab-btn.flash{box-shadow:0 0 0 2px var(--ready-flash)}.ab-btn.flash .ab-icon{animation:ab-ready var(--t-flash) var(--ease)}@keyframes ab-ready{0%{filter:brightness(1.8);transform:scale(1.25)}to{filter:none;transform:scale(1)}}.xpbar{left:50%;bottom:var(--gutter-b);width:var(--actbar-w);height:var(--xp-hit);cursor:help;align-items:center;display:grid;position:absolute;transform:translate(-50%)}.xp-track{height:var(--xp-h);background:var(--track);border-radius:99px;display:block;position:relative;overflow:hidden}.xp-track i{display:block;position:absolute;top:0;bottom:0;left:0}.xp-fill{background:var(--xp)}.xp-rested{background:var(--xp-rested);opacity:.75}.xpbar.levelup .xp-track{box-shadow:0 0 0 1px var(--levelup), 0 0 12px var(--levelup)}.xpbar.levelup .xp-fill{animation:xp-level var(--t-ring) var(--ease)}@keyframes xp-level{0%,30%{background:var(--levelup)}to{background:var(--xp)}}.hud .help{bottom:calc(var(--gutter-b) + var(--xp-hit) + var(--ab-attack) + var(--s5) + var(--s2))}.hud .log{width:min(380px, calc(50vw - var(--actbar-w) / 2 - 2 * var(--s3)))}.keys-opts{gap:var(--s2);display:grid}.keys-opt{gap:var(--s2);min-height:var(--touch);padding:var(--s2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;align-items:flex-start;display:flex;position:relative}.keys-opt input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0}.keys-opt input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.keys-opt:has(input:checked){border-color:var(--accent)}.keys-opt span{gap:2px;display:grid}.keys-list{line-height:1.5}@media (max-width:760px),(pointer:coarse){:root{--xp-hit:22px;--arc-box-w:calc(var(--tb-attack) / 2 + var(--tb-outer-r) * .7072 + var(--tb-skill) / 2 + var(--s2));--arc-box-h:calc(var(--tb-attack) / 2 + var(--tb-outer-r) + var(--tb-small) / 2 + var(--s2))}.actbar{left:auto;right:var(--gutter-r);bottom:calc(var(--gutter-b) + var(--xp-hit) + var(--s2));width:var(--arc-box-w);height:var(--arc-box-h);pointer-events:none;background:0 0;border:0;padding:0;display:block;transform:none}.ab-btn{pointer-events:auto;--d:0px;--a:0deg;--s:var(--tb-skill);width:var(--s);height:var(--s);right:calc(var(--tb-attack) / 2 - var(--s) / 2 + var(--d) * cos(var(--a)));bottom:calc(var(--tb-attack) / 2 - var(--s) / 2 + var(--d) * sin(var(--a)));background:var(--panel);border-radius:50%;position:absolute}.ab-btn:before{border-radius:50%}.ab-attack{--s:var(--tb-attack)}.ab-s1{--d:var(--tb-arc-r);--a:0deg}.ab-s2{--d:var(--tb-arc-r);--a:30deg}.ab-s3{--d:var(--tb-arc-r);--a:60deg}.ab-s4{--d:var(--tb-arc-r);--a:90deg}.ab-dodge{--s:var(--tb-skill);--d:var(--tb-outer-r);--a:45deg}.ab-potion{--s:var(--tb-small);--d:var(--tb-outer-r);--a:90deg}.ab-key{display:none}.ab-cost{bottom:3px;right:50%;transform:translate(50%)}.ab-charge{bottom:6px;left:8px;right:8px}.xpbar{left:var(--gutter-l);right:var(--gutter-r);width:auto;transform:none}.pf-st:after{content:"";position:absolute;inset:-7px}.hud .log{width:calc(100vw - var(--arc-box-w) - var(--gutter-l) - var(--gutter-r) - var(--s3));bottom:calc(var(--gutter-b) + var(--xp-hit) + var(--s2))}}@media (max-width:760px){.hud-tl{width:min(300px, calc(100vw - var(--minimap,104px) - 3 * var(--s3)))}.hud-tl .target.selected{display:none}:root{--portrait:44px}.pf-portrait .hud-emblem{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.pf-portrait.levelup .pf-ring{opacity:0;animation:none}.pf-res .hbar-kaynak.full,.ab-btn.flash .ab-icon,.xpbar.levelup .xp-fill{animation:none}.ab-btn{transition:none}.ab-btn.active{transform:none}}.ab-key .hud-mouse{stroke-width:2.4px;width:12px;height:14px}.hud-tr{right:var(--gutter-r);top:var(--gutter-t);align-items:flex-end;gap:var(--s2);pointer-events:none;flex-direction:column;max-width:min(560px,60vw);display:flex;position:absolute}.hud-tr>*{pointer-events:auto}.hud-acc:empty{display:none}.hud .hud-tr .controls{max-width:100%;position:static}.controls-toggle{display:none}.controls-body{display:contents}@media (max-width:760px),(pointer:coarse){.hud .hud-tr .controls{z-index:5;top:auto;right:auto;left:var(--gutter-l);bottom:calc(var(--gutter-b) + var(--xp-hit) + var(--s2));background:0 0;border:0;max-width:none;padding:0;display:block;position:fixed}.controls-toggle{align-items:center;display:inline-flex}.controls-body{display:none}.controls.open .controls-body{left:0;bottom:calc(100% + var(--s2));gap:var(--s2);width:min(360px, calc(100vw - var(--gutter-l) - var(--gutter-r)));padding:var(--s2) var(--s3);background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--r);z-index:5;flex-wrap:wrap;align-items:center;display:flex;position:absolute}.controls.open .combat-opts{position:static}.controls.open .combat-pop{width:auto;top:auto;left:0;right:0;bottom:calc(100% + var(--s2))}.hud .log{bottom:calc(var(--gutter-b) + var(--xp-hit) + var(--touch) + 2 * var(--s2))}.hud .stats-corner{display:none}}:root{--guide-spirit:#c9d2dc;--guide-spirit-glow:#8fb8de;--guide-mist:#dfe7ef;--guide-trail:#a9d4ff;--map-land:#3a4433;--map-edge:#1a201c;--map-hunt:#e2b55e24;--map-hunt-edge:#e2b55eb3;--map-camp:#f3eedf1f;--map-stone:#d9cfb4;--map-yurt:#e9a46a;--map-respawn:#8fd3c4;--guide-scrim:#05080a9e;--guide-shadow:0 2px 12px #00000073;--minimap:176px;--compass-w:min(440px, 34vw);--compass-h:34px}.guide-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compass{left:var(--g-compass-x,50%);top:var(--g-compass-top,var(--gutter-t));width:var(--g-compass-w,var(--compass-w));pointer-events:none;transition:top var(--t-open) var(--ease);position:absolute;transform:translate(-50%)}.compass-strip{height:var(--compass-h);border-radius:var(--r);background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.compass-strip>*{will-change:transform;position:absolute;top:0;left:0}.compass-tick{background:var(--dim);opacity:.55;width:1px;height:7px;margin-left:-.5px;top:4px}.compass-card{text-align:center;width:28px;line-height:var(--compass-h);font:600 var(--fs-s) var(--body);color:var(--dim);letter-spacing:.04em;margin-left:-14px}.compass-card.major{color:var(--ink);font-size:var(--fs-m)}.compass-center{background:var(--ink);opacity:.7;width:2px;height:6px;margin-left:-1px;top:auto;bottom:0;left:50%}.compass-goal{width:80px;height:var(--compass-h);flex-direction:column;justify-content:center;align-items:center;gap:1px;margin-left:-40px;display:flex}.compass-goal-icon{background:var(--gold);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg);transform:rotate(45deg)}.compass-goal-dist{font:600 var(--fs-xs) var(--mono);color:var(--gold);text-shadow:0 1px 2px var(--bg);font-variant-numeric:tabular-nums}.compass-goal[data-edge=left] .compass-goal-icon,.compass-goal[data-edge=right] .compass-goal-icon{width:0;height:0;box-shadow:none;background:0 0;border-top:6px solid #0000;border-bottom:6px solid #0000;transform:none}.compass-goal[data-edge=left] .compass-goal-icon{border-right:9px solid var(--gold)}.compass-goal[data-edge=right] .compass-goal-icon{border-left:9px solid var(--gold)}.compass-goal[data-edge=left]{margin-left:-24px}.compass-goal[data-edge=right]{margin-left:-56px}.objmark>div{will-change:transform;justify-items:center;gap:2px;display:grid;position:absolute;top:0;left:0}.objmark-on{width:80px;margin:-26px 0 0 -40px}.objmark-diamond{background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 2px var(--bg), 0 0 10px var(--gold);transform:rotate(45deg)}.objmark span{font:600 var(--fs-xs) var(--mono);color:var(--gold);text-shadow:0 1px 2px var(--bg), 0 0 4px var(--bg);font-variant-numeric:tabular-nums}.objmark-edge{width:80px;margin:-22px 0 0 -40px}.objmark-arrow{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:16px solid var(--gold);width:0;height:0;filter:drop-shadow(0 0 2px var(--bg));transform:rotate(var(--rot,0deg))}.qtrack{right:var(--gutter-r);top:var(--g-track-top,calc(var(--gutter-t) + 64px));width:min(300px, calc(100vw - 2 * var(--s3)));gap:2px;position:absolute}.qtrack-head{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.qtrack-dist{color:var(--gold);font-variant-numeric:tabular-nums}.qtrack-name{font-family:var(--display);font-weight:400;font-size:var(--fs-l);letter-spacing:.02em}.qtrack-step{color:var(--ink);margin:0}.qtrack-meta{align-items:center;gap:var(--s2);display:flex}.qtrack-bar{background:var(--track);border-radius:99px;flex:1;height:4px;overflow:hidden}.qtrack-bar i{background:var(--gold);width:0;height:100%;transition:width .3s var(--ease);display:block}.qtrack-confirm{color:var(--heal);font-weight:600;font-size:var(--fs-s);min-height:0;margin:0}.qtrack-confirm:empty{display:none}.qtrack.done-flash{border-color:var(--heal-edge);animation:qtrack-in .5s var(--ease)}@keyframes qtrack-in{0%{box-shadow:0 0 0 0 var(--heal-edge);transform:translateY(-4px)}40%{box-shadow:0 0 14px 0 var(--heal-edge)}to{box-shadow:none;transform:none}}.guide-corner{right:var(--gutter-r);bottom:calc(var(--gutter-b) + 28px);justify-items:end;gap:var(--s2);display:grid;position:absolute}.minimap{width:var(--minimap);height:var(--minimap);border:2px solid var(--line);background:var(--map-edge);box-shadow:var(--guide-shadow);border-radius:50%;overflow:hidden}.minimap canvas{cursor:pointer;width:100%;height:100%;display:block}.guide-opts{gap:var(--s1);display:flex;position:relative}.guide-btn{font-size:var(--fs-s)}.guide-pop{right:0;bottom:calc(100% + var(--s2));background:var(--panel-strong);min-width:220px;margin:0;position:absolute}.guide-pop legend{float:left;width:100%;padding:0 0 var(--s1)}.guide-switch{align-items:center;gap:var(--s2);min-height:var(--touch);cursor:pointer;display:flex}.guide-switch input{width:20px;height:20px;accent-color:var(--accent);margin:0}.guide-switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fullmap{z-index:6;padding:var(--gutter-t) var(--gutter-r) var(--gutter-b) var(--gutter-l);background:var(--guide-scrim);place-items:center;display:grid;position:absolute;inset:0}.fullmap-panel{gap:var(--s3);width:min(1080px,100%);max-height:100%;padding:var(--s3) var(--s4);background:var(--panel-strong)}.fullmap-head{align-items:center;gap:var(--s3);display:flex}.fullmap-head h2{font-family:var(--display);letter-spacing:.04em;margin:0;font-size:22px;font-weight:400}.fullmap-head .k{flex:1}.fullmap-body{gap:var(--s4);grid-template-columns:1fr minmax(180px,230px);min-height:0;display:grid}.fullmap-canvas{aspect-ratio:1200/1040;border-radius:var(--r);border:1px solid var(--line);width:100%;max-height:calc(100vh - 140px);display:block}.fullmap-legend{gap:var(--s2);font-size:var(--fs-s);color:var(--ink);align-content:start;margin:0;padding:0;list-style:none;display:grid}.fullmap-legend li{align-items:center;gap:var(--s2);display:flex}.fullmap-legend canvas{flex:none;width:22px;height:22px}.fx .guide-tag{transform-origin:50%;will-change:transform;white-space:nowrap;justify-items:center;gap:1px;margin-top:-34px;display:grid;position:absolute;top:0;left:0;translate:-50%}.guide-tag b{font:600 var(--fs-m) var(--body);color:var(--ink);text-shadow:0 1px 2px var(--bg), 0 0 6px var(--bg)}.guide-tag span{font-size:var(--fs-xs);color:var(--dim);text-shadow:0 1px 2px var(--bg), 0 0 4px var(--bg)}@media (max-width:760px){:root{--minimap:104px;--compass-w:min(300px, calc(100vw - 2 * var(--s3)));--compass-h:28px}.guide-corner{bottom:auto;top:var(--g-under-compass,calc(var(--gutter-t) + 132px))}.guide-opts{flex-direction:column;align-items:end}.qtrack{top:var(--g-under-compass,calc(var(--gutter-t) + 132px));right:auto;left:var(--gutter-l);width:min(calc(100vw - var(--minimap) - 3 * var(--s3)), 260px);padding:var(--s1) var(--s2)}.qtrack .eyebrow{display:none}.qtrack-head{right:var(--s2);top:var(--s1);position:absolute}.qtrack-name{font-size:var(--fs-m);padding-right:52px}.fullmap-body{grid-template-columns:1fr}.fullmap-legend{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.compass,.qtrack-bar i{transition:none}.qtrack.done-flash{animation:none}}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-cyrillic-ext-wght-normal-CN0-BfWD.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-cyrillic-wght-normal-CU5lb38f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-greek-ext-wght-normal-C8PPRmwJ.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-greek-wght-normal-BPx8yWcZ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-vietnamese-wght-normal-DOV9JYup.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-latin-ext-wght-normal-o8axeAGu.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(./alegreya-latin-wght-normal-BG9rTJo4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./commissioner-cyrillic-ext-wght-normal-BnWI7fIG.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./commissioner-cyrillic-wght-normal-bgdX5wL6.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./commissioner-greek-wght-normal-M9Lxztrh.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./commissioner-vietnamese-wght-normal-DEkWUU3X.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./commissioner-latin-ext-wght-normal-rva7dkhN.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Commissioner Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./commissioner-latin-wght-normal-BAwLJtOy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(./ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(./ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1014;--ink:#f3eedf;--dim:#c4bca8;--line:#f3eedf33;--track:#f3eedf24;--panel:#0c0f13bd;--panel-strong:#0e1216eb;--accent:#56c6ca;--accent-ink:#062326;--gold:#e2b55e;--madder:#ec8b78;--hp:#c9483b;--hp-trail:#f5e9da;--boss:#7e2420;--heal:#7fe0b4;--heal-edge:#3fb98a;--danger:#e0653f;--info:#8fd3f0;--res:#4a8fd6;--res-full:#9fd0ff;--stagger:#ffc46b;--ally:#6fcf8e;--con-gri:#9a9a93;--con-yesil:#6fcf8e;--con-sari:#f0d264;--con-turuncu:#f29a4a;--con-kirmizi:#f0625a;--num-hit:#f3ede2;--num-crit:#ff8a3a;--num-hurt:#ff7a6a;--num-gold:#ffd27a;--num-crit-core:#ffe27a;--num-crit-rim:#7a2a06;--num-block:#b9b4a8;--num-dot:#e7c9a8;--num-outline:#120d06;--num-shadow:#000000c7;--num-glow-crit:#ff8a3a99;--num-glow-heal:#3fb98a8c;--fs-num:20px;--fs-num-crit:30px;--fs-num-small:15px;--fs-num-word:15px;--bar-heal-preview:#7fe0b4d9;--bar-crit-flash:#fff1c9;--rarity-siradan:#9a9a93;--rarity-iyi:#4fa65b;--rarity-nadir:#3d7fd1;--rarity-destansi:#9b5bd0;--rarity-efsane:#e0a935;--flash-kill:#fff1de52;--flash-crit:#ff8a3a38;--display:"Alegreya Variable", "Iowan Old Style", Georgia, serif;--body:"Commissioner Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--fs-xs:11px;--fs-s:12px;--fs-m:14px;--fs-l:18px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--r:8px;--touch:44px;--ease:cubic-bezier(.2, .7, .2, 1);--t-open:.18s;--success:#7fe0b4;--warning:#e2b55e;--error:#f08a72;--focus:#56c6ca;--input-bg:#f3eedf0f;--input-line:#f3eedf52;--scrim:#05080ab8;--fs-xl:22px;--r-l:12px;--s6:32px;--card-w:560px;--field-gap:6px;--z-account:20;--gutter-t:max(var(--s3), env(safe-area-inset-top));--gutter-r:max(var(--s3), env(safe-area-inset-right));--gutter-b:max(var(--s3), env(safe-area-inset-bottom));--gutter-l:max(var(--s3), env(safe-area-inset-left))}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);font-size:var(--fs-m);overscroll-behavior:none;margin:0;overflow:hidden}[hidden]{display:none!important}#uygulama{position:fixed;inset:0}#sahne{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#sahne:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fx{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.fx .ft,.fx .plate{will-change:transform;white-space:nowrap;position:absolute;top:0;left:0}.ft{font-weight:700;font-size:var(--fs-l);color:var(--num-hit);text-shadow:0 2px #1a1408,0 0 6px #000000b3;font-variant-numeric:tabular-nums}.ft-crit{color:var(--num-crit);font-size:26px}.ft-heal{color:var(--heal)}.ft-hurt{color:var(--num-hurt)}.ft-info{color:var(--info);font-size:var(--fs-m);letter-spacing:.04em}.ft-gold{color:var(--num-gold);font-size:var(--fs-m)}.plate{font-size:var(--fs-s);color:var(--dim);text-shadow:0 1px 2px #000,0 0 4px #000}.plate.me{color:var(--ink);font-weight:600}.plate.ally{color:var(--ally)}.plate.npc{color:var(--gold)}.plate.sel{text-underline-offset:3px;text-decoration:underline}.plate.con-gri,.con-gri{color:var(--con-gri)}.plate.con-yesil,.con-yesil{color:var(--con-yesil)}.plate.con-sari,.con-sari{color:var(--con-sari)}.plate.con-turuncu,.con-turuncu{color:var(--con-turuncu)}.plate.con-kirmizi,.con-kirmizi{color:var(--con-kirmizi)}.ally{color:var(--ally)}.banner{text-align:center;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);gap:var(--s2);display:grid;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.96)}.banner.on{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner b{font-family:var(--display);letter-spacing:.14em;text-shadow:0 0 22px #f2a93b99,0 2px #000;font-size:clamp(28px,5vw,56px);font-weight:400}.banner span{font-family:var(--mono);font-size:var(--fs-m);color:#e8d9b4;text-shadow:0 1px 2px #000}.hud{pointer-events:none;z-index:3;line-height:1.35;position:absolute;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);gap:var(--s1);display:grid}.k{font-family:var(--mono);font-size:var(--fs-s);color:var(--dim)}.center{text-align:center}.nm{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.nm strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.target{width:min(300px, calc(100vw - 2 * var(--s3)));left:var(--gutter-l);position:absolute}.target.focus{top:var(--gutter-t)}.target.selected{top:calc(var(--gutter-t) + 108px)}.target.low{border-color:var(--hp)}.bar-row{align-items:center;gap:var(--s2);display:flex}.bar-row .hbar{flex:1}.hbar{background:var(--track);border-radius:99px;height:10px;position:relative;overflow:hidden}.hbar i{border-radius:inherit;display:block;position:absolute;top:0;bottom:0;left:0}.hbar .trail{background:var(--hp-trail);opacity:.85}.hbar .fill{background:var(--hp)}.hbar .heal-edge{background:var(--heal);width:6px;box-shadow:0 0 8px var(--heal-edge);opacity:0;border-radius:2px;transition:opacity .2s}.hbar-kaynak{height:6px}.hbar-kaynak .fill{background:var(--res)}.hbar-kaynak .trail{background:var(--res-full);opacity:.5}.hbar-kaynak.full .fill{background:var(--res-full);box-shadow:0 0 10px var(--res-full)}.hbar-dev{height:14px}.hbar-dev .fill{background:linear-gradient(90deg, var(--boss), var(--hp))}.bossbox{left:50%;top:var(--gutter-t);gap:var(--s1);width:min(560px,44vw);display:grid;position:absolute;transform:translate(-50%)}.bossname{font-family:var(--display);letter-spacing:.16em;text-align:center;text-transform:uppercase;text-shadow:0 1px 3px #000;font-size:22px}.bossbar{position:relative}.notches{pointer-events:none;position:absolute;inset:0}.notches i{background:var(--ink);width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #0009}.stagbar{background:var(--track);border-radius:99px;height:4px;overflow:hidden}.stagbar i{background:var(--stagger);width:0;height:100%;display:block}.log{left:var(--gutter-l);bottom:calc(var(--gutter-b) + 28px);width:min(380px, calc(100vw - 2 * var(--s3)));position:absolute}.log .now b{font-weight:600}.log .quest{color:var(--gold);font-size:var(--fs-s)}.log ol{font-size:var(--fs-s);gap:2px;max-height:9.5em;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.log li{color:var(--dim)}.log li:first-child{color:var(--ink)}.ln-quest{color:var(--heal)!important}.ln-level{color:var(--num-gold)!important}.ln-loot{color:var(--c,var(--ink))!important}.ln-talk{font-style:italic}.controls{right:var(--gutter-r);top:var(--gutter-t);gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;align-items:center;max-width:min(560px,60vw);display:flex;position:absolute}.seg{gap:2px;display:flex}.btn{min-height:var(--touch);min-width:var(--touch);padding:0 var(--s3);border-radius:var(--r);border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);font:600 var(--fs-m) var(--body);cursor:pointer;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.25)}.btn:active{filter:brightness(.9)}.btn:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[aria-pressed=true],.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.controls .q{align-items:center;gap:var(--s1);font-size:var(--fs-s);color:var(--dim);display:flex}select{min-height:var(--touch);background:var(--panel-strong);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);font:var(--fs-m) var(--body);padding:0 var(--s2)}.help{left:50%;bottom:var(--gutter-b);text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;position:absolute;transform:translate(-50%)}.stats-corner{right:var(--gutter-r);bottom:var(--gutter-b);text-shadow:0 1px 2px #000;pointer-events:none;position:absolute}.vignette{pointer-events:none;opacity:0;background:radial-gradient(circle,#c81e1400 55%,#c81e1480);transition:opacity .4s;position:absolute;inset:0}.vignette.on{opacity:1;animation:.9s ease-in-out infinite nabiz}@keyframes nabiz{50%{opacity:.55}}.screen{z-index:10;padding:var(--gutter-t) var(--gutter-r) var(--gutter-b) var(--gutter-l);background:radial-gradient(circle at 50% 40%, #12181e, var(--bg));place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.card{background:var(--panel-strong);border:1px solid var(--line);width:min(520px,100%);padding:var(--s5);gap:var(--s3);border-radius:12px;display:grid}.card h1{font-family:var(--display);letter-spacing:.03em;text-wrap:balance;margin:0;font-size:clamp(26px,5vw,38px);font-weight:400}.card p{color:var(--dim);margin:0;line-height:1.55}.card.error{border-color:var(--danger)}.eyebrow{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)!important}.row-btns{gap:var(--s2);flex-wrap:wrap;display:flex}.progress{background:var(--track);border-radius:99px;height:6px;display:block;overflow:hidden}.progress i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}@media (max-width:760px){.bossbox{width:calc(100vw - 2 * var(--s3));top:calc(var(--gutter-t) + 110px)}.controls{top:auto;bottom:calc(var(--gutter-b) + 28px);right:var(--gutter-r);max-width:50vw}.log{width:min(46vw,380px)}.target.selected,.help{display:none}}@media (prefers-reduced-motion:reduce){.banner,.hbar .heal-edge,.progress i{transition:none}.vignette.on{animation:none}}