:root{--gold: #f2c14e;--gold-dim: #b9911f;--ink: #0b0d10;--panel: rgba(16, 18, 22, .74);--panel-solid: #14171c;--edge: rgba(226, 232, 240, .28);--edge-strong: rgba(226, 232, 240, .55);--text: #f2f5f8;--muted: #9aa4b0;--hp: #e5484d;--shield: #4b8ef7;--med: #3fbf5f;--danger: #ff5d47;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--ui: 1px;--font: "Bebas Neue", "Oswald", "Arial Narrow", "Haettenschweiler", Impact, system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background:#05070a;overflow:hidden;overscroll-behavior:none;touch-action:none;font-family:var(--font-body);color:var(--text);user-select:none;-webkit-user-select:none}#frame{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#12171f,#05070a 70%)}#stage{position:relative;width:100%;height:100%;overflow:hidden;background:#05070a}@media(min-aspect-ratio:3/4){#stage{width:auto;aspect-ratio:9 / 16;height:100%;box-shadow:0 0 0 1px #ffffff12,0 30px 90px #000c;border-radius:6px}}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:absolute;inset:0;pointer-events:none;font-family:var(--font);overflow:hidden}.hidden{display:none!important}.panel{background:var(--panel);border:calc(var(--ui) * 1.5) solid var(--edge);border-radius:calc(var(--ui) * 8);backdrop-filter:blur(calc(var(--ui) * 3));-webkit-backdrop-filter:blur(calc(var(--ui) * 3))}#vitals{position:absolute;left:calc(var(--ui) * 10);top:calc(var(--safe-t) + var(--ui) * 10);display:flex;flex-direction:column;gap:calc(var(--ui) * 6)}.stat{display:flex;align-items:center;gap:calc(var(--ui) * 6);padding:calc(var(--ui) * 4) calc(var(--ui) * 11) calc(var(--ui) * 4) calc(var(--ui) * 5);min-width:calc(var(--ui) * 88);position:relative;overflow:hidden}.stat .fill{position:absolute;left:0;top:0;bottom:0;width:100%;opacity:.16;transform-origin:left center;transition:transform .18s cubic-bezier(.2,.8,.3,1)}.stat .ico{width:calc(var(--ui) * 24);height:calc(var(--ui) * 24);flex:none;position:relative;display:grid;place-items:center}.stat .ico svg{width:100%;height:100%;display:block}.stat .val{position:relative;font-size:calc(var(--ui) * 22);line-height:1;letter-spacing:calc(var(--ui) * .5);text-shadow:0 calc(var(--ui)*2) calc(var(--ui)*3) rgba(0,0,0,.7);font-variant-numeric:tabular-nums}#stat-hp .fill{background:var(--hp)}#stat-sh .fill{background:var(--shield)}#stat-sh.empty{opacity:.45}@keyframes statPulse{0%{transform:scale(1)}40%{transform:scale(1.09)}to{transform:scale(1)}}.stat.bump{animation:statPulse .28s ease-out}#objective{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--safe-t) + var(--ui) * 12);min-width:calc(var(--ui) * 150);max-width:calc(var(--ui) * 198);padding:calc(var(--ui) * 6) calc(var(--ui) * 12) calc(var(--ui) * 7);text-align:center;transition:opacity .3s}#objective .row{display:flex;align-items:center;justify-content:center;gap:calc(var(--ui) * 7);margin-bottom:calc(var(--ui) * 3)}#objective .flag{width:calc(var(--ui)*17);height:calc(var(--ui)*17);flex:none}#objective .label{font-size:calc(var(--ui) * 10.5);letter-spacing:calc(var(--ui) * 1.05);color:#e7ecf2;opacity:.92;white-space:nowrap}#objective .goal{font-size:calc(var(--ui) * 19);letter-spacing:calc(var(--ui) * .8);color:var(--gold);line-height:1.05;white-space:nowrap;text-shadow:0 calc(var(--ui)*2) calc(var(--ui)*4) rgba(0,0,0,.85)}#objective .sub{font-family:var(--font-body);font-size:calc(var(--ui) * 10);font-weight:600;letter-spacing:calc(var(--ui) * .4);color:var(--muted);margin-top:calc(var(--ui) * 3)}.brackets:before,.brackets:after,.brackets>.bl,.brackets>.br{content:"";position:absolute;width:calc(var(--ui) * 11);height:calc(var(--ui) * 11);border:calc(var(--ui) * 2) solid var(--edge-strong);pointer-events:none}.brackets:before{left:calc(var(--ui)*-2);top:calc(var(--ui)*-2);border-right:none;border-bottom:none;border-radius:calc(var(--ui)*4) 0 0 0}.brackets:after{right:calc(var(--ui)*-2);top:calc(var(--ui)*-2);border-left:none;border-bottom:none;border-radius:0 calc(var(--ui)*4) 0 0}.brackets>.bl{left:calc(var(--ui)*-2);bottom:calc(var(--ui)*-2);border-right:none;border-top:none;border-radius:0 0 0 calc(var(--ui)*4)}.brackets>.br{right:calc(var(--ui)*-2);bottom:calc(var(--ui)*-2);border-left:none;border-top:none;border-radius:0 0 calc(var(--ui)*4) 0}#pause-btn{position:absolute;right:calc(var(--ui) * 10);top:calc(var(--safe-t) + var(--ui) * 10);width:calc(var(--ui) * 40);height:calc(var(--ui) * 40);display:grid;place-items:center;pointer-events:auto;border-radius:calc(var(--ui) * 9)}#pause-btn svg{width:48%;height:48%}#track{position:absolute;right:calc(var(--ui) * 10);top:calc(var(--safe-t) + var(--ui) * 58);display:flex;align-items:center;gap:calc(var(--ui)*6);padding:calc(var(--ui)*4) calc(var(--ui)*10);font-size:calc(var(--ui)*16)}#track .k{color:var(--danger)}#track .n{font-variant-numeric:tabular-nums}#reticle{position:absolute;left:50%;top:50%;width:calc(var(--ui) * 60);height:calc(var(--ui) * 60);transform:translate(-50%,-50%);pointer-events:none}#reticle .arm{position:absolute;left:50%;top:50%;background:#ffffffeb;box-shadow:0 0 calc(var(--ui)*2) #000000e6;transform-origin:center}#reticle .dot{position:absolute;left:50%;top:50%;width:calc(var(--ui)*2.4);height:calc(var(--ui)*2.4);margin:calc(var(--ui)*-1.2) 0 0 calc(var(--ui)*-1.2);background:#fffffff2;border-radius:50%;box-shadow:0 0 calc(var(--ui)*2) #000000e6}#reticle.hidden-arms .arm{opacity:0}#hitmark{position:absolute;left:50%;top:50%;width:calc(var(--ui)*34);height:calc(var(--ui)*34);transform:translate(-50%,-50%);opacity:0;pointer-events:none}#hitmark svg{width:100%;height:100%}#damage-vig{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,#0000 35%,#a00a0a9e);transition:opacity .35s ease-out}#lowhp-vig{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,#0000 30%,#78000080)}#flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}#dmg-dirs{position:absolute;inset:0;pointer-events:none}.dmg-arrow{position:absolute;left:50%;top:50%;width:calc(var(--ui)*80);height:calc(var(--ui)*80);margin:calc(var(--ui)*-40) 0 0 calc(var(--ui)*-40);transform-origin:50% 50%}.dmg-arrow i{position:absolute;left:50%;top:calc(var(--ui)*-6);width:0;height:0;margin-left:calc(var(--ui)*-9);border-left:calc(var(--ui)*9) solid transparent;border-right:calc(var(--ui)*9) solid transparent;border-bottom:calc(var(--ui)*13) solid rgba(255,60,50,.85);filter:drop-shadow(0 0 calc(var(--ui)*3) rgba(0,0,0,.8))}#world-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dmg-num{position:absolute;font-size:calc(var(--ui)*17);color:#fff;text-shadow:0 calc(var(--ui)*1.5) calc(var(--ui)*3) rgba(0,0,0,.9);transform:translate(-50%,-50%);will-change:transform,opacity}.dmg-num.crit{color:var(--gold);font-size:calc(var(--ui)*22)}.marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--ui)*2)}.marker .icon{width:calc(var(--ui)*22);height:calc(var(--ui)*22)}.marker .dist{font-size:calc(var(--ui)*11);color:var(--gold);text-shadow:0 calc(var(--ui)*1.5) calc(var(--ui)*2.5) rgba(0,0,0,.9);letter-spacing:calc(var(--ui)*.5)}.marker.edge .dist{display:none}#feed{position:absolute;right:calc(var(--ui)*10);top:calc(var(--safe-t) + var(--ui)*84);width:calc(var(--ui)*150);display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--ui)*4)}.feed-row{display:flex;align-items:center;gap:calc(var(--ui)*5);padding:calc(var(--ui)*3) calc(var(--ui)*8);background:#0a0c0f99;border-left:calc(var(--ui)*2.5) solid var(--danger);border-radius:calc(var(--ui)*3);font-size:calc(var(--ui)*12.5);letter-spacing:calc(var(--ui)*.5);animation:feedIn .22s ease-out;white-space:nowrap}.feed-row .cash{color:var(--gold)}.feed-row.head{border-left-color:var(--gold)}@keyframes feedIn{0%{opacity:0;transform:translate(calc(var(--ui)*18))}to{opacity:1;transform:none}}#announce{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;width:90%;opacity:0}#announce .big{font-size:calc(var(--ui)*29);letter-spacing:calc(var(--ui)*1.6);color:var(--gold);text-shadow:0 calc(var(--ui)*3) calc(var(--ui)*10) rgba(0,0,0,.9);line-height:1.02;white-space:nowrap}#announce .small{font-size:calc(var(--ui)*11.5);letter-spacing:calc(var(--ui)*2);color:#dfe6ee;margin-top:calc(var(--ui)*4);white-space:nowrap}#cash-pop{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:calc(var(--ui)*20);color:var(--gold);text-shadow:0 calc(var(--ui)*2) calc(var(--ui)*5) rgba(0,0,0,.9);opacity:0}#rside{position:absolute;right:calc(var(--ui)*10);bottom:calc(var(--safe-b) + var(--ui)*112);display:flex;flex-direction:column-reverse;gap:calc(var(--ui)*9);align-items:center}.rbtn{position:relative;width:calc(var(--ui)*46);height:calc(var(--ui)*46);border-radius:50%;background:#181b208c;border:calc(var(--ui)*2) solid rgba(226,232,240,.42);backdrop-filter:blur(calc(var(--ui)*3));-webkit-backdrop-filter:blur(calc(var(--ui)*3));display:grid;place-items:center;pointer-events:auto;transition:transform .07s,background .12s,border-color .12s}.rbtn svg{width:56%;height:56%}.rbtn:active,.rbtn.on{transform:scale(.92);background:#f2c14e47;border-color:var(--gold)}.rbtn .count{position:absolute;right:calc(var(--ui)*-2);bottom:calc(var(--ui)*-2);min-width:calc(var(--ui)*17);height:calc(var(--ui)*17);padding:0 calc(var(--ui)*3.5);background:#10131a;border:calc(var(--ui)*1.5) solid rgba(226,232,240,.5);border-radius:calc(var(--ui)*9);font-size:calc(var(--ui)*11.5);display:grid;place-items:center;line-height:1}.rbtn.dim{opacity:.42}#fire-btn{width:calc(var(--ui)*78);height:calc(var(--ui)*78);border-width:calc(var(--ui)*2.5)}#fire-btn svg{width:46%;height:46%}#fire-btn.on{background:#ff503c52;border-color:#ff7a5c}#reload-ring{position:absolute;inset:calc(var(--ui)*-6);pointer-events:none;opacity:0}#reload-ring circle{fill:none;stroke-linecap:round}#minimap-wrap{position:absolute;left:calc(var(--ui) * 10);top:calc(var(--safe-t) + var(--ui) * 96);width:calc(var(--ui) * 88);height:calc(var(--ui) * 88);border-radius:50%;border:calc(var(--ui) * 1.5) solid var(--edge-strong);background:#0a0d118c;box-shadow:0 calc(var(--ui)*2) calc(var(--ui)*8) #00000080,inset 0 0 calc(var(--ui)*10) #0009;overflow:hidden;pointer-events:none}#minimap{display:block;width:100%;height:100%}#lock-hint{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--ui) * 3);white-space:nowrap;padding:calc(var(--ui) * 8) calc(var(--ui) * 16);background:#0a0d119e;border:1px solid var(--edge);pointer-events:none;text-align:center;transition:opacity .25s}#lock-hint b{font-size:calc(var(--ui) * 15);letter-spacing:calc(var(--ui) * 1.6);color:var(--gold)}#lock-hint span{font-family:var(--font-body);font-size:calc(var(--ui) * 9.5);letter-spacing:calc(var(--ui) * .4);color:#9fadba}#lock-hint.hide{opacity:0}.hud-layer.locked #stick,.hud-layer.locked #rside,.hud-layer.locked>.rbtn,.hud-layer.locked #lock-hint{opacity:0;pointer-events:none}#stick-zone{position:absolute;left:0;bottom:0;width:52%;height:46%;pointer-events:auto}#stick{position:absolute;left:calc(var(--ui)*22);bottom:calc(var(--safe-b) + var(--ui)*110);width:calc(var(--ui)*112);height:calc(var(--ui)*112);border-radius:50%;background:#96a0af29;border:calc(var(--ui)*2.5) solid rgba(226,232,240,.34);backdrop-filter:blur(calc(var(--ui)*2));-webkit-backdrop-filter:blur(calc(var(--ui)*2));display:grid;place-items:center;transition:opacity .2s}#stick .tri{position:absolute;width:0;height:0;border:calc(var(--ui)*7) solid transparent;opacity:.5}#stick .tri.u{top:calc(var(--ui)*5);border-bottom-color:#dfe6ee;border-top:0}#stick .tri.d{bottom:calc(var(--ui)*5);border-top-color:#dfe6ee;border-bottom:0}#stick .tri.l{left:calc(var(--ui)*5);border-right-color:#dfe6ee;border-left:0}#stick .tri.r{right:calc(var(--ui)*5);border-left-color:#dfe6ee;border-right:0}#stick-knob{width:calc(var(--ui)*54);height:calc(var(--ui)*54);border-radius:50%;background:#c6cfda80;border:calc(var(--ui)*2) solid rgba(255,255,255,.5);box-shadow:inset 0 calc(var(--ui)*2) calc(var(--ui)*5) #ffffff40,0 calc(var(--ui)*3) calc(var(--ui)*8) #0006;will-change:transform}#look-zone{position:absolute;right:0;top:0;width:55%;height:88%;pointer-events:auto}#ammo{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + var(--ui)*74);display:flex;align-items:center;gap:calc(var(--ui)*8);padding:calc(var(--ui)*4) calc(var(--ui)*14)}#ammo .mag{font-size:calc(var(--ui)*26);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 calc(var(--ui)*2) calc(var(--ui)*3) rgba(0,0,0,.8)}#ammo .mag.low{color:var(--danger)}#ammo .res{font-size:calc(var(--ui)*15);color:var(--muted);font-variant-numeric:tabular-nums}#ammo .bul{display:flex;gap:calc(var(--ui)*2);align-items:flex-end}#ammo .bul i{display:block;width:calc(var(--ui)*3.5);height:calc(var(--ui)*13);background:linear-gradient(#f5d68a,#b8863a);border-radius:calc(var(--ui)*2) calc(var(--ui)*2) calc(var(--ui)*.5) calc(var(--ui)*.5)}#weapons{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + var(--ui)*10);display:flex;gap:calc(var(--ui)*5);pointer-events:auto}.wslot{position:relative;width:calc(var(--ui)*62);height:calc(var(--ui)*50);background:#0e1014b8;border:calc(var(--ui)*2) solid rgba(226,232,240,.22);border-radius:calc(var(--ui)*7);display:grid;place-items:center;pointer-events:auto;transition:border-color .12s,background .12s,transform .08s;overflow:hidden}.wslot svg{width:78%;height:62%}.wslot.sel{border-color:var(--gold);background:#f2c14e24}.wslot:active{transform:scale(.94)}.wslot .n{position:absolute;right:calc(var(--ui)*5);bottom:calc(var(--ui)*2);font-size:calc(var(--ui)*12);color:#d8dee6;text-shadow:0 calc(var(--ui)*1.5) calc(var(--ui)*2) rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.wslot.empty{opacity:.4}.wslot .key{position:absolute;left:calc(var(--ui)*4);top:calc(var(--ui)*2);font-size:calc(var(--ui)*9.5);color:var(--muted);opacity:.8}.screen{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#06080bf0,#06080bfb);overflow:hidden}.screen.sheer{background:#05070ad1;backdrop-filter:blur(calc(var(--ui)*6))}.scr-head{padding:calc(var(--safe-t) + var(--ui)*16) calc(var(--ui)*16) calc(var(--ui)*10);display:flex;align-items:center;gap:calc(var(--ui)*10);border-bottom:calc(var(--ui)*1.5) solid rgba(226,232,240,.12);flex:none}.scr-head .t{font-size:calc(var(--ui)*26);letter-spacing:calc(var(--ui)*1.5)}.scr-head .sp{flex:1}.scr-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:calc(var(--ui)*12);-webkit-overflow-scrolling:touch}.scr-body::-webkit-scrollbar{width:calc(var(--ui)*4)}.scr-body::-webkit-scrollbar-thumb{background:#e2e8f033;border-radius:calc(var(--ui)*2)}.scr-foot{flex:none;padding:calc(var(--ui)*10) calc(var(--ui)*12) calc(var(--safe-b) + var(--ui)*14);display:flex;gap:calc(var(--ui)*8)}.btn{pointer-events:auto;padding:calc(var(--ui)*11) calc(var(--ui)*18);background:linear-gradient(180deg,#282e38e6,#161a20e6);border:calc(var(--ui)*2) solid rgba(226,232,240,.28);border-radius:calc(var(--ui)*8);color:var(--text);font-family:var(--font);font-size:calc(var(--ui)*17);letter-spacing:calc(var(--ui)*1.2);text-align:center;display:flex;align-items:center;justify-content:center;gap:calc(var(--ui)*8);transition:transform .08s,filter .12s;cursor:pointer}.btn:active{transform:scale(.97);filter:brightness(1.25)}.btn.primary{background:linear-gradient(180deg,#f6cd63,#c99521);border-color:#ffe9a8;color:#1a1206;text-shadow:0 calc(var(--ui)*1) 0 rgba(255,255,255,.3)}.btn.danger{background:linear-gradient(180deg,#d8433c,#92221d);border-color:#ff9d95}.btn.wide{flex:1}.btn.sm{padding:calc(var(--ui)*7) calc(var(--ui)*12);font-size:calc(var(--ui)*14)}.btn[disabled]{opacity:.4;pointer-events:none}.btn .cost{color:var(--gold);font-size:calc(var(--ui)*15)}.btn.primary .cost{color:#3a2a06}#title-art{position:absolute;inset:0;background:linear-gradient(180deg,#05070a00 40%,#05070af2 88%),linear-gradient(160deg,#1d2733,#101820 45%,#0a0d12)}.title-wrap{position:relative;text-align:center;padding:calc(var(--ui)*20) 0 calc(var(--ui)*4)}.title-wrap .game-title{font-size:calc(var(--ui)*58);line-height:.9;letter-spacing:calc(var(--ui)*3);color:#fff;text-shadow:0 calc(var(--ui)*4) calc(var(--ui)*14) rgba(0,0,0,.9)}.title-wrap .game-title span{color:var(--gold);display:block}.title-wrap .tagline{font-family:var(--font-body);font-weight:600;font-size:calc(var(--ui)*11.5);letter-spacing:calc(var(--ui)*2.6);color:var(--muted);margin-top:calc(var(--ui)*8);text-transform:uppercase}.mcard{position:relative;border-radius:calc(var(--ui)*10);overflow:hidden;margin-bottom:calc(var(--ui)*10);border:calc(var(--ui)*2) solid rgba(226,232,240,.16);pointer-events:auto;min-height:calc(var(--ui)*96);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--ui)*10) calc(var(--ui)*12);transition:border-color .15s,transform .08s}.mcard:active{transform:scale(.985)}.mcard.sel{border-color:var(--gold)}.mcard.locked{filter:grayscale(.85) brightness(.55)}.mcard .bg{position:absolute;inset:0}.mcard .shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000000d 20%,#000000db)}.mcard .row1{position:relative;display:flex;align-items:baseline;gap:calc(var(--ui)*8)}.mcard .idx{font-size:calc(var(--ui)*12);color:var(--gold);letter-spacing:calc(var(--ui)*1.5)}.mcard .nm{font-size:calc(var(--ui)*21);letter-spacing:calc(var(--ui)*1)}.mcard .loc{position:relative;font-family:var(--font-body);font-size:calc(var(--ui)*10.5);color:#b9c3cf;letter-spacing:calc(var(--ui)*.6);margin-top:calc(var(--ui)*2)}.mcard .tags{position:relative;display:flex;gap:calc(var(--ui)*5);margin-top:calc(var(--ui)*7);flex-wrap:wrap}.tag{font-family:var(--font-body);font-weight:700;font-size:calc(var(--ui)*9.5);letter-spacing:calc(var(--ui)*.5);padding:calc(var(--ui)*3) calc(var(--ui)*7);border-radius:calc(var(--ui)*4);background:#e2e8f024;border:calc(var(--ui)*1) solid rgba(226,232,240,.2);text-transform:uppercase}.tag.gold{color:var(--gold);border-color:#f2c14e80;background:#f2c14e1f}.tag.done{color:var(--med);border-color:#3fbf5f80;background:#3fbf5f1f}.mcard .lockicon{position:absolute;right:calc(var(--ui)*12);top:calc(var(--ui)*12);width:calc(var(--ui)*22);height:calc(var(--ui)*22);opacity:.85}.stars{position:absolute;right:calc(var(--ui)*12);top:calc(var(--ui)*11);display:flex;gap:calc(var(--ui)*3)}.stars i{width:calc(var(--ui)*13);height:calc(var(--ui)*13);display:block}.wallet{display:flex;align-items:center;gap:calc(var(--ui)*6);padding:calc(var(--ui)*5) calc(var(--ui)*11);background:#f2c14e1f;border:calc(var(--ui)*1.5) solid rgba(242,193,78,.45);border-radius:calc(var(--ui)*7);color:var(--gold);font-size:calc(var(--ui)*17);font-variant-numeric:tabular-nums}.wallet svg{width:calc(var(--ui)*16);height:calc(var(--ui)*16)}.wlist{display:flex;flex-direction:column;gap:calc(var(--ui)*8)}.wrow{display:flex;align-items:center;gap:calc(var(--ui)*10);padding:calc(var(--ui)*9) calc(var(--ui)*11);background:#12151acc;border:calc(var(--ui)*2) solid rgba(226,232,240,.14);border-radius:calc(var(--ui)*9);pointer-events:auto;transition:border-color .15s,transform .08s}.wrow:active{transform:scale(.99)}.wrow.sel{border-color:var(--gold);background:#f2c14e1a}.wrow.locked{opacity:.62}.wrow .pic{width:calc(var(--ui)*66);height:calc(var(--ui)*34);flex:none;display:grid;place-items:center}.wrow .pic svg{width:100%;height:100%}.wrow .info{flex:1;min-width:0}.wrow .nm{font-size:calc(var(--ui)*17);letter-spacing:calc(var(--ui)*.8);display:flex;align-items:center;gap:calc(var(--ui)*6)}.wrow .nm .lv{font-size:calc(var(--ui)*11);color:var(--gold)}.wrow .cls{font-family:var(--font-body);font-size:calc(var(--ui)*9.5);color:var(--muted);letter-spacing:calc(var(--ui)*.7);text-transform:uppercase}.wrow .bars{margin-top:calc(var(--ui)*5);display:flex;flex-direction:column;gap:calc(var(--ui)*2.5)}.bar{display:flex;align-items:center;gap:calc(var(--ui)*5)}.bar .bn{font-family:var(--font-body);font-size:calc(var(--ui)*8.5);color:var(--muted);width:calc(var(--ui)*30);letter-spacing:calc(var(--ui)*.3)}.bar .track{flex:1;height:calc(var(--ui)*4);background:#ffffff1a;border-radius:calc(var(--ui)*2);overflow:hidden}.bar .fill{height:100%;background:linear-gradient(90deg,#7fd1a0,#f2c14e);border-radius:calc(var(--ui)*2)}.bar .fill.up{background:linear-gradient(90deg,#f2c14e,#ff9d4d)}.updetail{padding-top:calc(var(--ui)*4)}.uprow{display:flex;align-items:center;gap:calc(var(--ui)*8);padding:calc(var(--ui)*7) calc(var(--ui)*9);background:#ffffff0b;border-radius:calc(var(--ui)*7);margin-bottom:calc(var(--ui)*6)}.uprow .un{flex:1}.uprow .un .t{font-size:calc(var(--ui)*14.5);letter-spacing:calc(var(--ui)*.6)}.uprow .un .d{font-family:var(--font-body);font-size:calc(var(--ui)*9.5);color:var(--muted)}.pips{display:flex;gap:calc(var(--ui)*2.5);margin-top:calc(var(--ui)*3)}.pips i{width:calc(var(--ui)*13);height:calc(var(--ui)*4);border-radius:calc(var(--ui)*1);background:#ffffff29;display:block}.pips i.on{background:var(--gold)}.res-line{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--ui)*7) calc(var(--ui)*4);border-bottom:calc(var(--ui)*1) solid rgba(255,255,255,.08)}.res-line .l{font-family:var(--font-body);font-size:calc(var(--ui)*11.5);color:var(--muted);letter-spacing:calc(var(--ui)*.6);text-transform:uppercase}.res-line .v{font-size:calc(var(--ui)*19);font-variant-numeric:tabular-nums}.res-line .v.gold{color:var(--gold)}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--ui)*14);background:#05070a;pointer-events:auto}#loading .lt{font-size:calc(var(--ui)*24);letter-spacing:calc(var(--ui)*3);color:var(--gold)}#loading .ls{font-family:var(--font-body);font-size:calc(var(--ui)*11);color:var(--muted);letter-spacing:calc(var(--ui)*1.5);text-transform:uppercase}#loading .lbar{width:62%;height:calc(var(--ui)*5);background:#ffffff1a;border-radius:calc(var(--ui)*3);overflow:hidden}#loading .lbar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#c99521,#f6cd63);transition:width .2s}#loading .tip{font-family:var(--font-body);font-size:calc(var(--ui)*10.5);color:#7f8b98;max-width:74%;text-align:center;line-height:1.5}.setrow{display:flex;align-items:center;gap:calc(var(--ui)*10);padding:calc(var(--ui)*9) calc(var(--ui)*4);border-bottom:calc(var(--ui)*1) solid rgba(255,255,255,.07)}.setrow .sl{flex:1}.setrow .sl .t{font-size:calc(var(--ui)*15);letter-spacing:calc(var(--ui)*.6)}.setrow .sl .d{font-family:var(--font-body);font-size:calc(var(--ui)*9.5);color:var(--muted)}.seg{display:flex;border:calc(var(--ui)*1.5) solid rgba(226,232,240,.25);border-radius:calc(var(--ui)*6);overflow:hidden}.seg button{pointer-events:auto;background:transparent;border:0;color:var(--muted);font-family:var(--font);font-size:calc(var(--ui)*13);letter-spacing:calc(var(--ui)*.8);padding:calc(var(--ui)*6) calc(var(--ui)*11);cursor:pointer}.seg button.on{background:var(--gold);color:#1a1206}.slider{-webkit-appearance:none;appearance:none;pointer-events:auto;width:calc(var(--ui)*110);height:calc(var(--ui)*4);background:#ffffff29;border-radius:calc(var(--ui)*3);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--ui)*17);height:calc(var(--ui)*17);border-radius:50%;background:var(--gold);cursor:pointer}.slider::-moz-range-thumb{width:calc(var(--ui)*17);height:calc(var(--ui)*17);border:0;border-radius:50%;background:var(--gold);cursor:pointer}.center-note{text-align:center;color:var(--muted);font-family:var(--font-body);font-size:calc(var(--ui)*11);padding:calc(var(--ui)*20) 0}#fps{position:absolute;left:calc(var(--ui)*10);bottom:calc(var(--safe-b) + var(--ui)*4);font-family:var(--font-body);font-size:calc(var(--ui)*9.5);color:#fff6;pointer-events:none}.fade-in{animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}