:root{--bg:#000;--panel:#000a04cc;--line:color-mix(in srgb, var(--mid) 35%, transparent);--glow:0 0 6px color-mix(in srgb, var(--bright) 50%, transparent), 0 1px 2px #000000e6}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--bright);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;text-transform:uppercase;text-shadow:var(--glow);-webkit-text-size-adjust:100%;margin:0;font:13px/1.3 ui-monospace,SF Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;overflow:hidden}canvas{touch-action:none;display:block}body:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(#0000 0 2px,#00000029 2px 3px);position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}@media (pointer:fine) and (prefers-reduced-motion:no-preference){#hud{animation:5s infinite flicker}}@keyframes flicker{0%,61%,63%,65%,to{opacity:1}62%{opacity:.88}64%{opacity:.93}}#hud>*{position:absolute}body.crit #top,body.crit #left{animation:.7s step-end infinite crit}@keyframes crit{50%{filter:invert()hue-rotate(180deg)}}small{color:var(--mid);letter-spacing:.12em;font-size:10px}b{font-weight:600}.hot{color:var(--hot)}.alert{color:var(--alert);text-shadow:0 0 8px var(--alert), 0 1px 2px #000}.red{color:var(--crit);text-shadow:0 0 8px var(--crit), 0 1px 2px #000}.frame{--c:var(--bright);border:1px solid var(--line);background:linear-gradient(var(--c) 0 0) 0 0 / 10px 2px, linear-gradient(var(--c) 0 0) 0 0 / 2px 10px, linear-gradient(var(--c) 0 0) 100% 0 / 10px 2px, linear-gradient(var(--c) 0 0) 100% 0 / 2px 10px, linear-gradient(var(--c) 0 0) 0 100% / 10px 2px, linear-gradient(var(--c) 0 0) 0 100% / 2px 10px, linear-gradient(var(--c) 0 0) 100% 100% / 10px 2px, linear-gradient(var(--c) 0 0) 100% 100% / 2px 10px, var(--panel);background-repeat:no-repeat;background-origin:border-box}#top{align-items:end;gap:28px;padding:8px 20px;display:flex;top:12px;left:50%;transform:translate(-50%)}.stat{flex-direction:column;align-items:center;min-width:54px;display:flex}.stat b{font-size:18px}#combo{color:var(--hot);white-space:nowrap;margin-top:6px;font-size:16px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}#raidcard{text-align:center;--c:var(--alert);border-color:color-mix(in srgb, var(--alert) 45%, transparent);color:var(--alert);padding:8px 18px;display:none;top:92px;left:50%;transform:translate(-50%)}#raidcard.on{display:block}#raidcard b{letter-spacing:.25em;margin:2px 0;font-size:20px;display:block}#raidcard small{color:var(--alert);opacity:.8}#raidcard .obj{color:var(--hot);text-shadow:var(--glow)}#raidcard .alert{color:var(--alert)}#raidcard .boss{min-width:260px;margin-top:4px}#raidcard .boss b.seg{letter-spacing:0;height:8px;margin:3px 0 0;font-size:0}#raidcard.brief{animation:.8s step-end infinite raidpulse}@keyframes raidpulse{50%{border-color:var(--alert)}}#raidcard.build{--c:var(--hot);border-color:color-mix(in srgb, var(--hot) 45%, transparent);color:var(--bright);pointer-events:auto}#raidcard.build small{color:var(--mid)}#raidcard.build button{font:inherit;color:var(--hot);border:1px solid var(--mid);cursor:pointer;background:0 0;margin-top:5px;padding:3px 7px;font-size:10px}body.raid #top,body.raid #left{--c:var(--alert);border-color:color-mix(in srgb, var(--alert) 35%, transparent)}#blind{text-align:center;white-space:nowrap;display:none;top:30%;left:50%;transform:translate(-50%)}#blind b{letter-spacing:.35em;font-size:26px;display:block}#blind small{letter-spacing:.2em}body.blind #blind,body.silent #blind{display:block}body.blind #blind{color:var(--crit);text-shadow:0 2px 6px #000;animation:.5s steps(2,end) infinite alternate blink}body.blind #blind small{color:var(--crit)}body.silent #blind{color:var(--alert);opacity:.9}body.silent #blind b{font-size:16px}body.silent #blind small{color:var(--alert)}body.blind #left,body.blind #top{--c:var(--crit);border-color:color-mix(in srgb, var(--crit) 45%, transparent)}#raidarrow{border:12px solid #0000;border-left:22px solid var(--alert);filter:drop-shadow(0 1px 3px #000);width:0;height:0;display:none;top:0;left:0}#raidarrow.on{display:block}#left{width:240px;padding:10px;top:12px;left:12px}#brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin:-2px 0 8px;padding-bottom:6px;display:flex}#brand b{color:var(--hot);letter-spacing:.14em;white-space:nowrap;font-size:15px;font-weight:800}#brand i{font-size:1.25em;font-style:normal}#brand small{letter-spacing:.3em;font-size:9px}.bar{margin-bottom:6px}.bar small{justify-content:space-between;display:flex}.seg{--f:var(--bright);background:linear-gradient(90deg, var(--f) calc(var(--r,1) * 100%), var(--dim) 0);height:8px;margin-top:3px;display:block;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(5% - 2px),#0000 0 5%);mask:repeating-linear-gradient(90deg,#000 0 calc(5% - 2px),#0000 0 5%)}.seg.crit{--f:var(--alert);animation:.4s infinite alternate blink}#hpBar.crit{--f:var(--crit)}@keyframes blink{to{opacity:.4}}#info{grid-template-columns:auto 1fr;gap:2px 10px;margin:10px 0;display:grid}#info dt{color:var(--mid);font-size:11px}#info dd{text-align:right;margin:0}#info .dim{color:var(--mid)}#info dt.grp{color:var(--mid);letter-spacing:.2em;opacity:.7;grid-column:1/-1;margin-top:4px;font-size:9px}#info .seg.lk{--f:var(--hot);height:4px;margin-top:2px}#threats{width:240px;padding:6px 10px;font-size:11px;top:80px;right:274px}#threats:empty{display:none}#threats small{color:var(--mid)}#threats div{white-space:nowrap}#threats div.mk{color:var(--hot)}#warn{flex-direction:column;align-items:flex-start;gap:4px;display:flex;top:80px;left:264px}#warn div{letter-spacing:.1em;white-space:nowrap;color:var(--alert);border:1px solid var(--alert);background:color-mix(in srgb, var(--alert) 14%, #000000b3);text-shadow:0 1px 2px #000;padding:3px 9px;font-size:11px;font-weight:700;animation:.35s ease-out warnin,.8s .35s infinite alternate warnpulse}#warn div.red{color:#fff;border-color:var(--crit);background:color-mix(in srgb, var(--crit) 45%, #0009)}@keyframes warnin{0%{opacity:0;transform:scale(1.4)}}@keyframes warnpulse{to{border-color:currentColor;box-shadow:0 0 12px}}#shop button.hint.hint{border-left-color:var(--alert)}#shop button.hint .c:before{content:"◆ ";color:var(--alert)}#radar{border:1px solid var(--line);pointer-events:auto;cursor:crosshair;width:220px;height:220px}#shop{pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--mid) transparent;width:250px;padding:6px;top:12px;bottom:12px;right:12px;overflow-y:auto}#shop.hidden{display:none}#shop h4{letter-spacing:.2em;color:var(--mid);margin:8px 4px 3px;font-size:10px;font-weight:600}#shop h4:before{content:"// "}#shop h4 i{color:var(--alert);opacity:.6;letter-spacing:.08em;font-style:normal}#shop button.needs,#shop button.off,#shop section.off{display:none}#shop section.shut h4{opacity:.6}#shop button{all:unset;box-sizing:border-box;cursor:pointer;opacity:.4;border-left:2px solid #0000;grid-template-columns:1fr auto auto;gap:8px;width:100%;padding:4px 6px;display:grid}#shop button.can{opacity:1;border-left-color:var(--hot)}#shop button.can:hover{background-color:color-mix(in srgb, var(--bright) 12%, transparent)}#shop button.max{opacity:.25;cursor:default}#shop button.locked{opacity:.35;cursor:default}#shop button.locked .c{color:var(--alert)}#shop button .lv{color:var(--mid)}#shop button .c{color:var(--hot);text-align:right;min-width:44px}#shop button .d{color:var(--mid);grid-column:1/-1;font-size:10px;display:none}#shop button:hover .d{display:block}#shop button.pop{animation:.25s pop}#shop button{background-image:linear-gradient(var(--mid), var(--mid));background-position:6px 100%;background-repeat:no-repeat;background-size:calc((100% - 12px) * var(--ms,0)) 1px}#shop button.rank .c:after{content:" ★";color:var(--alert)}.stat.lvp{position:relative}.stat.lvp:after{content:"";height:2px;width:calc(var(--r,0) * 100%);background:var(--hot);box-shadow:0 0 6px var(--hot);transition:width .3s;position:absolute;bottom:-2px;left:0}@keyframes pop{0%{background-color:color-mix(in srgb, var(--hot) 50%, transparent)}}#bottom{flex-direction:column;gap:8px;width:280px;display:flex;bottom:34px;left:12px}#target,#log{padding:6px 10px;font-size:11px}#target:empty,#log:empty{display:none}#padcard{pointer-events:auto;--c:var(--hot);padding:6px 10px;font-size:11px}#padcard:empty{display:none}#padcard b{color:var(--hot)}#padcard button{font:inherit;color:var(--hot);border:1px solid var(--mid);cursor:pointer;letter-spacing:0;background:0 0;margin:5px 3px 2px 0;padding:3px 7px;font-size:10px}#padcard button.on{background:var(--hot);color:var(--bg)}#padcard button:disabled{color:var(--mid);opacity:.6;cursor:default}#padcard .mods{margin-top:3px}#padcard .mods small{width:46px;color:var(--mid);display:inline-block}#padcard .mods button{margin:2px 3px 0 0;padding:2px 5px}#padcard button.on:disabled{color:var(--bg);opacity:1}#padcard{max-width:340px}#target{--c:var(--hot)}#target b{color:var(--hot)}#log div{white-space:nowrap;text-overflow:ellipsis;opacity:.55;overflow:hidden}#log div:last-child,#log div.alert{opacity:1}#labels{inset:0}#labels div{white-space:nowrap;color:var(--bright);border-left:1px solid var(--mid);background:#000a048c;padding:0 4px;font-size:10px;display:none;position:absolute;top:0;left:0}#labels div.on{display:block}#labels div.mk{color:var(--hot)}#labels div.na{color:var(--alert);font-weight:700;animation:.4s infinite alternate blink}#labels div.dc{color:#aaa;text-shadow:none;opacity:.8;border-left-color:#777;text-decoration:line-through}#labels div.vet{border:1px solid var(--line);color:var(--mid);text-shadow:none;padding:0 3px;font-size:9px}#labels div.vet.r1,#labels div.vet.r2{color:var(--bright);border-color:var(--mid)}#labels div.vet.r3,#labels div.vet.r4{color:#ffd966;text-shadow:0 0 6px #ffd96699;border-color:#ffd966;font-weight:700}#help{width:min(760px,100vw - 560px);color:var(--mid);text-align:center;font-size:11px;line-height:1.5;bottom:10px;left:50%;transform:translate(-50%)}@media (width<=1100px){#help{display:none}}#popups{inset:0}#popups div{color:var(--hot);opacity:0;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}#popups div.go{animation:.8s ease-out float}#popups div.up{white-space:nowrap;font-size:11px;animation-duration:1.2s}#popups div.up.star,#popups div.loot.star{color:var(--alert);text-shadow:0 1px 3px #000;font-size:15px;animation-duration:1.8s}#popups div.loot{white-space:nowrap;text-shadow:0 1px 3px #000;font-size:13px;animation-duration:1.4s}#popups div.dmg{color:var(--crit);font-size:16px}#popups div.up.star.go,#popups div.loot.go,#popups div.big.go{animation-name:punch}#popups div.big{color:#fff;text-shadow:0 0 12px var(--hot), 0 1px 3px #000;font-size:22px;animation-duration:1.6s}#popups div.decoy{color:#bbb;text-shadow:0 1px 3px #000;font-size:12px;animation-duration:1.4s}@keyframes punch{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}12%{opacity:1;margin-top:0;transform:translate(-50%,-50%)scale(1)}to{opacity:0;margin-top:-40px;transform:translate(-50%,-50%)scale(1)}}#flash{opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--hot) 30%, transparent), transparent 70%);inset:0}#flash.go{animation:.5s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#flash{display:none}}@keyframes float{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-34px}}#banner{letter-spacing:.3em;white-space:nowrap;opacity:0;text-align:center;font-size:30px;font-weight:700;top:22%;left:50%;transform:translate(-50%)}#banner.go{animation:2.6s ease-out banner}#banner.warn{color:var(--alert);text-shadow:0 2px 8px #000}#banner.info{color:var(--bright);text-shadow:0 2px 8px #000;font-size:22px}#banner.big{color:#fff;text-shadow:0 0 18px var(--hot), 0 2px 8px #000;font-size:34px}@keyframes banner{0%{opacity:0;letter-spacing:.8em}12%,70%{opacity:1;letter-spacing:.3em}to{opacity:0}}#overlay{pointer-events:auto;background:#000401c7;place-items:safe center;display:none;inset:0;overflow-y:auto}#overlay.on{display:grid}.card{text-align:center;min-width:0;max-width:min(760px,100%);padding:20px}.card h1{letter-spacing:.25em;color:var(--hot);text-shadow:0 0 24px var(--bright);margin:0 0 4px;font-size:54px}.card h1.logo{letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 28px var(--bright), 0 0 4px var(--hot), 0 2px 4px #000;margin:0;font-size:76px;line-height:1}.logo b{font-size:1.3em;font-weight:800}.card .byline{max-width:420px;color:var(--mid);letter-spacing:.5em;justify-content:center;align-items:center;gap:12px;margin:10px auto 4px;font-size:12px;display:flex}.byline:before,.byline:after{content:"";background:var(--line);flex:1;height:1px}.card h2{letter-spacing:.3em;color:var(--hot);margin:0 0 18px}.card p{margin:6px 0}.card .dim{color:var(--mid)}.btn{all:unset;cursor:pointer;border:1px solid var(--bright);color:var(--bright);letter-spacing:.25em;margin-top:18px;padding:10px 28px;font-weight:700;display:inline-block}.btn:hover{background:var(--bright);color:var(--bg);text-shadow:none;box-shadow:0 0 20px var(--bright)}.perks{justify-content:center;gap:14px;display:flex}.perk{font:inherit;color:inherit;text-transform:inherit;text-shadow:inherit;text-align:center;cursor:pointer;width:200px;padding:18px 14px}.perk:hover{--c:var(--hot);box-shadow:0 0 20px color-mix(in srgb, var(--bright) 35%, transparent)}.perk b{color:var(--hot);letter-spacing:.15em;margin-bottom:8px;display:block}.perk span{font-size:12px}.debrief{text-align:left;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px;max-width:720px;margin:14px auto;font-size:12px;display:grid}.lesson{max-width:620px;margin:10px auto 0;font-size:12px}.debrief small{color:var(--mid)}.debrief dl{grid-template-columns:1fr auto;gap:1px 8px;margin:4px 0 0;display:grid}.debrief dt{color:var(--mid)}.debrief dd{text-align:right;margin:0}.docs{margin:8px 0 18px}.docs .perk{width:170px;padding:10px}.btn.hotbtn{color:var(--hot);border-color:var(--hot);box-shadow:0 0 14px color-mix(in srgb, var(--hot) 35%, transparent)}.link{all:unset;cursor:pointer;color:var(--mid);letter-spacing:.12em;border-bottom:1px dotted var(--mid);font-size:11px}.link:hover{color:var(--hot)}.help{text-align:left;grid-template-columns:1.6fr 1fr;gap:18px;max-width:720px;margin:16px auto 8px;font-size:11px;display:grid}.help dl{grid-template-columns:auto 1fr;gap:3px 10px;margin:4px 0 0;display:grid}.help dt{color:var(--hot);white-space:nowrap}.help dd{color:var(--bright);text-transform:none;margin:0}.help kbd{font:inherit;color:var(--hot)}@media (width<=620px){.help{grid-template-columns:1fr}}.settings{letter-spacing:.1em;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin:16px 0 4px;font-size:11px;display:flex}.settings label{align-items:center;gap:8px;display:flex}.settings input[type=range]{width:120px;accent-color:var(--hot)}.link.sel{color:var(--hot);border-bottom-style:solid}.debrief .wide{grid-column:span 2}.board{text-align:left;min-width:260px;margin:8px auto;font-size:11px;display:inline-block}.board ol{margin:4px 0 0;padding-left:22px}.board li span{min-width:64px;display:inline-block}.board li.dim{color:var(--mid)}.debrief dt .seg{height:3px;margin-top:1px}.levels{text-align:left;max-width:720px;margin:6px auto 12px;font-size:11px}.levels table{border-collapse:collapse;width:100%;margin-top:4px}.levels>table{scrollbar-width:thin;scrollbar-color:var(--mid) transparent;max-height:190px;display:block;overflow-y:auto}.levels th{color:var(--mid);text-align:right;white-space:nowrap;padding:0 6px;font-size:10px;font-weight:400}.levels td{text-align:right;border-top:1px solid color-mix(in srgb, var(--mid) 20%, transparent);padding:1px 6px}.levels th:first-child,.levels td:first-child{text-align:left;width:100%}.perk.sel{--c:var(--hot);box-shadow:0 0 16px color-mix(in srgb, var(--bright) 30%, transparent)}.perk.locked{opacity:.4;cursor:default}.perk.rule{--c:var(--alert)}.perk i{letter-spacing:.2em;color:var(--alert);margin-bottom:6px;font-size:10px;font-style:normal;display:block}.perk kbd{color:var(--mid);margin-top:10px;display:block}.perk em{color:var(--alert);opacity:.85;margin-top:6px;font-size:10px;font-style:normal;display:block}.card.tree{width:min(760px,100%);padding:14px 16px}.card.tree h2{margin-bottom:6px}.tree .pts{letter-spacing:.15em;font-size:14px}.tree .pts b{font-size:20px}.skilltree{aspect-ratio:236/220;stroke-linecap:butt;stroke:none;filter:none;width:100%;height:auto;max-height:min(64vh,600px);text-shadow:none;margin:6px auto 0;display:block;overflow:visible}.skilltree line{stroke:var(--dim);stroke-width:1.1px}.skilltree line.next{stroke:var(--mid);stroke-dasharray:2 1.5}.skilltree line.on{stroke:var(--hot);stroke-width:1.6px;filter:drop-shadow(0 0 1.5px var(--bright))}.sk{cursor:pointer}.sk .hit{fill:#0000!important;stroke:none!important;filter:none!important;animation:none!important}.sk circle,.sk path{fill:#020a05;stroke:color-mix(in srgb, var(--t) 35%, transparent);stroke-width:1px;transition:fill .15s}.sk.near circle,.sk.near path{stroke:color-mix(in srgb, var(--t) 70%, transparent)}.sk.open circle,.sk.open path{stroke:var(--t);stroke-width:1.4px;animation:1.4s ease-in-out infinite skopen}.sk.need circle,.sk.need path{stroke:var(--alert);stroke-dasharray:1.5 1.2}.sk.taken circle,.sk.taken path{fill:var(--t);stroke:var(--hot);filter:drop-shadow(0 0 2.5px var(--t))}.sk:hover circle,.sk:hover path{stroke:var(--hot);stroke-width:1.8px}.sk .pip{fill:var(--t);stroke:none}.sk.taken .pip{fill:#000}.skilltree .kname.nb{font-style:italic}.sk .star{fill:var(--alert);text-anchor:middle;pointer-events:none;font-size:6px}.sk.taken .star{fill:#000}@keyframes skopen{50%{filter:drop-shadow(0 0 3px var(--t))}}.skilltree .kname{fill:var(--mid);pointer-events:none;font-size:4.2px}.skilltree .kname.taken{fill:var(--hot)}.skilltree .kname.open{fill:var(--bright)}.skilltree .kname.need{fill:color-mix(in srgb, var(--alert) 70%, transparent)}@media (width<=560px){.skilltree .kname{display:none}.card.tree{padding:12px 8px}}.skilltree .bname{letter-spacing:.2em;fill:var(--t);font-size:6px;font-weight:700}.skilltree .bname.dim{fill:var(--mid);font-size:4.4px;font-weight:400}.skinfo{flex-direction:column;justify-content:center;align-items:center;gap:3px;max-width:520px;min-height:72px;margin:8px auto 0;padding:8px 12px;display:flex}.skinfo b{color:var(--hot);letter-spacing:.15em}.skinfo span{font-size:12px}.tree .btn{margin-top:12px}.btn[disabled]{opacity:.35;pointer-events:none}.stat.lvp{pointer-events:auto;cursor:pointer}#points{color:var(--bg);background:var(--hot);text-shadow:none;box-shadow:0 0 8px var(--hot);padding:0 4px;font-size:11px;font-style:normal;font-weight:700;animation:1.4s ease-in-out infinite skopen;position:absolute;top:-6px;right:-16px}#points:empty{display:none}@media (prefers-reduced-motion:reduce){.sk.open circle,.sk.open path,#points{animation:none}}.score{grid-template-columns:auto auto auto;justify-content:center;gap:4px 24px;margin:14px 0;display:grid}.score .new{color:var(--hot)}.boot{text-align:left;color:var(--mid);margin:14px 0;display:inline-block}.boot p{width:calc(var(--n) * 1ch);white-space:nowrap;animation:type calc(var(--n) * 20ms) steps(var(--n)) var(--d) both;margin:2px 0;overflow:hidden}.boot p:last-child{color:var(--hot)}@keyframes type{0%{width:0}}.later{animation:fadein .5s var(--d) both}@keyframes fadein{0%{opacity:0}}#tip{text-transform:none;--c:var(--hot);opacity:0;max-width:460px;padding:8px 12px;font-size:12px;transition:opacity .4s;bottom:34px;left:50%;transform:translate(-50%)}#tip.on{opacity:1}#covkey{letter-spacing:.1em;white-space:nowrap;padding:4px 10px;font-size:10px;display:none;top:64px;left:50%;transform:translate(-50%)}body.cov #covkey{display:block}#covkey i{margin-left:8px;font-style:normal}#covkey .k0{color:var(--alert)}#covkey .k1{color:var(--mid)}#covkey .k2{color:var(--bright)}body.cov-faint #covkey{opacity:.6}#views,#touch{display:none}.bar i{font-style:normal}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--bright) 60%, transparent))}@media (pointer:coarse),(width<=760px),(height<=500px){#help{display:none}small[data-s],.bar i[data-s]{letter-spacing:0;font-size:0}small[data-s]:before,.bar i[data-s]:before{content:attr(data-s);letter-spacing:.08em;font-size:9px}#top{top:max(6px, env(safe-area-inset-top));gap:12px;width:max-content;max-width:calc(100% - 12px);padding:4px 10px}.stat{min-width:0}.stat b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}#touch button.buy{border-color:var(--hot)}#touch button.buy span{color:var(--hot)}#combo{margin-top:2px;font-size:12px}#left{top:calc(max(6px, env(safe-area-inset-top)) + 42px);left:max(6px, env(safe-area-inset-left));scrollbar-width:none;pointer-events:auto;width:150px;max-height:calc(100% - 140px);padding:6px 7px;overflow-y:auto}#brand{margin:0 0 5px;padding-bottom:4px}#brand b{letter-spacing:.08em;font-size:11px}#brand small{display:none}.bar{margin-bottom:3px}.bar small{font-size:9px}.seg{height:5px;margin-top:1px}#views{gap:4px;margin-top:5px;display:flex}#views button{all:unset;border:1px solid var(--line);height:30px;color:var(--mid);flex:1;place-items:center;display:grid}#views button svg{width:18px;height:18px}#covkey{top:auto;bottom:calc(max(6px, env(safe-area-inset-bottom)) + 64px);font-size:9px}#views button.on,body.ui-map #views [data-k=UiMap],body.ui-info #views [data-k=UiInfo],body.cov #views [data-k=KeyO]{color:var(--hot);border-color:var(--mid);background:#ffffff1a}#info{gap:1px 6px;margin:6px 0 0;font-size:10px;display:none}#info dt{font-size:9px}#info dd{white-space:nowrap}#info kbd{display:none}body.ui-info #info{display:grid}#radar{width:136px;height:136px;margin-top:6px;display:none}body.ui-map #radar{display:block}#shop{top:calc(max(6px, env(safe-area-inset-top)) + 42px);right:max(6px, env(safe-area-inset-right));bottom:calc(max(6px, env(safe-area-inset-bottom)) + 66px);width:min(230px,100% - 172px);font-size:11px}#shop button{padding:7px 6px}#bottom,#threats{display:none}#warn{top:calc(max(6px, env(safe-area-inset-top)) + 42px);left:calc(max(6px, env(safe-area-inset-left)) + 158px);gap:3px}#warn div{letter-spacing:.05em;padding:2px 6px;font-size:9px}#touch{pointer-events:auto;bottom:max(6px, env(safe-area-inset-bottom));gap:5px;width:min(440px,100% - 12px);display:flex;left:50%;transform:translate(-50%)}#touch button{all:unset;border:1px solid var(--line);background:var(--panel);min-width:0;height:52px;color:var(--bright);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}#touch button span{letter-spacing:.05em;color:var(--mid);white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}#touch button.on{border-color:var(--hot);color:var(--hot)}#touch button.on span{color:var(--hot)}#touch button:active{background:var(--bright);color:var(--bg)}#touch button:active span{color:var(--bg)}body.silent #touch [data-k=KeyF]{border-color:var(--alert);color:var(--alert)}#raidcard{top:auto;bottom:calc(max(6px, env(safe-area-inset-bottom)) + 64px);width:max-content;max-width:calc(100% - 12px);padding:4px 10px;font-size:10px}#raidcard b{letter-spacing:.15em;font-size:13px}#tip{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 64px);width:max-content;max-width:min(460px,100% - 24px);padding:6px 10px;font-size:10px}body.raid #tip{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 118px)}#blind b{letter-spacing:.2em;font-size:18px}#banner{white-space:normal;width:90%;font-size:18px}.perks{flex-wrap:wrap}.card h1{font-size:32px}.card h1.logo{letter-spacing:.1em;font-size:clamp(28px,9vw,48px)}.card .byline{letter-spacing:.4em;font-size:10px}}@media (orientation:portrait) and (width<=760px){#top{left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));grid-template-columns:7ch minmax(0,1fr) 5ch 5ch 3ch;gap:8px;width:auto;max-width:none;display:grid;transform:none}.stat:nth-child(2) b{text-overflow:ellipsis;max-width:100%;overflow:hidden}#top .stat:nth-child(2) small{display:none}#left{top:calc(max(6px, env(safe-area-inset-top)) + 40px);left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:8px;width:auto;max-height:none;padding:4px 7px;display:grid;overflow:visible}#brand{display:none}.bar{margin:0}.bar small{white-space:nowrap}.bar i[data-i]:before{content:attr(data-i)}#views{gap:3px;margin:0}#views button{flex:none;width:26px;height:24px}#views button svg{width:15px;height:15px}#covkey{top:calc(max(6px, env(safe-area-inset-top)) + 86px);bottom:auto;left:auto;right:max(6px, env(safe-area-inset-right));transform:none}#warn{top:calc(max(6px, env(safe-area-inset-top)) + 82px);left:calc(max(6px, env(safe-area-inset-left)) + 108px)}#radar{border:1px solid var(--line);background:var(--panel);width:100px;height:100px;margin:0;position:absolute;top:calc(100% + 4px);left:-1px}#info{border:1px solid var(--line);background:var(--panel);width:190px;margin:0;padding:5px 7px;position:absolute;top:calc(100% + 4px);right:-1px}#shop{top:auto;left:max(6px, env(safe-area-inset-left));right:max(6px, env(safe-area-inset-right));width:auto;bottom:calc(max(6px, env(safe-area-inset-bottom)) + 58px);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:3px;height:36%;padding:4px;display:grid}#shop.hidden,#shop h4{display:none}#shop section{display:contents}#shop button{border:1px solid var(--line);border-left-width:2px;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;padding:7px 5px;font-size:10px}#shop button>span{white-space:nowrap}#shop button>span:first-child{text-overflow:ellipsis;overflow:hidden}#shop button .c{min-width:0}#shop button.locked,#shop button.max{order:1}#shop button:hover .d{display:none}body.shop-open #raidcard,body.shop-open #tip{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 64px + 36%)}body.shop-open.raid #tip{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 118px + 36%)}#banner{top:30%}}@media (height<=500px) and (orientation:landscape){#left{max-height:calc(100% - 60px)}#radar{width:116px;height:116px}}@media (width<=420px){#top{gap:8px}#top .stat:nth-child(2) small{display:none}}.auth{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;max-width:560px;margin:12px auto 4px;display:flex}.auth>p{flex-basis:100%;margin:0}.auth input{font:inherit;letter-spacing:.2em;width:170px;color:var(--hot);border:1px solid var(--mid);text-shadow:var(--glow);-webkit-user-select:text;user-select:text;background:#001408cc;outline:none;padding:7px 10px;font-size:14px}.auth input[name=name]{text-transform:uppercase}.auth input:focus{border-color:var(--hot);box-shadow:0 0 12px color-mix(in srgb, var(--bright) 40%, transparent)}.auth .msg:empty{display:none}.acct{letter-spacing:.12em;margin:12px 0 2px}.acct .link{margin-left:10px}.lb tr.guest:not(.p1):not(.p2):not(.p3) td{color:var(--mid)}.placed{letter-spacing:.14em;margin:12px 0 2px}.lb{--gold:#ffd35a;--silver:#d8e6ee;--bronze:#e0935a;text-align:left;background-color:var(--panel);max-width:560px;margin:10px auto;padding:10px 14px;display:block}.lbhead{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.lb table{border-collapse:collapse;width:100%;font-size:12px}.lb th{color:var(--mid);letter-spacing:.12em;text-align:right;padding:0 6px 4px;font-size:10px;font-weight:400}.lb td{text-align:right;border-top:1px solid color-mix(in srgb, var(--mid) 20%, transparent);white-space:nowrap;padding:3px 6px}.lb .nm{text-align:left;text-overflow:ellipsis;width:100%;max-width:0;overflow:hidden}.lb th:first-child,.lb .rk{text-align:left}.lb .rk{color:var(--mid);width:1%}.lb .rk i{width:1.4em;font-style:normal;display:inline-block}.lb tr.p1 td{color:var(--gold);text-shadow:0 0 10px color-mix(in srgb, var(--gold) 60%, transparent)}.lb tr.p1 td.nm{font-size:14px;font-weight:600}.lb tr.p2 td{color:var(--silver);text-shadow:0 0 8px color-mix(in srgb, var(--silver) 40%, transparent)}.lb tr.p3 td{color:var(--bronze);text-shadow:0 0 8px color-mix(in srgb, var(--bronze) 40%, transparent)}.lb tr.me td{background:color-mix(in srgb, var(--bright) 14%, transparent)}@media (prefers-reduced-motion:no-preference){.lb tr.me td{animation:1.2s ease-in-out infinite alternate lbme}}@keyframes lbme{to{background:color-mix(in srgb, var(--bright) 30%, transparent)}}.lb tr.gap td{text-align:center;color:var(--mid);border:0;padding:0}.patch{vertical-align:middle;filter:drop-shadow(0 0 3px #000c);flex:none;display:inline-block}.insig{vertical-align:middle;color:var(--alert);display:inline-block}.rkmark{margin-left:6px}.pilot{all:unset;cursor:pointer;align-items:center;gap:7px;max-width:100%;display:inline-flex}.pilot>span:not(.rkmark):not(.nopatch){text-overflow:ellipsis;overflow:hidden}button.pilot:hover>span:first-of-type{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.nopatch{flex:none;width:20px;display:inline-block}.lb tr.me .pilot>span:first-of-type:after{content:" ◄ YOU";color:var(--alert);font-size:10px}.acct{text-align:left;justify-content:center;align-items:center;gap:12px;margin:12px auto 4px;display:flex}.acct p{margin:2px 0}.pilot.big .patch{transition:transform .15s}.pilot.big:hover .patch{transform:scale(1.08)}.xpbar{vertical-align:middle;border:1px solid var(--mid);width:90px;height:5px;margin-left:6px;display:inline-block}.xpbar i{background:var(--alert);height:100%;box-shadow:0 0 6px var(--alert);display:block}.medal{vertical-align:middle;color:var(--mid);display:inline-block}.medal.won{color:var(--hot);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--bright) 50%, transparent))}.medal text{font-family:inherit}.pfmodal{z-index:5;background:#000401d1;place-items:safe center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.card.profile{text-align:left;background-color:#000803f5;width:min(720px,100%);position:relative}.pfclose{position:absolute;top:14px;right:16px}.pfhead{align-items:center;gap:18px;margin-bottom:12px;display:flex}.pfhead h2{letter-spacing:.25em;margin:0 0 4px}.pfhead p{margin:3px 0}.pfhead .xpbar{width:160px;margin:0 8px 0 0}.motto{color:var(--bright);text-transform:none;font-style:italic}.pfedit{border:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 14px;padding:10px;display:flex}.pfedit .pick{align-items:center;gap:6px;display:flex}.pfedit .pick b{text-align:center;min-width:86px}.pfedit input{font:inherit;letter-spacing:.08em;color:var(--hot);border:1px solid var(--mid);-webkit-user-select:text;user-select:text;text-transform:none;background:#001408cc;outline:none;flex:220px;padding:6px 9px}.pfedit .msg{flex-basis:100%;margin:0}.pfedit .msg:empty{display:none}.pfstats{grid-template-columns:repeat(4,1fr);gap:8px 14px;margin:6px 0 14px;display:grid}.pfstats div{flex-direction:column;display:flex}.pfstats b{color:var(--hot);font-size:16px}.medals{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 14px;display:grid}.medals>div{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;font-size:11px;display:grid}.medals>div .medal{grid-row:span 2}.medals>div.dim b{color:var(--mid)}.medals small{text-transform:none}.pfruns{border-collapse:collapse;width:100%;margin-top:4px;font-size:11px}.pfruns td{border-top:1px solid color-mix(in srgb, var(--mid) 20%, transparent);padding:2px 6px}@media (width<=620px){.pfstats{grid-template-columns:repeat(2,1fr)}.pfhead{flex-direction:column;align-items:flex-start}}body.ground #touch [data-k=Space],body.ground #touch [data-k=KeyG],body.ground #touch [data-k=KeyV],body.ground #touch [data-k=KeyF],body.ground #touch [data-k=KeyT]{display:none}