*{box-sizing:border-box}:root{--panel: rgba(10, 20, 38, .86);--panel-2: rgba(16, 32, 60, .92);--edge: rgba(90, 160, 255, .45);--edge-strong: rgba(120, 190, 255, .85);--gold: #ffcf5a;--text: #eaf2ff;--muted: #9fb3cc;--mineral: #8fe3ff}html,body{margin:0;height:100%;background:#0b0f14;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}button{font:inherit;color:inherit;cursor:pointer}img{-webkit-user-drag:none;pointer-events:none}.hidden{display:none!important}.hud{position:fixed;top:0;left:0;right:0;height:58px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:5px max(52px,calc(env(safe-area-inset-right) + 46px)) 0 max(8px,env(safe-area-inset-left));pointer-events:none}.hud>*{pointer-events:auto}.plate{display:flex;align-items:center;gap:7px;min-width:0;flex:1;max-width:270px;background:linear-gradient(90deg,var(--panel-2),rgba(10,20,38,.55));border:1px solid var(--edge);border-radius:10px;padding:4px 8px 4px 4px;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff0f}.plate.them{flex-direction:row-reverse;text-align:right;padding:4px 4px 4px 8px;background:linear-gradient(270deg,#280e1aeb,#1e0a148c);border-color:#ff6e6e73}.avatar{width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 35%,#2a3b5c,#0b1222);border:2px solid var(--tc);box-shadow:0 0 10px color-mix(in srgb,var(--tc) 60%,transparent)}.avatar img{width:130%;height:130%;margin:-12% 0 0 -15%;object-fit:cover}.pinfo{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.pinfo b{font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinfo small{font-size:10px;font-weight:600;line-height:1.1}.nbar{position:relative;height:13px;margin-top:3px;border-radius:3px;overflow:hidden;background:#0000008c;border:1px solid rgba(255,255,255,.14)}.nbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#69a6ff,#2a5fd6);transition:width .3s}.them .nbar i{left:auto;right:0;background:linear-gradient(#ff7a7a,#c53a3a)}.nbar span,.nbar em{position:absolute;z-index:1;top:0;font-size:9px;font-weight:800;line-height:11px;text-shadow:0 1px 2px #000;font-style:normal;letter-spacing:.04em;text-transform:uppercase}.nbar span{left:5px}.nbar em{right:5px}.them .nbar span{left:auto;right:5px}.them .nbar em{right:auto;left:5px}.hud-center{display:flex;align-items:stretch;gap:6px;flex:none}.res,.tiers{background:var(--panel);border:1px solid var(--edge);border-radius:10px;box-shadow:0 4px 14px #00000059}.res{position:relative;display:flex;flex-direction:column;justify-content:center;padding:3px 12px 6px;min-width:96px;overflow:hidden}.res b{font-size:17px;color:var(--mineral);text-shadow:0 0 10px rgba(80,200,255,.55);font-variant-numeric:tabular-nums;line-height:1.1}.res small{font-size:10px;color:#7fe08a;font-weight:700}.res i{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#38b6ff,#8fe3ff)}.tiers{display:flex;flex-direction:column;align-items:center;padding:2px 10px 3px}.tiers .lbl{font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.2}.tiers div{display:flex;gap:2px}.tiers em{font-style:normal;font-size:9px;font-weight:800;width:22px;text-align:center;border-radius:3px;background:#ffffff14;color:var(--muted);line-height:13px}.tiers em.on{background:linear-gradient(#ffd977,#c99227);color:#2a1d00}.tiers .clock{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#dfe9f8;line-height:1.3}.quit{position:fixed;top:8px;right:max(8px,env(safe-area-inset-right));width:36px;height:36px;border-radius:9px;z-index:3;background:var(--panel);border:1px solid var(--edge);font-size:15px}.gfx{position:fixed;top:48px;right:max(8px,env(safe-area-inset-right));width:36px;height:20px;border-radius:6px;z-index:3;background:var(--panel);border:1px solid var(--edge);font-size:8.5px;font-weight:800;padding:0;color:var(--muted)}.mute{position:fixed;top:8px;right:calc(max(8px,env(safe-area-inset-right)) + 42px);width:36px;height:36px;border-radius:9px;z-index:3;background:var(--panel);border:1px solid var(--edge);font-size:15px;padding:0}.toast{position:fixed;left:50%;top:62px;transform:translate(-50%);font-weight:800;color:var(--mineral);font-size:15px;opacity:0;pointer-events:none;text-shadow:0 0 10px rgba(80,200,255,.9),0 1px 2px #000}.toast.go{animation:toast 1.4s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,18px)}}.hint{position:fixed;left:50%;bottom:104px;transform:translate(-50%);z-index:2;background:#0a1426cc;border:1px solid var(--edge);border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;color:#cfe3ff;pointer-events:none;white-space:nowrap}.command{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;gap:6px;align-items:stretch;padding:0 max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.b-col,.a-col{display:flex;flex-direction:column;min-width:0}.b-col,.a-col{flex:none}.tabs{display:flex;gap:3px;height:20px;padding-left:6px}.tabs span{font-size:11px;font-weight:700;padding:2px 12px 0;border-radius:7px 7px 0 0;background:#0a1426b3;border:1px solid var(--edge);border-bottom:none;color:var(--muted)}.tabs span.on{background:linear-gradient(#2a68d8,#18418c);color:#fff;border-color:var(--edge-strong)}.b-cards,.abilities,.detail{background:var(--panel);border:1px solid var(--edge);border-radius:10px;box-shadow:0 -2px 18px #00000073,inset 0 1px #ffffff0d}.b-cards,.abilities{display:flex;gap:4px;padding:4px}.bcard,.ability{position:relative;flex:none;overflow:hidden;border-radius:8px;padding:0;background:radial-gradient(circle at 50% 30%,#2b4a7d,#101d36 75%);border:1.5px solid color-mix(in srgb,var(--accent) 55%,#1b2a44);touch-action:none;transition:transform .08s,box-shadow .15s}.bcard{width:64px;height:70px}.bcard img{position:absolute;left:50%;top:1px;width:56px;height:56px;transform:translate(-50%)}.bcard .nm{position:absolute;left:2px;right:2px;bottom:15px;font-size:9px;font-weight:700;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.bcard .cost,.ability .cost{position:absolute;left:0;right:0;bottom:0;height:15px;font-size:10px;font-weight:800;color:var(--gold);background:#0000008c;line-height:15px;text-align:center}.ability{width:52px;height:70px}.ability img{position:absolute;left:50%;top:4px;width:46px;height:46px;transform:translate(-50%)}.glyph{position:absolute;left:50%;top:8px;transform:translate(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff;background:radial-gradient(circle,color-mix(in srgb,var(--g) 80%,white) 0%,var(--g) 45%,color-mix(in srgb,var(--g) 30%,#000) 100%);box-shadow:0 0 14px color-mix(in srgb,var(--g) 70%,transparent);text-shadow:0 0 6px #fff}.glyph.big{position:static;transform:none;width:52px;height:52px;font-size:30px}.tier:not(:empty){position:absolute;top:2px;right:2px;font-size:8px;font-weight:800;color:var(--gold);border:1px solid rgba(255,207,90,.7);border-radius:3px;padding:0 2px;line-height:10px;background:#00000080}.cd:not(:empty),.lock:not(:empty){position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:#040810b8;font-weight:800;font-size:16px}.lock:not(:empty){font-size:15px;display:flex;flex-direction:column;justify-content:center;gap:2px}.lock small{font-size:8px;font-weight:600;color:#c8d4e6;line-height:1.15;padding:0 3px}.bcard.sel,.ability.sel{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 0 0 1.5px var(--gold),0 0 16px #ffcf5a8c}.poor{filter:saturate(.4) brightness(.7)}.locked{border-style:dashed}.detail{flex:1 1 auto;min-width:0;display:flex;gap:6px;padding:6px 6px 6px 10px;margin-top:20px;overflow:hidden}.d-text{flex:1;min-width:0}.d-text b{font-size:12.5px;display:block;line-height:1.2}.d-text b .t{font-size:9px;color:var(--gold);border:1px solid rgba(255,207,90,.6);border-radius:3px;padding:0 3px;margin-left:3px;vertical-align:1px}.d-text p{margin:2px 0;font-size:10px;color:var(--muted);line-height:1.25;max-height:25px;overflow:hidden}.d-text ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:0 16px}@media (min-width: 1100px){.d-text ul{grid-template-columns:repeat(3,minmax(0,max-content));gap:0 22px}}.d-text li{font-size:9.5px;color:#d4e2f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.d-text .note{color:#ffd98a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0}.d-text .note.req{overflow:hidden;max-height:14px}.d-text .note.req.no{color:#ff9a8a}.d-text .note.req.ok{color:#8fe0a0}.d-art{width:58px;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(90,160,255,.35),transparent 70%);border-radius:8px}.d-art img{width:58px;height:58px}.d-text .bn{font-size:8px}@media (max-width: 760px){.detail{display:none}.command.carding .detail{display:flex;position:fixed;z-index:3;right:max(8px,env(safe-area-inset-right));top:72px;width:300px;margin:0;padding:6px 6px 6px 8px;background:#0c182ef0;border-color:var(--edge-strong);animation:bp-in .16s ease-out;pointer-events:none}.command.carding .d-text p{max-height:none}.command.carding .d-text ul{gap:0 12px}.command.carding .d-art{width:44px;align-self:flex-start}.command.carding .d-art img{width:44px;height:44px}}.bp{--accent: #5ea2ff;position:fixed;z-index:3;right:max(8px,env(safe-area-inset-right));top:74px;width:318px;max-height:calc(100% - 186px - env(safe-area-inset-bottom));overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:6px;padding:8px 9px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70px),linear-gradient(160deg,#122444f2,#081020f0);border:1px solid color-mix(in srgb,var(--accent) 60%,rgba(90,160,255,.4));border-radius:12px;box-shadow:0 10px 30px #0000008c,inset 0 1px #ffffff14,0 0 22px color-mix(in srgb,var(--accent) 18%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;touch-action:pan-y;animation:bp-in .16s ease-out}.bp::-webkit-scrollbar{display:none}.bp:before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.9}@keyframes bp-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.bp-head{display:flex;align-items:center;gap:8px}.bp-icon{width:46px;height:46px;flex:none;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 45%,#1d335a),#0b1426 75%);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.bp-icon img{width:54px;height:54px}.bp-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bp-name{display:flex;align-items:center;justify-content:space-between;gap:6px}.bp-name b{font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.bp-lv{display:flex;gap:2px;flex:none}.bp-lv i{font-style:normal;font-size:9px;font-weight:900;width:21px;text-align:center;line-height:14px;border-radius:3px;background:#ffffff12;color:#5d6f88;border:1px solid rgba(255,255,255,.08)}.bp-lv i.on{background:linear-gradient(#ffd977,#c99227);color:#2a1d00;border-color:#ffe39a;box-shadow:0 0 6px #ffc85073}.bp-hp{position:relative;height:13px;border-radius:3px;overflow:hidden;background:#0000008c;border:1px solid rgba(255,255,255,.14)}.bp-hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#6fe08a,#2c9a4c);transition:width .25s}.bp-hp i.low{background:linear-gradient(#ff8a7a,#c53a3a)}.bp-hp span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;font-weight:800;line-height:11px;text-align:center;text-shadow:0 1px 2px #000}.bp-x{align-self:flex-start;width:26px;height:26px;flex:none;border-radius:7px;padding:0;font-size:12px;color:var(--muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.bp-prod{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:9px;background:#00000047;border:1px solid rgba(255,255,255,.07)}.bp-ring{--p: 0;width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) calc(var(--p) * 1turn),rgba(255,255,255,.1) 0)}.bp-ring:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#26406b,#0b1426 80%)}.bp-ring img{position:relative;width:38px;height:38px}.bp-ring.eco{background:conic-gradient(#8fe3ff calc(var(--p) * 1turn),#ffffff1a 0)}.bp-ring.eco span{position:relative;font-size:18px;color:var(--mineral);text-shadow:0 0 10px rgba(80,200,255,.8)}.bp-what{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.bp-what b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-what small{font-size:10px;color:var(--muted);white-space:nowrap}.bp-what em{font-style:normal;color:#fff;font-weight:700}.bp-mult{flex:none;text-align:right;display:flex;flex-direction:column;line-height:1.1}.bp-mult b{font-size:15px;color:#7ff09a;text-shadow:0 0 8px rgba(80,230,120,.45)}.bp-mult .bp-races{margin-top:2px;justify-content:flex-end}.bp-mult small{font-size:8.5px;color:var(--muted);font-weight:700;white-space:nowrap}.bp-stats{width:100%;border-collapse:collapse;font-size:12px}.bp-stats th{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 4px 2px;text-align:right;border-bottom:1px solid rgba(255,255,255,.08)}.bp-stats th.up{color:#7ff09a}.bp-stats th.max{color:var(--gold)}.bp-stats td{padding:2px 4px;text-align:right;border-bottom:1px solid rgba(255,255,255,.04);font-weight:700;white-space:nowrap}.bp-stats td:first-child{text-align:left;color:#b9c9de;font-weight:600}.bp-stats tr:last-child td{border-bottom:none}.bp-stats td.up{color:#8af5a5}.bp-stats td small{font-size:9px;margin-left:3px;color:#4fd36f}.bn{font-style:normal;font-size:8.5px;font-weight:800;color:#7ff09a;margin-left:4px;padding:0 3px;border-radius:3px;background:#50e6781f;border:1px solid rgba(80,230,120,.35);vertical-align:1px}.bp-chips{display:flex;flex-wrap:wrap;gap:3px}.bp-chips span{font-size:9.5px;font-weight:700;color:#cfe0f5;padding:1px 6px;border-radius:10px;line-height:14px;white-space:nowrap;background:#5aa0ff1f;border:1px solid rgba(90,160,255,.28)}.bp-chips .hot{background:#ff8c3c24;border-color:#ff8c3c66;color:#ffc69a}.bp-chips .sky{background:#7fdcff24;border-color:#7fdcff66;color:#bdeeff}.bp-foot{display:flex;align-items:stretch;gap:6px}.bp-mech{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left;padding:4px 7px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);line-height:1.15}.bp-mech b{font-size:11px;white-space:nowrap}.bp-mech b em{font-style:normal;color:#e3b8ff}.bp-mech b.max{color:var(--gold)}.bp-mech small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-mech.coal{border-color:#ffcf5a8c;background:linear-gradient(#ffcf5a29,#ffcf5a0d)}.bp-mech.coal b span{color:var(--gold);margin-left:3px}.bp-mech.coal.poor{filter:saturate(.3) brightness(.75)}.bp-mech.vorr{border-color:#b45cff80;background:#b45cff1a}.bp-evo{height:4px;border-radius:2px;background:#00000080;overflow:hidden}.bp-evo i{display:block;height:100%;background:linear-gradient(90deg,#8a3dff,#e07bff);box-shadow:0 0 6px #c46bff}.bp-mech.realms{border-color:#e0b44c80;background:#e0b44c14}.bp-mech.realms b{display:flex;align-items:center;gap:5px}.bp-mech.realms b em{color:#7ff09a}.bp-races{display:flex;gap:2px;flex:none}.bp-races i{font-style:normal;font-size:8.5px;font-weight:800;padding:0 4px;border-radius:3px;line-height:13px;background:#ffffff0f;color:#66758a;border:1px solid rgba(255,255,255,.08)}.bp-races i.on{background:linear-gradient(#ffe39a,#c99227);color:#2a1d00;border-color:#ffe39a}.bp-sell{flex:none;padding:0 12px;border-radius:8px;font-size:11px;font-weight:700;color:#ffd6d0;background:linear-gradient(#c83c3c59,#781e1e59);border:1px solid rgba(255,120,110,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.bp-sell b{color:var(--gold);font-size:12px}@media (max-height: 520px){.bp{top:62px;right:calc(max(8px,env(safe-area-inset-right)) + 42px);width:278px;gap:3px;padding:5px 7px 6px;max-height:calc(100% - 170px - env(safe-area-inset-bottom))}.bp-head{gap:6px}.bp-stats th{padding-bottom:1px;font-size:8.5px}.bp-stats td{line-height:12px}.bp-chips{gap:2px}.bp-icon{width:29px;height:29px;border-radius:7px}.bp-icon img{width:36px;height:36px}.bp-name b{font-size:13px}.bp-title{gap:3px}.bp-hp{height:10px}.bp-hp span{font-size:8px;line-height:8px}.bp-x{width:22px;height:22px}.bp-prod{padding:2px 6px;gap:6px}.bp-ring{width:30px;height:30px}.bp-ring img{width:28px;height:28px}.bp-what b{font-size:11.5px}.bp-what small{font-size:9px}.bp-mult b{font-size:13px}.bp-stats{font-size:11px}.bp-stats td{padding:1px 4px}.bp-chips span{font-size:8.5px;line-height:12px;padding:0 5px}.bp-mech{padding:2px 6px;gap:1px}.bp-mech b{font-size:10px}.bp-mech small{font-size:8.5px}.bp-title{gap:2px}.bp-sell{padding:0 9px;font-size:10px}.bp-races i{line-height:10px;font-size:8px}.bp-mech small{line-height:1.05}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(ellipse at 50% 40%,#142850d1,#03060ef2);overflow-y:auto}.menu-box{width:100%;max-width:860px;margin:auto;display:flex;flex-direction:column;gap:10px}.logo{font-size:30px;font-weight:900;letter-spacing:.08em;text-align:center;line-height:1;text-shadow:0 2px 0 #0a1630,0 0 20px rgba(90,160,255,.6)}.logo b{color:#7fb6ff}.logo small{display:block;font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:600;margin-top:5px;text-transform:uppercase}.fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:6px 10px 10px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,#0d1830),#0b1426 70%);border:1.5px solid color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 6px 20px #00000073}.fcard img{width:120px;height:120px;margin:-6px 0 -10px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.fcard b{font-size:16px;color:#fff;letter-spacing:.02em}.fcard small{font-size:11px;color:#cdd8e8}.fcard em{font-size:10px;color:var(--muted);font-style:normal;line-height:1.3}.fcard.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 28px color-mix(in srgb,var(--accent) 50%,transparent)}.menu-bottom{display:flex;gap:10px;align-items:stretch}.seg{display:flex;gap:5px}.seg button{padding:0 16px;border-radius:10px;background:var(--panel);border:1px solid var(--edge);font-weight:800}.seg button.on{background:linear-gradient(#2a68d8,#18418c);border-color:var(--edge-strong)}.start{flex:1;padding:13px;border-radius:12px;border:1px solid #ffe08a;background:linear-gradient(#ffd977,#d39b22);color:#2a1d00;font-weight:900;font-size:16px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 20px #ffc85059}.secondary{padding:12px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--edge);font-weight:700}.recap{width:100%;max-width:860px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px}.banner{position:relative;width:100%;display:grid;place-items:center;height:64px}.banner:before{content:"";position:absolute;top:8px;right:8%;bottom:8px;left:8%;border-radius:6px;transform:skew(-12deg);background:linear-gradient(90deg,transparent,var(--b1),var(--b2),var(--b1),transparent)}.banner span{position:relative;font-size:44px;font-weight:900;letter-spacing:.14em;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 24px var(--b2)}.recap.win{--b1: rgba(255,190,60,.25);--b2: rgba(255,200,80,.75)}.recap.lose{--b1: rgba(200,50,60,.25);--b2: rgba(230,70,80,.75)}.recap.draw{--b1: rgba(120,140,170,.25);--b2: rgba(150,170,200,.7)}.how{margin:0;color:var(--muted);font-size:13px}.nexus-sum{display:flex;gap:10px;font-size:12px}.nexus-sum span{padding:3px 10px;border-radius:6px;background:var(--panel);border:1px solid var(--c)}.table-wrap{width:100%;overflow-x:auto;background:var(--panel);border:1px solid var(--edge);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:6px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,.08)}th:first-child{text-align:left}td{padding:4px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,.05)}tr.ally td:first-child{border-left:3px solid #5ea2ff}tr.foe td:first-child{border-left:3px solid #ff6b6b}tr.mvp{background:#ffcf5a14}td.who{display:flex;align-items:center;gap:6px;text-align:left}td.who img{width:28px;height:28px}td.who span{display:flex;flex-direction:column;line-height:1.15}td.who small{color:var(--muted);font-size:10px}td.who em{font-style:normal;font-size:9px;font-weight:800;color:#2a1d00;background:var(--gold);border-radius:3px;padding:0 4px;margin-left:4px}.recap-buttons{display:flex;gap:10px;width:100%;max-width:480px;margin-top:4px}#rotate{display:none}@media (orientation: portrait) and (pointer: coarse){#rotate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;align-items:center;justify-content:center;background:#0b0f14;font-size:18px;font-weight:700;text-align:center;padding:24px}}@media (max-height: 420px){.fcard img{width:84px;height:84px}.fcard em{display:none}.logo{font-size:24px}.banner{height:52px}.banner span{font-size:34px}}.perks{display:flex;gap:3px;flex-wrap:wrap}.perk{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:1px 6px 1px 1px;border-radius:9px;background:#00000073;border:1px solid color-mix(in srgb,var(--pc) 60%,transparent);cursor:help}.perk i{font-style:normal;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#fff;background:color-mix(in srgb,var(--pc) 55%,#0a1428)}.hud-perks{margin-top:3px}.hud-perks .perk{padding:0;border-radius:50%}.hud-perks .perk b{display:none}.them .hud-perks{justify-content:flex-end}.clv{position:absolute;top:2px;left:2px;min-width:13px;height:13px;padding:0 3px;border-radius:7px;font-size:8px;font-weight:900;line-height:11px;text-align:center;color:#fff;background:linear-gradient(#3f86ff,#1d4fc0);border:1px solid #bfe0ff;z-index:1}.detail .lvl{color:#8fc2ff}.fcard .fperk{display:block;margin-top:2px;padding:3px 6px;border-radius:6px;background:#00000059;color:#d6e2f3;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.fcard .fperk b{font-size:10px;color:#fff}.fcard .fperk i{font-style:normal;color:var(--gold)}.setup-deck{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:8px 10px;border-radius:12px;background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--edge))}.sd-h{display:flex;flex-direction:column;line-height:1.1}.sd-h b{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.sd-h small{font-size:10px;color:var(--muted)}.sd-cards{display:flex;gap:5px;min-width:0;overflow:hidden}.sd-card{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 50% 30%,#2b4a7d,#101d36 75%);border:1px solid color-mix(in srgb,var(--accent) 55%,#1b2a44)}.sd-card img{width:40px;height:40px;object-fit:contain}.sd-card .glyph{position:static;transform:none;width:32px;height:32px;font-size:17px}.sd-card em{position:absolute;right:-3px;bottom:-3px;font-style:normal;font-size:8px;font-weight:900;min-width:13px;height:13px;line-height:11px;text-align:center;border-radius:7px;background:linear-gradient(#3f86ff,#1d4fc0);border:1px solid #bfe0ff}.sd-note{grid-column:1 / 3;font-size:11px;color:#9dffb4}.sd-note.bad{color:#ffb0b0}.sd-edit{grid-row:1 / 3;grid-column:3;padding:8px 14px}@media (max-height: 420px){.fcard .fperk{display:none}.sd-card{width:34px;height:34px}.sd-card img{width:30px;height:30px}}:root{--ui-text-scale: 1;font-size:calc(16px * var(--ui-text-scale))}.nf-scale-text{zoom:var(--ui-text-scale)}:root:not([data-text-scale="1"]) .detail .d-text,:root:not([data-text-scale="1"]) .hint,:root:not([data-text-scale="1"]) .toast,:root:not([data-text-scale="1"]) .bp,:root:not([data-text-scale="1"]) .recap .table-wrap,:root:not([data-text-scale="1"]) .pinfo{zoom:var(--ui-text-scale)}.plate .nbar i,.them .nbar i{background:linear-gradient(color-mix(in srgb,var(--tc, #69a6ff) 72%,white),color-mix(in srgb,var(--tc, #2a5fd6) 80%,black))}.plate.us{border-color:color-mix(in srgb,var(--tc, #5aa0ff) 55%,transparent)}.plate.them{border-color:color-mix(in srgb,var(--tc, #ff6e6e) 55%,transparent)}.hud{padding-right:calc(max(8px,env(safe-area-inset-right)) + 128px)}.hud-gear{position:fixed;top:8px;right:calc(max(8px,env(safe-area-inset-right)) + 84px);width:36px;height:36px;border-radius:9px;z-index:3;background:var(--panel, rgba(10, 20, 38, .86));border:1px solid var(--edge, rgba(90, 160, 255, .45));font-size:19px;padding:0;line-height:1;color:#dbe8ff}.hud-gear:active{transform:scale(.94)}.nfs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#02060ebd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s;font-family:Segoe UI,Roboto Condensed,Roboto,system-ui,sans-serif;color:#eef4ff;touch-action:none}.nfs-modal.in{opacity:1}.nfs-dlg{width:min(620px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,#16284af5,#091224f7);border:1px solid rgba(255,207,90,.55);box-shadow:0 20px 60px #000000b3,0 0 30px #ffc4461f;transform:scale(.96);transition:transform .18s;font-size:calc(14px * var(--ui-text-scale))}.nfs-modal.in .nfs-dlg{transform:none}.nfs-h{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 18px;border-bottom:1px solid rgba(255,207,90,.25)}.nfs-h b{font-size:calc(17px * var(--ui-text-scale));font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#ffcf5a}.nfs-x{width:40px;height:40px;border-radius:10px;border:1px solid rgba(98,160,255,.38);background:#0c182eeb;color:#eef4ff;font-size:16px}.nfs-b{padding:6px 18px 14px;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.nfs-sec{padding:8px 0 10px;border-bottom:1px solid rgba(255,255,255,.07)}.nfs-sec h4{margin:2px 0 8px;font-size:.78em;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#93a7c4;display:flex;gap:8px;align-items:baseline}.nfs-sec h4 em{font-style:normal;letter-spacing:.02em;text-transform:none;color:#ffcf5a;font-weight:700}.nfs-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.nfs-sw{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;min-height:58px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--sw) 30%,transparent),#040914b3 70%);color:#cfdcf0;font-size:.72em;font-weight:700;transition:transform .1s,border-color .15s}.nfs-sw span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nfs-sw.on{border-color:var(--sw);box-shadow:0 0 0 2px color-mix(in srgb,var(--sw) 70%,transparent),0 0 16px color-mix(in srgb,var(--sw) 55%,transparent);color:#fff}.nfs-sw.on:after{content:"✓";position:absolute;top:2px;right:5px;font-size:11px;color:#fff;text-shadow:0 0 4px #000}.nfs-sw:active{transform:scale(.95)}.nfs-troop{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.nfs-match{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding:6px 10px;border-radius:10px;background:#00000047}.nfs-match>b{color:#ffcf5a;font-weight:900;letter-spacing:.08em}.nfs-side{display:flex;align-items:flex-end;gap:2px}.nfs-side small{font-size:.7em;color:#93a7c4;margin-right:6px;align-self:center;font-weight:700}.nfs-side.them{flex-direction:row-reverse}.nfs-side.them small{margin:0 0 0 6px}.nfs-side i{display:block;border-bottom:3px solid var(--c);border-radius:2px;padding-bottom:1px}.nfs-side i.me{border-bottom-width:4px}.nfs-seg{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid rgba(98,160,255,.38)}.nfs-seg button{flex:1;min-height:40px;border:0;border-right:1px solid rgba(98,160,255,.25);background:#0409148c;color:#cfdcf0;font-weight:800}.nfs-seg button:last-child{border-right:0}.nfs-seg button.on{background:linear-gradient(#ffe08a,#e2a42e 55%,#b97a12);color:#2a1a00}.nfs-hint{margin:6px 0 0;font-size:.8em;color:#93a7c4}.nfs-row{display:flex;align-items:center;gap:12px;min-height:44px;font-weight:700}.nfs-row>span{flex:1}.nfs-row em{font-style:normal;font-size:.78em;color:#93a7c4;font-weight:600}.nfs-row input[type=range]{flex:2;accent-color:#ffcf5a;min-width:0;height:28px}.nfs-row output{width:3.2em;text-align:right;font-variant-numeric:tabular-nums;color:#cfdcf0;font-size:.85em}.nfs-tg{width:54px;height:30px;flex:none;border-radius:15px;padding:3px;background:#00000080;border:1px solid rgba(255,255,255,.2)}.nfs-tg i{display:block;width:22px;height:22px;border-radius:50%;background:#8a9ab3;transition:transform .18s,background .18s}.nfs-tg.on{background:linear-gradient(#3fa24f,#1f6b2e);border-color:#8fe0a0}.nfs-tg.on i{transform:translate(24px);background:#fff}.nfs-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.nfs-btn{min-height:38px;padding:6px 14px;border-radius:10px;border:1px solid rgba(255,110,110,.6);background:#0c182eeb;color:#ffb3b3;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.78em}.nfs-you{display:inline-flex;align-items:center;gap:8px;font-size:.8em;color:#93a7c4;font-weight:700}.nfs-you:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}@media (max-height: 430px){.nfs-swatches{grid-template-columns:repeat(10,minmax(0,1fr))}.nfs-sw span{display:none}.nfs-sw{min-height:44px}}.nf-perf{position:fixed;z-index:90;top:calc(max(0px,env(safe-area-inset-top)) + 84px);right:max(8px,env(safe-area-inset-right));pointer-events:none;padding:4px 8px;border-radius:7px;background:#0000009e;border:1px solid rgba(255,255,255,.12);font:600 10.5px/1.35 ui-monospace,Cascadia Mono,Consolas,Menlo,monospace;color:#cfe3ff;white-space:pre;text-align:left;font-variant-numeric:tabular-nums}.nf-perf b{color:#7dff9a;font-weight:800}.nf-perf b.warn{color:#ffd84d}.nf-perf b.bad{color:#ff6b6b}.hud-sub{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:4px;flex-wrap:nowrap;max-width:60vw;overflow:hidden;pointer-events:auto}.hud-sub span{font-size:calc(9.5px * var(--ui-text-scale, 1));font-weight:800;line-height:15px;padding:0 7px;border-radius:8px;white-space:nowrap;background:#081020d1;border:1px solid var(--edge);color:#d7e6ff;cursor:help;letter-spacing:.03em}.hud-sub .hs-mode{text-transform:uppercase;color:var(--gold);border-color:#ffcf5a8c}.hud-sub .hs-mode.relay{color:#8ff0c8;border-color:#78f0be80}.hud-sub .hs-mode.map{color:#9fd8ff;border-color:#78beff80}.hud-sub .hs-mut{color:#f0c8ff;border-color:#c882ff80}.hud.has-sub .toast{top:80px}.toast.good{color:#9dffb4;text-shadow:0 0 10px rgba(80,255,140,.8),0 1px 2px #000}.toast.bad{color:#ffb0a0;text-shadow:0 0 10px rgba(255,90,70,.85),0 1px 2px #000}.surv,.relay-chip{background:var(--panel);border:1px solid var(--edge);border-radius:10px;box-shadow:0 4px 14px #00000059}.surv{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 9px;line-height:1.15;border-color:#ff785a8c}.surv .lbl{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.surv .lbl b{color:#ff9a7a;font-size:14px}.surv .next{font-size:10px;font-weight:700;color:#dfe9f8;font-variant-numeric:tabular-nums}.surv .next.soon{color:#ff8a6a;animation:tut-blink .6s ease-in-out infinite alternate}.surv .score{font-size:10px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.relay-chip{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-color:color-mix(in srgb,var(--own) 70%,transparent);cursor:help}.relay-chip i{width:30px;height:30px;border-radius:50%;flex:none;position:relative;background:conic-gradient(var(--cap) calc(var(--p) * 1%),rgba(255,255,255,.12) 0)}.relay-chip i:after{content:"◈";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;display:grid;place-items:center;background:#0b1528;color:var(--own);font-size:13px;font-style:normal}.relay-chip span{display:flex;flex-direction:column;line-height:1.15}.relay-chip b{font-size:11px;letter-spacing:.05em;text-transform:uppercase}.relay-chip small{font-size:9.5px;font-weight:700;color:#cfe0f5;white-space:nowrap}@media (max-width: 900px){.hud-center{gap:4px}.res{min-width:78px;padding:3px 8px 6px}.relay-chip span small{max-width:70px;overflow:hidden;text-overflow:ellipsis}}:root:not([data-text-scale="1"]) .hud-center,:root:not([data-text-scale="1"]) .tut-box,:root:not([data-text-scale="1"]) .rp-hud,:root:not([data-text-scale="1"]) .recap .es{zoom:var(--ui-text-scale)}.hud.spectate .gfx{display:none}.overlay.end{align-items:stretch;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.recap{gap:5px;height:100%;max-height:720px;min-height:0}.recap-top{width:100%;display:flex;align-items:center;gap:10px}.recap-top .banner{width:auto;flex:0 0 auto;min-width:260px;height:50px}.recap-top .banner span{font-size:34px}.recap-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.recap-meta .how{font-size:12px}.recap-meta .nexus-sum{font-size:11px}.recap.survival{--b1: rgba(255,120,60,.22);--b2: rgba(255,130,80,.75)}.recap-note{margin:0;font-size:12px;font-weight:700;color:#9dffb4}.recap-tabs{display:flex;gap:4px;width:100%}.recap-tabs button{position:relative;padding:4px 14px;border-radius:8px 8px 0 0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#0a142699;border:1px solid rgba(90,160,255,.25);border-bottom:none;color:var(--muted)}.recap-tabs button.on{background:var(--panel-2);color:#fff;border-color:var(--edge-strong)}.recap-tabs button i{position:absolute;top:3px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold)}.recap-body{width:100%;flex:1;min-height:0;overflow-y:auto;margin-top:-5px;border-top:1px solid var(--edge-strong);padding-top:6px}.recap-body .rt{width:100%}.recap-body .table-wrap{margin:0}.recap-buttons{margin-top:2px}.recap-buttons .start,.recap-buttons .secondary{padding:9px 14px}.es{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;align-items:stretch}.es-graph,.es-mvp,.es-grid>div{background:var(--panel);border:1px solid var(--edge);border-radius:10px}.es-graph{padding:5px 8px 4px;display:flex;flex-direction:column;min-width:0}.es-h{display:flex;align-items:center;justify-content:space-between;gap:6px}.es-h b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.es-legend{display:flex;gap:8px;font-size:10px;color:#cfdcf0;font-weight:600}.es-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.es-legend i{width:12px;height:2px;background:var(--c);border-radius:1px}.es-legend i.dash{background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 7px)}.es-plot{position:relative}.es-svg{display:block;width:100%;height:auto;touch-action:none}.es-svg text{fill:#8ea3bf;font-size:9px;font-family:inherit;font-variant-numeric:tabular-nums}.es-svg .g{stroke:#ffffff14;stroke-width:1}.es-svg .es-cross{stroke:#ffffff73;stroke-width:1}.es-tip{position:absolute;top:4px;min-width:110px;padding:4px 7px;border-radius:7px;pointer-events:none;background:#040a16f0;border:1px solid var(--edge);font-size:10px;display:flex;flex-direction:column;gap:1px}.es-tip span{display:flex;align-items:center;gap:4px;color:#cfdcf0}.es-tip span i{width:8px;height:8px;border-radius:2px}.es-tip em{margin-left:auto;font-style:normal;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.es-empty{margin:30px 0;text-align:center;color:var(--muted);font-size:12px}.es-side{display:flex;flex-direction:column;gap:6px;min-width:0}.es-mvp{display:flex;align-items:center;gap:9px;padding:5px 8px;border-color:#ffcf5a99;background:linear-gradient(90deg,rgba(255,200,80,.16),var(--panel) 60%)}.es-port{width:50px;height:50px;flex:none;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#3a4f7d,#101d36 75%);border:1px solid rgba(255,207,90,.7);position:relative}.es-port img.es-art{width:100%;height:100%;object-fit:cover}.es-port .es-glyph{font-size:26px;color:var(--g);text-shadow:0 0 10px var(--g)}.es-mvp-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}.es-mvp-t small{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.es-mvp-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.es-mvp-t span{font-size:11px;color:#cfdcf0}.es-mvp-t em{font-style:normal;font-weight:900;color:#fff;font-size:13px}.es-mvp.none{flex-direction:column;align-items:flex-start;gap:0}.es-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.es-grid>div{padding:3px 4px;display:flex;flex-direction:column;align-items:center;line-height:1.15;border-color:#5aa0ff40}.es-grid b{font-size:13px;font-variant-numeric:tabular-nums}.es-grid small{font-size:8.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}@media (max-height: 420px){.recap-top .banner{min-width:200px;height:40px}.recap-top .banner span{font-size:26px}}@media (max-width: 640px){.es{grid-template-columns:1fr}}.tut-box{position:fixed;z-index:4;top:84px;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 24px));padding:8px 11px;border-radius:12px;pointer-events:auto;background:linear-gradient(180deg,#122446f5,#081020f5);border:1px solid var(--edge-strong);box-shadow:0 8px 26px #00000080,0 0 0 1px #ffcf5a26;animation:tut-in .25s ease-out}.tut-box.low{top:auto;bottom:118px}.tut-h{display:flex;align-items:center;gap:7px}.tut-h b{font-size:14px;color:#fff}.tut-n{font-size:9.5px;font-weight:900;padding:1px 6px;border-radius:7px;background:var(--gold);color:#2a1d00}.tut-box p{margin:4px 0 0;font-size:12px;line-height:1.35;color:#d9e6f7}.tut-box p b{color:var(--gold)}.tut-box .tut-tip{color:#9fe0ff;font-style:italic}.tut-btns{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.tut-btns button{padding:4px 12px;border-radius:8px;font-size:11px;font-weight:800;background:var(--panel);border:1px solid var(--edge)}.tut-btns .tut-skipall{margin-right:auto;color:var(--muted);border-color:transparent;background:transparent}.tut-btns .tut-next{background:linear-gradient(#ffd977,#d39b22);color:#2a1d00;border-color:#ffe08a}.tut-btns .tut-skip.pulse{animation:tut-pulse 1s ease-in-out infinite;border-color:var(--gold)}.tut-ring{position:fixed;left:0;top:0;z-index:4;width:0;height:0;pointer-events:none}.tut-ring:before{content:"";position:absolute;left:calc(-1 * var(--r));top:calc(-1 * var(--r));width:calc(2 * var(--r));height:calc(2 * var(--r));border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 14px #ffcf5ae6,inset 0 0 10px #ffcf5a80;animation:tut-ring 1.1s ease-out infinite}.tut-ring:after{content:"▼";position:absolute;left:-9px;top:calc(-1 * var(--r) - 24px);font-size:18px;color:var(--gold);text-shadow:0 0 8px rgba(255,207,90,.9),0 2px 2px #000;animation:tut-bob .7s ease-in-out infinite alternate}@keyframes tut-ring{0%{transform:scale(1.25);opacity:.4}60%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:.85}}@keyframes tut-bob{0%{transform:translateY(-4px)}to{transform:translateY(2px)}}@keyframes tut-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes tut-pulse{0%,to{box-shadow:0 0 #ffcf5a00}50%{box-shadow:0 0 12px #ffcf5acc}}@keyframes tut-blink{0%{opacity:1}to{opacity:.55}}.rp-hud{position:fixed;z-index:3;left:50%;transform:translate(-50%);bottom:calc(6px + env(safe-area-inset-bottom));width:min(720px,calc(100vw - 16px));display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:var(--panel-2);border:1px solid var(--edge-strong);box-shadow:0 6px 20px #00000080}.rp-badge{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ff6b6b;white-space:nowrap}.rp-btn{height:32px;min-width:34px;padding:0 8px;border-radius:8px;background:var(--panel);border:1px solid var(--edge);font-size:14px;font-weight:800}.rp-play{min-width:42px;background:linear-gradient(#2a68d8,#18418c);border-color:var(--edge-strong)}.rp-exit{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.rp-speed{display:flex;gap:2px}.rp-speed button{height:32px;padding:0 8px;border-radius:7px;background:var(--panel);border:1px solid var(--edge);font-size:11px;font-weight:800;color:var(--muted)}.rp-speed button.on{background:linear-gradient(#ffd977,#c99227);color:#2a1d00;border-color:#ffe08a}.rp-seek{flex:1;min-width:60px;accent-color:#5ea2ff;height:24px}.rp-time{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#dfe9f8;white-space:nowrap}.es-tip[hidden]{display:none}.tut-ring.below:after{top:auto;bottom:calc(-1 * var(--r) - 24px);content:"▲"}.tut-ring.edge:after{content:"▼";left:-9px;top:-12px;bottom:auto;animation:none;transform:rotate(var(--a)) translateY(18px)}:root{--nf-bg0: #050a16;--nf-bg1: #0b1730;--nf-panel: linear-gradient(180deg, rgba(22, 40, 74, .94), rgba(9, 18, 36, .95));--nf-panel-flat: rgba(12, 24, 46, .92);--nf-edge: rgba(98, 160, 255, .38);--nf-gold: #ffcf5a;--nf-gold-2: #d79a26;--nf-trim: rgba(255, 207, 90, .55);--nf-text: #eef4ff;--nf-muted: #93a7c4;--nf-safe-l: max(12px, env(safe-area-inset-left));--nf-safe-r: max(12px, env(safe-area-inset-right));--nf-head: 58px;--nf-heading: "Segoe UI", "Roboto Condensed", Roboto, system-ui, sans-serif}.nf-front,.nf-boot,.nf-vs,.nf-modal,.nf-rewards{font-family:var(--nf-heading);color:var(--nf-text)}.ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em;flex:none}.nf-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.nf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 18px;border-radius:10px;border:1px solid var(--nf-edge);background:var(--nf-panel);color:var(--nf-text);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:13px;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff14;transition:transform .12s,filter .12s}.nf-btn:not(:disabled):active{transform:scale(.96)}.nf-btn:not(:disabled):hover{filter:brightness(1.12)}.nf-btn.gold{background:linear-gradient(#ffe08a,#e2a42e 55%,#b97a12);color:#2a1a00;border-color:#fff0b8;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 0 18px #ffc44659,0 4px 12px #00000073,inset 0 1px #fff9}.nf-btn.big{min-height:52px;font-size:17px;padding:10px 26px}.nf-btn.small{min-height:30px;padding:4px 12px;font-size:11px}.nf-btn.danger{border-color:#ff6e6e99;color:#ffb3b3}.nf-btn:disabled{opacity:.75;cursor:not-allowed;filter:saturate(.6)}.nf-btn .ic{font-size:1.2em}.nf-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:20px;background:var(--nf-panel);border:1px solid var(--nf-edge);color:#cfe0ff;box-shadow:0 3px 10px #0006}.nf-icon:active{transform:scale(.94)}.nf-progress{width:100%}.nf-progress .track{position:relative;height:14px;border-radius:8px;overflow:hidden;padding:2px;background:linear-gradient(#050b18,#0d1830);border:1px solid var(--nf-trim);box-shadow:0 0 0 1px #0009,0 0 16px #ffc4462e,inset 0 2px 6px #000000b3}.nf-progress .track i{display:block;height:100%;width:0;border-radius:5px;position:relative;background:linear-gradient(90deg,#2a6cff,#3fc4ff 70%,#bff2ff);box-shadow:0 0 12px #3fc4ffcc}.nf-progress .track i:after{content:"";position:absolute;right:-2px;top:-3px;bottom:-3px;width:6px;border-radius:3px;background:#fff;box-shadow:0 0 10px 3px #96e6ffe6}.nf-progress .track s{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(115deg,#fff0 0,#fff0 14px,#ffffff14 14px,#ffffff14 22px);animation:nf-stripes 1.2s linear infinite}@keyframes nf-stripes{to{background-position:44px 0}}.nf-progress .meta{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nf-muted)}.nf-progress .meta b{color:var(--nf-gold);font-variant-numeric:tabular-nums;font-size:14px}.nf-tip{min-height:2.6em;font-size:13px;line-height:1.35;color:#cfdcf0;text-align:center;opacity:0;transition:opacity .26s;max-width:720px;margin:0 auto 10px}.nf-tip.in{opacity:1}.nf-tip b{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:4px;font-size:11px;letter-spacing:.12em;color:#2a1a00;background:linear-gradient(#ffe08a,#d79a26)}.nf-logo{display:flex;flex-direction:column;align-items:center;--ls: 1}.nf-logo.big{--ls: 1.55}.nf-logo-mark{position:relative;width:calc(46px * var(--ls));height:calc(46px * var(--ls));margin-bottom:calc(6px * var(--ls))}.nf-logo-mark i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--nf-gold);border-bottom-color:#ffcf5a59;animation:nf-spin 3.2s linear infinite}.nf-logo-mark i+i{top:18%;right:18%;bottom:18%;left:18%;border-top-color:#5ea2ff;border-bottom-color:#5ea2ff59;animation-duration:2.1s;animation-direction:reverse}.nf-logo-mark b{position:absolute;top:36%;right:36%;bottom:36%;left:36%;transform:rotate(45deg);background:linear-gradient(135deg,#bff2ff,#3f8cff);box-shadow:0 0 18px #4fa8ff,0 0 36px #4fa8ff99;animation:nf-pulse 2.2s ease-in-out infinite}@keyframes nf-spin{to{transform:rotate(360deg)}}@keyframes nf-pulse{50%{filter:brightness(1.5);box-shadow:0 0 26px #7fc4ff,0 0 50px #4fa8ffcc}}.nf-logo-text{display:flex;gap:calc(12px * var(--ls));font-weight:900;font-size:calc(34px * var(--ls));line-height:.95;letter-spacing:.06em;font-style:italic}.nf-logo-text span{background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nf-shine 5s ease-in-out infinite;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(80,150,255,.35))}.nf-logo-text .l1{background-image:linear-gradient(100deg,#9fb7d8,#fff 18%,#c9d8ee 30%,#7f97bb,#dce8f8 60%,#9fb7d8)}.nf-logo-text .l2{background-image:linear-gradient(100deg,#e0a237,#fff6c8 18%,#ffd76a 30%,#b9781a,#ffe48f 60%,#e0a237);filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(255,190,60,.45))}@keyframes nf-shine{0%,to{background-position:100% 0}50%{background-position:0 0}}.nf-logo-sub{display:flex;align-items:center;gap:10px;margin-top:calc(6px * var(--ls));font-size:calc(11px * var(--ls));font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#bcd0ee}.nf-logo-sub em{width:calc(36px * var(--ls));height:2px;background:linear-gradient(90deg,transparent,var(--nf-gold))}.nf-logo-sub em:last-child{transform:scaleX(-1)}.nf-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) var(--nf-safe-r) max(16px,env(safe-area-inset-bottom)) var(--nf-safe-l);background:radial-gradient(ellipse 80% 70% at 50% 42%,#14284e 0%,#0a1430 45%,var(--nf-bg0) 100%);transition:opacity .55s ease;overflow:hidden}.nf-boot.out{opacity:0;pointer-events:none}.nf-boot-glow{position:absolute;left:50%;top:40%;width:70vmax;height:70vmax;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(70,130,255,.22),rgba(150,80,255,.08) 40%,transparent 65%);animation:nf-breathe 5s ease-in-out infinite;pointer-events:none}@keyframes nf-breathe{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.75}}.nf-boot-center{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vh;animation:nf-rise .9s cubic-bezier(.2,.8,.2,1) both}@keyframes nf-rise{0%{opacity:0;transform:translateY(18px) scale(.97)}}.nf-emblems{display:flex;gap:clamp(18px,4vw,54px)}.nf-emblem{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 70%,#fff)}.nf-emblem .hex{width:92px;height:92px;display:grid;place-items:center;position:relative;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--fc) 45%,#0b1426),#070d1c 75%);animation:nf-emblem 2.7s ease-in-out infinite;animation-delay:var(--d)}.nf-emblem .hex:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inherit;background:linear-gradient(160deg,var(--fc),transparent 40%,transparent 60%,var(--fc));opacity:.8;-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%)}.nf-emblem img{width:118%;height:118%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}@keyframes nf-emblem{0%,to{filter:brightness(.85)}35%{filter:brightness(1.35) drop-shadow(0 0 16px var(--fc))}}.nf-boot-bottom{position:relative;width:min(760px,86vw)}.nf-version{position:absolute;right:var(--nf-safe-r);bottom:max(6px,env(safe-area-inset-bottom));font-size:10px;color:#a0b4d280;letter-spacing:.1em}.nf-front{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;background:radial-gradient(ellipse 90% 80% at 30% 30%,#142a55 0%,#0a1531 50%,var(--nf-bg0) 100%)}.nf-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.55))}.nf-header{position:absolute;left:0;right:0;top:0;height:calc(var(--nf-head) + env(safe-area-inset-top));z-index:2;display:flex;align-items:center;gap:10px;padding:env(safe-area-inset-top) var(--nf-safe-r) 0 var(--nf-safe-l);background:linear-gradient(180deg,#0e1c38f7,#081022eb);border-bottom:1px solid var(--nf-trim);box-shadow:0 4px 24px #00000080,0 1px #ffcf5a26}.nf-header:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--nf-gold),transparent);opacity:.8}.nf-player{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-width:0;text-align:left}.nf-player .av{position:relative;width:44px;height:44px;flex:none;border-radius:10px;border:2px solid var(--nf-gold);background:radial-gradient(circle at 50% 35%,#2a3b5c,#0b1222);box-shadow:0 0 10px #ffc44659}.nf-player .av img{width:100%;height:100%;object-fit:cover;border-radius:8px}.nf-player .av em{position:absolute;right:-7px;bottom:-6px;min-width:22px;height:20px;padding:0 4px;border-radius:10px;font-style:normal;font-size:11px;font-weight:900;line-height:18px;text-align:center;color:#fff;background:linear-gradient(#3f86ff,#1d4fc0);border:1.5px solid #bfe0ff}.nf-player .pi{display:flex;flex-direction:column;min-width:0;gap:1px}.nf-player .pi b{font-size:15px;font-weight:800;white-space:nowrap}.nf-player .pi small{font-size:11px;color:var(--nf-gold);font-weight:700;white-space:nowrap}.xpb{width:110px;height:6px;border-radius:3px;background:#0000008c;border:1px solid rgba(255,255,255,.12);overflow:hidden;margin-top:2px}.xpb i{display:block;height:100%;background:linear-gradient(90deg,#3f86ff,#8fe3ff);box-shadow:0 0 6px #4fa8ff}.nf-tabs{flex:1;display:flex;justify-content:center;gap:4px;align-self:stretch}.nf-tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:0 16px;background:none;border:0;color:#9db3d3;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.nf-tabs button .ic{font-size:19px}.nf-tabs button.on{color:#fff;background:linear-gradient(180deg,transparent,rgba(255,207,90,.14));text-shadow:0 0 12px rgba(255,207,90,.6)}.nf-tabs button.on .ic{color:var(--nf-gold);filter:drop-shadow(0 0 6px rgba(255,207,90,.7))}.nf-tabs button.on:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#b97a12,#ffe08a,#b97a12);box-shadow:0 0 10px #ffcf5acc}.nf-tabs .dot{position:absolute;top:6px;right:2px;min-width:18px;height:18px;border-radius:9px;font-style:normal;font-size:10px;line-height:18px;background:#ff4d5e;color:#fff;box-shadow:0 0 8px #ff4d5e}.nf-cur{display:flex;gap:6px}.nf-cur .cur{display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 6px;border-radius:17px;background:#00000073;border:1px solid rgba(255,255,255,.12)}.nf-cur .cur .ic{font-size:22px}.nf-cur .cur b{font-size:14px;font-weight:800;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.nf-cur .cur i{width:22px;height:22px;border-radius:50%;font-style:normal;font-weight:900;line-height:21px;color:#fff;background:linear-gradient(#4fd66b,#1f8f3a)}.nf-tools{display:flex;gap:6px}.nf-body{position:absolute;left:0;right:0;bottom:0;top:calc(var(--nf-head) + env(safe-area-inset-top));padding:12px var(--nf-safe-r) max(12px,env(safe-area-inset-bottom)) var(--nf-safe-l)}.nf-page{height:100%;animation:nf-page .35s ease both}@keyframes nf-page{0%{opacity:0;transform:translateY(8px)}}.pg-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pg-head h2{margin:0;font-size:22px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.5)}.nf-back{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:22px;background:var(--nf-panel);border:1px solid var(--nf-trim);color:var(--nf-gold)}.panel{background:var(--nf-panel);border:1px solid var(--nf-edge);border-radius:14px;box-shadow:0 8px 28px #00000073,inset 0 1px #ffffff0f}.p-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:14px}.nf-hero{position:relative;border-radius:16px;overflow:hidden;min-height:0;background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--fc) 38%,transparent),transparent 62%),linear-gradient(180deg,#142446bf,#060c1ae6);border:1px solid color-mix(in srgb,var(--fc) 50%,transparent);box-shadow:0 10px 34px #00000080,inset 0 0 60px #0006;transition:border-color .6s}.nf-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffcf5a2e;pointer-events:none}.hero-logo{position:absolute;top:14px;left:0;right:0}.hero-art{position:absolute;left:0;right:0;top:22%;bottom:18%;display:grid;place-items:center}.hero-art .halo{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 50%,transparent),transparent 70%);animation:nf-breathe2 4s ease-in-out infinite}@keyframes nf-breathe2{50%{transform:scale(1.1);opacity:.7}}.hero-art img{position:relative;height:100%;max-width:90%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));animation:nf-float 5s ease-in-out infinite,nf-in .6s ease both}@keyframes nf-float{50%{transform:translateY(-8px)}}@keyframes nf-in{0%{opacity:0;transform:scale(.92)}}.hero-text{position:absolute;left:16px;bottom:14px;right:80px;display:flex;flex-direction:column;gap:2px;animation:nf-in .6s ease both}.hero-text small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--nf-muted);font-weight:700}.hero-text b{font-size:22px;font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 0 16px var(--fc)}.hero-text p{margin:0;font-size:12px;color:#c6d4ea}.hero-text em{align-self:flex-start;margin-top:3px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:4px;border:1px solid var(--fc);color:color-mix(in srgb,var(--fc) 60%,#fff)}.hero-dots{position:absolute;right:16px;bottom:18px;display:flex;gap:6px}.hero-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff40;cursor:pointer}.hero-dots i.on{background:var(--nf-gold);box-shadow:0 0 8px var(--nf-gold)}.nf-play{display:flex;flex-direction:column;gap:10px;min-height:0}.play-btn{position:relative;flex:1 1 0;min-height:66px;max-height:128px;display:flex;align-items:center;gap:16px;padding:0 18px;border-radius:16px;overflow:hidden;text-align:left;border:1.5px solid;transition:transform .15s,filter .15s}.play-btn:hover{filter:brightness(1.1)}.play-btn:active{transform:scale(.98)}.play-btn:before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg);animation:nf-sweep 4.5s ease-in-out infinite}.play-btn.mp:before{animation-delay:2.2s}@keyframes nf-sweep{0%,60%{left:-60%}to{left:130%}}.play-btn.sp{background:linear-gradient(135deg,#ffe08a,#f0b23a 40%,#b5730f);border-color:#fff1c0;color:#2a1800;box-shadow:0 0 28px #ffbe3c59,0 8px 22px #00000080,inset 0 2px #ffffff8c}.play-btn.mp{background:linear-gradient(135deg,#3f8cff,#2456c8,#142f7a);border-color:#a9ccff;color:#fff;box-shadow:0 0 26px #468cff59,0 8px 22px #00000080,inset 0 2px #ffffff59}.pb-ic{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:14px;font-size:30px;background:#0000002e;box-shadow:inset 0 0 0 1px #ffffff40}.pb-t{flex:1;display:flex;flex-direction:column;min-width:0}.pb-t b{font-size:28px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-style:italic;line-height:1.05}.sp .pb-t b{text-shadow:0 1px 0 rgba(255,255,255,.45)}.mp .pb-t b{text-shadow:0 2px 0 rgba(0,0,0,.35)}.pb-t small{font-size:12px;font-weight:700;opacity:.8}.pb-go{font-size:26px;opacity:.85}.home-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--nf-panel);border:1px solid var(--nf-edge);text-align:left;min-width:0}.mini-card .mc-ic{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:19px;color:var(--nf-gold);background:#ffcf5a1a;border:1px solid var(--nf-trim);flex:none}.mini-card>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.mini-card b{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card small{font-size:11px;color:var(--nf-muted)}.mini-card .bar{display:block;height:6px;border-radius:3px;background:#00000080;overflow:hidden}.mini-card .bar s{display:block;height:100%;background:linear-gradient(90deg,#d79a26,#ffe08a)}.slots{padding:8px 10px 10px;border-radius:14px;background:#050a1699;border:1px solid rgba(255,255,255,.07)}.slots-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.slots-h b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.slots-h small{font-size:11px;color:var(--nf-muted)}.slots-row{display:flex;gap:8px}.slot{flex:1 1 0;min-width:0;height:92px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1e325a99,#0a1224cc)}.slot b{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.slot small{font-size:10px;color:var(--nf-muted);font-variant-numeric:tabular-nums}.slot.empty{border-style:dashed;color:#a0b4d28c;font-size:11px;font-weight:700}.slot.empty small{color:#a0b4d266}.slot.locked{flex:0 0 52px;color:#a0b4d280;font-size:18px}.slot.full{border-color:#c88cff80;box-shadow:inset 0 0 18px #b45cff33}.slot.full small,.slot.daily.ready small{color:#7dff9a;font-weight:800}.slot.daily{border-color:#64b4ff80}.slot.daily.ready{animation:nf-ready 1.6s ease-in-out infinite}@keyframes nf-ready{50%{box-shadow:0 0 18px #50b4ffb3,inset 0 0 14px #50b4ff59}}.slot .nf-chest{margin-bottom:2px}.nf-chest{position:relative;font-size:9px;width:6.4em;height:5.2em;flex:none;filter:drop-shadow(0 .4em .5em rgba(0,0,0,.55)) drop-shadow(0 0 .7em color-mix(in srgb,var(--cg) 50%,transparent))}.nf-chest.mini{font-size:7px}.nf-chest.big{font-size:26px;transition:font-size .4s}.nf-open.burst .nf-chest.big{font-size:12px}.nf-chest i{position:absolute;display:block}.nf-chest .body{left:0;right:0;bottom:0;height:58%;border-radius:.3em .3em .6em .6em;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 75%,#fff),var(--cc) 35%,color-mix(in srgb,var(--cc) 45%,#000));border:.18em solid #3b2a0c}.nf-chest .lid{left:-.15em;right:-.15em;top:0;height:46%;border-radius:2.2em 2.2em .3em .3em;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 55%,#fff),var(--cc) 60%,color-mix(in srgb,var(--cc) 60%,#000));border:.18em solid #3b2a0c;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.3,1.6,.5,1);z-index:1}.nf-chest .band{left:42%;width:16%;top:4%;bottom:0;background:linear-gradient(90deg,#a8701a,#ffe08a,#a8701a);z-index:2;border-radius:.2em}.nf-chest .lock{left:36%;width:28%;top:36%;height:26%;border-radius:.3em;background:linear-gradient(#fff2b0,#d79a26);border:.12em solid #5a3a00;z-index:3;box-shadow:0 0 .6em var(--cg)}.p-multi{display:flex;flex-direction:column}.mp-wrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px}.mp-online{display:flex;flex-direction:column;gap:10px;min-height:0}.mp-banner{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,#285ac859,#0a1428e6);border:1px solid rgba(120,180,255,.5)}.mp-banner b{font-size:18px;font-weight:900;letter-spacing:.03em}.mp-banner p{margin:4px 0 0;font-size:12.5px;line-height:1.4;color:#c8d6ec}.radar{position:relative;width:70px;height:70px;flex:none;border-radius:50%;border:1px solid rgba(120,190,255,.6);background:radial-gradient(circle,rgba(60,140,255,.25),transparent 70%),repeating-radial-gradient(circle,transparent 0 11px,rgba(120,190,255,.2) 11px 12px);overflow:hidden}.radar i{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,rgba(120,200,255,.55),transparent 25%);animation:nf-spin 2.4s linear infinite}.radar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;color:#bfe0ff}.mp-modes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mp-mode{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border-radius:14px;text-align:center;background:var(--nf-panel);border:1px solid rgba(255,255,255,.1);filter:saturate(.5);opacity:.85;cursor:pointer}.mp-mode>.ic{font-size:34px;color:#9db3d3}.mp-mode b{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.mp-mode small{font-size:11px;color:var(--nf-muted)}.mp-mode em{margin-top:4px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nf-gold);padding:3px 8px;border-radius:4px;background:#0006;border:1px solid var(--nf-trim)}.mp-practice{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--nf-panel);border:1px solid var(--nf-trim);box-shadow:0 0 24px #ffc4461a}.mp-h{font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.mp-factions{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mp-factions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 25%,#0d1830),#0a1326);border:1.5px solid color-mix(in srgb,var(--fc) 35%,transparent);min-height:0}.mp-factions button.on{border-color:var(--fc);box-shadow:0 0 0 1px var(--fc),0 0 20px color-mix(in srgb,var(--fc) 50%,transparent)}.mp-factions img{width:100%;max-width:92px;aspect-ratio:1;object-fit:contain;min-height:0}.mp-factions span{font-size:11px;font-weight:800}.mp-seg{display:flex;gap:6px}.mp-seg button{flex:1;height:38px;border-radius:10px;font-weight:900;background:#00000059;border:1px solid var(--nf-edge)}.mp-seg button.on{background:linear-gradient(#2a68d8,#18418c);border-color:#a9ccff;box-shadow:0 0 12px #468cff80}.arm{height:100%;display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr) minmax(220px,300px);gap:12px;--fc: #5ea2ff}.arm-left{display:flex;flex-direction:column;gap:8px;min-height:0}.arm-factions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.arm-ftab{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 2px 5px;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 18%,#0d1830),#0a1326);border:1px solid color-mix(in srgb,var(--fc) 30%,transparent);font-size:11px;font-weight:800;color:#b9c8de}.arm-ftab img{width:40px;height:40px;object-fit:contain}.arm-ftab.on{border-color:var(--fc);color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--fc) 55%,transparent),inset 0 0 12px color-mix(in srgb,var(--fc) 30%,transparent)}.arm-cats{display:flex;gap:4px;padding:3px;border-radius:10px;background:#0006;border:1px solid rgba(255,255,255,.08)}.arm-cats button{flex:1;height:30px;border-radius:7px;background:none;border:0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9db3d3}.arm-cats button.on{background:linear-gradient(#ffe08a,#d79a26);color:#2a1a00}.arm-list{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-auto-rows:max-content;gap:6px;padding-right:2px;touch-action:pan-y}.arm-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 3px 5px;border-radius:10px;background:linear-gradient(180deg,#243c68b3,#0a1224e6);border:1px solid rgba(255,255,255,.1)}.arm-item img{width:100%;max-width:70px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.arm-item span{font-size:10.5px;font-weight:700;line-height:1.1;text-align:center;color:#d7e3f5}.arm-item em{position:absolute;top:3px;right:4px;font-style:normal;font-size:9px;font-weight:900;padding:0 4px;border-radius:3px;background:linear-gradient(#ffd977,#c99227);color:#2a1d00}.arm-item.on{border-color:var(--nf-gold);box-shadow:0 0 0 1px var(--nf-gold),0 0 14px #ffcf5a73}.arm-stage{position:relative;min-height:0;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--fc) 26%,transparent),transparent 65%),linear-gradient(180deg,#101e3c99,#040812d9);border:1px solid rgba(255,207,90,.3);box-shadow:inset 0 0 50px #00000080}.arm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.arm-hint{position:absolute;top:10px;left:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bed2f08c;pointer-events:none}.arm-spinner{position:absolute;left:50%;top:42%;width:40px;height:40px;margin:-20px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--nf-gold);animation:nf-spin .8s linear infinite;opacity:0;transition:opacity .2s;pointer-events:none}.arm-stage.loading .arm-spinner{opacity:1}.arm-skins{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:#040914c7;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arm-skins .lbl{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold);writing-mode:vertical-rl;transform:rotate(180deg)}.skin{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;padding:3px 2px;border-radius:9px;background:linear-gradient(180deg,#243c6899,#0a1224e6);border:1px solid rgba(255,255,255,.1)}.skin img{width:46px;height:46px;object-fit:contain}.skin span{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.skin.on{border-color:var(--nf-gold);box-shadow:0 0 10px #ffcf5a80}.skin.locked img{filter:grayscale(.7) brightness(.45)!important}.skin.locked em{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:18px;color:#d6e2f5;font-style:normal}.skin em.own{position:absolute;top:2px;right:3px;font-size:8px;font-weight:900;padding:0 4px;border-radius:3px;background:#2fbf5a;color:#fff;font-style:normal;text-transform:uppercase}.skin em.own.eq{background:var(--nf-gold);color:#2a1a00}.skin em.price,.skin.locked em.price{position:absolute;top:2px;right:3px;left:auto;transform:none;display:flex;align-items:center;gap:2px;font-size:9px;font-weight:900;padding:0 4px;border-radius:3px;background:#000000b3;color:#ffd76a;font-style:normal}.skin em.price svg{width:9px;height:9px}.skin.real.locked img{filter:grayscale(.25) brightness(.8)!important}.skin-act{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:78px;align-self:stretch;padding:4px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#3fae5c,#1f7a3a);color:#fff;cursor:pointer}.skin-act b{font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.skin-act small{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:800;opacity:.9}.skin-act small svg{width:11px;height:11px}.skin-act.buy{background:linear-gradient(180deg,#ffcf5a,#c98a14);color:#2a1a00}.skin-act.buy.poor{filter:saturate(.4) brightness(.8)}.skin-act:disabled{background:#ffffff14;color:#cfdcf0;cursor:default}.arm-toast{position:absolute;left:50%;top:40%;transform:translate(-50%);padding:8px 14px;border-radius:10px;background:#000c;border:1px solid var(--nf-trim);font-size:13px;font-weight:700;opacity:0;pointer-events:none;white-space:nowrap}.arm-toast.go{animation:nf-toast 1.8s ease both}.arm-info{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:12px;border-radius:14px;background:var(--nf-panel);border:1px solid color-mix(in srgb,var(--fc) 45%,transparent);--fc: #5ea2ff;touch-action:pan-y}.arm-title small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 65%,#fff);font-weight:800}.arm-title b{display:block;font-size:22px;font-weight:900;letter-spacing:.02em;line-height:1.1}.arm-tags{display:flex;flex-wrap:wrap;gap:4px}.arm-tags span{font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#cfdcf0;text-transform:uppercase;letter-spacing:.04em}.arm-stats{display:flex;flex-direction:column;gap:6px}.arm-stats .st{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px}.arm-stats .st span{color:var(--nf-muted);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.06em}.arm-stats .st b{font-size:12.5px;font-variant-numeric:tabular-nums}.arm-stats .st i{grid-column:1 / -1;height:6px;border-radius:3px;background:#00000080;overflow:hidden}.arm-stats .st s{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 60%,#000),var(--fc));box-shadow:0 0 8px var(--fc);transition:width .5s}.arm-text{margin:0;font-size:12px;line-height:1.45;color:#c6d4ea}.p-pass{display:flex;flex-direction:column;gap:10px}.bp-head{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:linear-gradient(110deg,#7846dc59,#0e1a34eb 45%);border:1px solid var(--nf-trim)}.bp-season{display:flex;flex-direction:column;min-width:0}.bp-season small{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--nf-gold);font-weight:800}.bp-season b{font-size:19px;font-weight:900;white-space:nowrap}.bp-season span{font-size:12px;color:#c6d4ea;display:flex;align-items:center;gap:5px}.bp-season em{font-style:normal;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.bp-prog{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.bp-badge{width:54px;height:58px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(#ffe08a,#b97a12);color:#2a1a00}.bp-badge small{font-size:9px;font-weight:900;text-transform:uppercase}.bp-badge b{font-size:22px;font-weight:900;line-height:1}.bp-xp{flex:1;min-width:0}.bp-xp>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.bp-xp b{font-size:13px}.bp-xp small{font-size:11px;color:var(--nf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-xp>i{display:block;height:10px;margin-top:5px;border-radius:5px;background:#0000008c;border:1px solid rgba(255,255,255,.12);overflow:hidden}.bp-xp>i s{display:block;height:100%;background:linear-gradient(90deg,#b97a12,#ffe08a);box-shadow:0 0 10px #ffcf5ab3}.bp-actions{display:flex;gap:8px}.nf-btn.premium{background:linear-gradient(135deg,#7a3cff,#3a1a8c);border-color:#c9a8ff;color:#fff}.nf-btn.premium span{display:flex;flex-direction:column;line-height:1.05;text-align:left}.nf-btn.premium small{font-size:9px;color:#e5d4ff;letter-spacing:.12em}.bp-track-wrap{flex:1;min-height:0;display:flex;gap:8px}.bp-labels{display:flex;flex-direction:column;width:62px;flex:none;padding-top:34px;gap:8px}.bp-labels span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg)}.bp-labels .free{background:#3c78dc40;border:1px solid rgba(120,180,255,.4)}.bp-labels .prem{background:linear-gradient(#8c50ff66,#5028a066);border:1px solid rgba(200,160,255,.5);color:#e7d8ff}.bp-labels .prem .ic{transform:rotate(90deg);color:var(--nf-gold)}.bp-track{--colw: 112px;position:relative;flex:1;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding-bottom:6px;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(255,207,90,.5) transparent}.bp-line{position:absolute;left:calc(var(--colw) / 2);top:13px;width:calc(var(--colw) * 29);height:4px;background:#ffffff1a;border-radius:2px}.bp-line s{display:block;height:100%;max-width:100%;background:linear-gradient(90deg,#b97a12,#ffe08a);box-shadow:0 0 8px #ffcf5acc;border-radius:2px}.bp-col{position:relative;flex:0 0 var(--colw);display:flex;flex-direction:column;gap:8px;padding:0 4px}.bp-tier{height:26px;display:grid;place-items:center}.bp-tier span{min-width:30px;height:26px;padding:0 6px;display:grid;place-items:center;border-radius:13px;font-weight:900;font-size:13px;background:#0d1830;border:1.5px solid rgba(255,255,255,.2);position:relative;z-index:1}.bp-col.reached .bp-tier span{background:linear-gradient(#ffe08a,#c98a1a);color:#2a1a00;border-color:#fff0b8}.bp-col.next .bp-tier span{border-color:var(--nf-gold);box-shadow:0 0 10px #ffcf5a99}.bp-cell{position:relative;flex:1 1 0;min-height:0;padding:0;border:0;background:none;display:flex}.bp-cell .rw-card{flex:1}.bp-cell.free.locked .rw-card,.bp-cell.prem .rw-card{filter:saturate(.75) brightness(.8)}.bp-cell.claimed .rw-card{filter:brightness(.55) saturate(.5)}.bp-cell.claim .rw-card{box-shadow:0 0 0 2px var(--nf-gold),0 0 18px #ffcf5a99;animation:nf-ready-gold 1.5s ease-in-out infinite}@keyframes nf-ready-gold{50%{box-shadow:0 0 0 2px #fff3c0,0 0 26px #ffcf5ae6}}.bp-cell .st{position:absolute;font-style:normal}.bp-cell .st.ok{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;color:#7dff9a;filter:drop-shadow(0 0 6px rgba(0,0,0,.8))}.bp-cell .st.go{left:50%;bottom:6px;transform:translate(-50%);padding:2px 10px;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase;background:linear-gradient(#4fd66b,#1f8f3a);color:#fff;box-shadow:0 2px 6px #00000080}.bp-cell .st.lk{top:6px;right:6px;font-size:15px;color:#e7d8ff}.bp-cell.prem .rw-card{background:linear-gradient(180deg,#6e3cd273,#140c2ef2);border-color:#c8a0ff73}.rw-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:12px;min-height:0;text-align:center;overflow:hidden;background:linear-gradient(180deg,#284270bf,#0a1224f2);border:1px solid rgba(140,180,240,.35)}.rw-card.rare{border-color:#5aaaff99}.rw-card.epic{border-color:#ffbe50b3;background:linear-gradient(180deg,#7846c88c,#140c28f2)}.rw-card>span{font-size:11px;font-weight:800;line-height:1.15;color:#e8f0ff}.rw-art{flex:1 1 auto;min-height:0;display:grid;place-items:center}.rw-cur{font-size:40px;display:grid;place-items:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.rw-cur.xp{color:#8fe3ff;filter:drop-shadow(0 0 10px #3fa2ff)}.rw-skin{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.rw-emote{width:50px;height:44px;border-radius:50% 50% 50% 10%;display:grid;place-items:center;background:linear-gradient(#fff,#cfe0ff);color:#1b2a4a;font-weight:900;font-size:17px;box-shadow:0 3px 8px #00000080}.rw-banner{width:40px;height:52px;display:grid;place-items:center;font-size:26px;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:linear-gradient(#ff7a3d,#a3261a)}.p-shop{display:flex;flex-direction:column;gap:8px}.shop-scroll{flex:1;min-height:0;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,207,90,.5) transparent}.shop-scroll>section{flex:none;min-height:0}.shop-feat{position:relative;width:min(440px,46vw);min-width:320px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,rgba(180,92,255,.55),transparent 60%),linear-gradient(160deg,#2a1050,#0b0718 70%);border:1.5px solid var(--nf-gold);box-shadow:0 0 30px #b45cff4d,inset 0 0 40px #00000080}.feat-art{position:relative;flex:1;min-height:0}.feat-art .halo{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(220,160,255,.35),transparent 30%,rgba(164,255,61,.25),transparent 60%);animation:nf-spin 14s linear infinite}.feat-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.feat-art .n{left:50%;top:4%;height:92%;transform:translate(-50%);animation:nf-float 5s ease-in-out infinite}.feat-art .u1{left:2%;bottom:0;height:58%}.feat-art .u2{right:2%;top:8%;height:46%;animation:nf-float 3.5s ease-in-out infinite}.feat-text{position:relative;padding:10px 14px 12px;background:linear-gradient(transparent,#000000b3 30%);display:flex;flex-direction:column;gap:3px}.feat-text .tag{align-self:flex-start;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:linear-gradient(#ffe08a,#d79a26);color:#2a1a00}.feat-text b{font-size:24px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-style:italic;text-shadow:0 0 18px rgba(200,120,255,.8)}.feat-text p{margin:0;font-size:12px;color:#d8c8f0}.feat-buy{margin-top:6px}.shop-sec{display:flex;flex-direction:column;gap:8px}.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sec-h b{font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--nf-gold)}.sec-h small{font-size:11px;color:var(--nf-muted);display:flex;align-items:center;gap:4px}.sec-h em{font-style:normal;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.shop-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,132px);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.offer{display:flex;flex-direction:column;gap:6px;min-height:0;cursor:pointer}.offer .rw-card{flex:1}.price{height:30px;flex:none;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;font-weight:900;font-size:13px;background:linear-gradient(#3fa24f,#1f6b2e);border:1px solid #8fe0a0;color:#fff;opacity:.85}.price:disabled{cursor:not-allowed}.price .ic{font-size:16px}.shop-packs{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,150px);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.pack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;border-radius:12px;min-height:0;cursor:pointer;background:radial-gradient(ellipse at 50% 30%,rgba(63,196,255,calc(.15 + var(--k) * .08)),transparent 70%),var(--nf-panel);border:1px solid rgba(90,180,255,.45)}.pack .gems{display:flex;font-size:26px}.pack .gems .ic+.ic{margin-left:-12px}.pack b{font-size:20px;font-weight:900;color:#bff2ff;text-shadow:0 0 10px rgba(63,196,255,.7)}.pack small{font-size:11px;color:var(--nf-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pack .price{width:100%;margin-top:4px;font-size:11px;background:#0006;border-color:#fff3;text-transform:uppercase}.shop-note{flex:none;font-size:11px;color:var(--nf-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.nf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px var(--nf-safe-r) 16px var(--nf-safe-l);background:#02060ec7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.nf-modal.in{opacity:1}.dlg{width:min(520px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:16px;background:var(--nf-panel);border:1px solid var(--nf-trim);box-shadow:0 20px 60px #000000b3,0 0 30px #ffc4461f;transform:scale(.95);transition:transform .25s}.nf-modal.in .dlg{transform:none}.dlg-h{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;border-bottom:1px solid rgba(255,207,90,.25)}.dlg-h b{font-size:17px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--nf-gold)}.dlg-h .nf-icon{width:34px;height:34px;font-size:18px}.dlg-b{padding:12px 18px 16px;overflow-y:auto;touch-action:pan-y}.set-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700}.set-row em{font-style:normal;font-size:12px;color:var(--nf-muted)}.toggle{width:54px;height:30px;border-radius:15px;padding:3px;background:#00000080;border:1px solid rgba(255,255,255,.2)}.toggle i{display:block;width:22px;height:22px;border-radius:50%;background:#8a9ab3;transition:transform .2s,background .2s}.toggle.on{background:linear-gradient(#3fa24f,#1f6b2e);border-color:#8fe0a0}.toggle.on i{transform:translate(24px);background:#fff}.set-note{margin:12px 0 0;font-size:11px;color:var(--nf-muted)}.prof-top{display:flex;align-items:center;gap:14px}.prof-lv{width:64px;height:70px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(#5aa0ff,#1d4fc0)}.prof-lv b{font-size:26px;font-weight:900;line-height:1}.prof-lv small{font-size:9px;font-weight:800;text-transform:uppercase}.prof-xp{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.prof-xp>i{display:block;height:8px;border-radius:4px;background:#00000080;overflow:hidden}.prof-xp>i s{display:block;height:100%;background:linear-gradient(90deg,#3f86ff,#8fe3ff)}.prof-xp small{font-size:11px;color:var(--nf-muted)}.prof-stats{display:flex;gap:10px}.prof-stats span{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--nf-muted);text-transform:uppercase}.prof-stats b{font-size:18px;color:#fff}.prof-h{margin:14px 0 6px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.prof-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.prof-list li{display:flex;align-items:center;gap:10px;min-height:36px;padding:2px 10px;border-radius:8px;background:#0000004d;color:var(--nf-muted)}.prof-list li.got{color:#fff;background:#ffcf5a14}.prof-list li em{width:44px;font-style:normal;font-weight:900;font-size:11px;color:var(--nf-gold)}.prof-list li span{flex:1;font-size:13px;font-weight:700}.prof-list li>.ic{color:#7dff9a}.prof-list li:not(.got)>.ic{color:var(--nf-muted)}.nf-toast{position:fixed;z-index:60;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#040914eb;border:1px solid var(--nf-trim);font-weight:800;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 8px 24px #0009}.nf-toast.go{animation:nf-toast 2s ease both}@keyframes nf-toast{0%{opacity:0;transform:translate(-50%,10px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.nf-open{flex-direction:column;gap:10px;overflow:hidden;cursor:pointer}.op-rays{position:absolute;left:50%;top:45%;width:160vmax;height:160vmax;transform:translate(-50%,-50%) scale(.4);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--cg, #ffe08a) 30%,transparent) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 45%);mask:radial-gradient(circle,#000 0,transparent 45%);opacity:.35;animation:nf-spin 30s linear infinite;transition:transform .6s,opacity .6s;pointer-events:none}.op-rays.gold{--cg: #ffe08a}.nf-open.burst .op-rays,.nf-levelup.in .op-rays{opacity:.9}.op-title{position:relative;font-size:26px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px var(--cg)}.op-chest{position:relative;transition:transform .5s,opacity .5s}.nf-open.shake .op-chest{animation:nf-shake .12s linear infinite}@keyframes nf-shake{25%{transform:rotate(-6deg) translateY(-2px)}75%{transform:rotate(6deg) translateY(-2px)}}.nf-open.burst .op-chest .lid{transform:translateY(-1.6em) rotate(-24deg)}.op-chest:after{content:"";position:absolute;left:50%;top:40%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 60px 40px var(--cg);opacity:0}.nf-open.burst .op-chest:after{animation:nf-flash .7s ease-out}@keyframes nf-flash{0%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(6)}}.op-cards{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:0}.op-cards:empty{display:none}.op-cards .rw-card{width:118px;height:140px;animation:nf-deal .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * .16s)}@keyframes nf-deal{0%{opacity:0;transform:translateY(60px) scale(.6) rotate(-8deg)}}.op-hint{position:relative;font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--nf-muted);animation:nf-blink 1.2s ease-in-out infinite}.nf-open.burst .op-hint{display:none}@keyframes nf-blink{50%{opacity:.4}}.op-collect{position:relative;min-width:180px}.lu-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;transform:scale(.7);transition:transform .45s cubic-bezier(.2,1.5,.4,1)}.nf-levelup.in .lu-box{transform:none}.lu-label{font-size:40px;font-weight:900;font-style:italic;letter-spacing:.1em;background:linear-gradient(#fff6c8,#ffcf5a 50%,#b97a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,190,60,.6))}.lu-badge{width:110px;height:120px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(#7fb6ff,#1d4fc0 60%,#0f2a6b);box-shadow:0 0 40px #4fa8ff;animation:nf-pop .6s .2s cubic-bezier(.2,1.6,.4,1) both}.lu-badge span{font-size:54px;font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.5)}@keyframes nf-pop{0%{transform:scale(.2) rotate(-30deg);opacity:0}}.lu-sub{font-size:13px;font-weight:800;color:var(--nf-gold);letter-spacing:.1em;text-transform:uppercase}.lu-unlocks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.lu-unlocks li{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:10px;background:var(--nf-panel);border:1px solid var(--nf-trim);font-size:13px;font-weight:700}.lu-unlocks li b{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.nf-vs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;background:#03060e;transition:opacity .6s ease}.nf-vs.out{opacity:0;pointer-events:none}.vs-bg{position:absolute;top:0;bottom:0;width:56%;transition:transform .6s cubic-bezier(.2,.9,.2,1)}.vs-bg.l{left:0;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);transform:translate(-100%);background:radial-gradient(ellipse at 30% 50%,rgba(80,140,255,.55),transparent 65%),linear-gradient(120deg,#0f2b66,#081530 70%)}.vs-bg.r{right:0;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);transform:translate(100%);background:radial-gradient(ellipse at 70% 50%,rgba(255,80,90,.5),transparent 65%),linear-gradient(240deg,#5a1020,#24060e 70%)}.nf-vs.in .vs-bg{transform:none}.vs-slash{position:absolute;left:50%;top:-10%;bottom:-10%;width:6px;transform:translate(-50%) skew(-9deg);background:linear-gradient(#fff6c8,#ffcf5a,#b97a12);box-shadow:0 0 24px #ffcf5a,0 0 60px #ffbe3c99;opacity:0;transition:opacity .4s .5s}.nf-vs.in .vs-slash{opacity:1}.vs-side{position:absolute;top:12%;bottom:26%;width:44%;display:flex;align-items:center;gap:18px;opacity:0;transition:transform .7s .2s cubic-bezier(.2,.9,.2,1),opacity .5s .2s}.vs-side.l{left:var(--nf-safe-l);transform:translate(-60px)}.vs-side.r{right:var(--nf-safe-r);flex-direction:row-reverse;text-align:right;transform:translate(60px)}.nf-vs.in .vs-side{opacity:1;transform:none}.vs-art{position:relative;height:100%;aspect-ratio:1;max-width:46%;display:grid;place-items:center;flex:none}.vs-art img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.7)) drop-shadow(0 0 20px color-mix(in srgb,var(--fc) 60%,transparent))}.vs-ring{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:2px solid color-mix(in srgb,var(--fc) 70%,transparent);box-shadow:0 0 30px var(--fc),inset 0 0 30px color-mix(in srgb,var(--fc) 50%,transparent);animation:nf-breathe2 2.5s ease-in-out infinite}.vs-id{display:flex;flex-direction:column;gap:3px;min-width:0}.vs-name{display:flex;align-items:center;gap:8px}.vs-side.r .vs-name{flex-direction:row-reverse}.vs-name b{font-size:30px;font-weight:900;letter-spacing:.03em;text-shadow:0 3px 0 rgba(0,0,0,.5);white-space:nowrap}.vs-name em{font-style:normal;min-width:28px;height:26px;padding:0 6px;display:grid;place-items:center;border-radius:6px;font-size:13px;font-weight:900;background:linear-gradient(#3f86ff,#1d4fc0);border:1px solid #bfe0ff}.vs-name i{font-style:normal;font-size:11px;font-weight:900;padding:2px 6px;border-radius:4px;background:#00000073;border:1px solid rgba(255,255,255,.3);letter-spacing:.1em}.vs-faction{font-size:18px;font-weight:800;color:color-mix(in srgb,var(--fc) 65%,#fff);text-transform:uppercase;letter-spacing:.08em}.vs-mech{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:4px;border:1px solid var(--fc);color:#fff;background:color-mix(in srgb,var(--fc) 25%,transparent)}.vs-side.r .vs-mech{align-self:flex-end}.vs-mates{display:flex;flex-direction:column;gap:4px;margin-top:8px}.mate{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:8px;background:#00000059;border-left:3px solid var(--fc)}.vs-side.r .mate{flex-direction:row-reverse;border-left:0;border-right:3px solid var(--fc);padding:3px 3px 3px 8px}.mate img{width:30px;height:30px;object-fit:contain}.mate span{display:flex;flex-direction:column;line-height:1.1}.mate b{font-size:13px}.mate small{font-size:10px;color:#c6d4ea}.vs-mid{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%)}.vs-badge{font-size:110px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-.02em;background:linear-gradient(#fff,#fff1b8 35%,#ffcf5a 55%,#a86a0c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3b2400) drop-shadow(0 0 30px rgba(255,190,60,.8));transform:scale(3);opacity:0;transition:transform .45s .55s cubic-bezier(.3,1.6,.5,1),opacity .2s .55s}.nf-vs.in .vs-badge{transform:none;opacity:1}.vs-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;white-space:nowrap}.vs-top .mode{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#d6e2f5;padding:4px 14px;border-radius:6px;background:#0000008c;border:1px solid var(--nf-trim)}.vs-top .mode i{font-style:normal;color:#2a1a00;background:var(--nf-gold);padding:1px 6px;border-radius:3px;margin-right:8px}.vs-top .map{font-size:12px;color:var(--nf-muted);letter-spacing:.1em;text-transform:uppercase}.vs-top .map b{color:#fff}.vs-bottom{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(720px,70vw)}.nf-rewards{width:100%;padding:10px 12px;border-radius:12px;background:linear-gradient(110deg,#2850aa59,#0a1428eb 50%);border:1px solid var(--nf-trim);box-shadow:0 0 20px #ffc4461f}.rp-main{display:flex;align-items:center;gap:12px}.rp-level{width:54px;height:60px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(#5aa0ff,#1d4fc0)}.rp-level .lv{font-size:24px;font-weight:900;line-height:1}.rp-level small{font-size:8px;font-weight:800;text-transform:uppercase}.nf-rewards.pop .rp-level{animation:nf-pop .5s cubic-bezier(.2,1.6,.4,1)}.rp-xp{flex:1;min-width:0}.rp-xp-top{display:flex;justify-content:space-between;align-items:baseline}.rp-xp-top b{font-size:16px;font-weight:900;color:#8fe3ff;text-shadow:0 0 10px rgba(63,196,255,.6)}.rp-count{font-size:11px;color:var(--nf-muted);font-variant-numeric:tabular-nums}.rp-bar{position:relative;height:10px;margin:4px 0;border-radius:5px;background:#0000008c;border:1px solid rgba(255,255,255,.14);overflow:hidden}.rp-bar i{display:block;height:100%;background:linear-gradient(90deg,#3f86ff,#8fe3ff);box-shadow:0 0 10px #4fa8ff;transition:width .08s linear}.rp-lines{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:10.5px;color:#b9c8de}.rp-lines b{color:#fff}.rp-side{display:flex;flex-direction:column;gap:5px;flex:none}.rp-pill{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 6px;border-radius:14px;background:#00000073;border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:800;white-space:nowrap}.rp-pill .ic{font-size:17px}.rp-pill.pass .ic{color:var(--nf-gold)}.rp-pill em{font-style:normal;font-size:10px;color:var(--nf-gold)}.rp-chests{display:flex;gap:6px;align-items:center;flex:none}.rp-chest{display:flex;flex-direction:column;align-items:center;gap:2px;animation:nf-pop .6s 1s cubic-bezier(.2,1.6,.4,1) both}.rp-chest small{font-size:9px;font-weight:800;color:#e5d4ff;white-space:nowrap}.rp-chests .full{font-size:10px;color:#ffb3b3;max-width:90px}.menu-bottom .setup-back{flex:none}@media (min-width: 1200px) and (min-height: 640px){:root{--nf-head: 66px}.pb-t b{font-size:34px}.slot{height:108px}.nf-chest.mini{font-size:8px}.bp-track{--colw: 128px}.nf-emblem .hex{width:110px;height:110px}.shop-grid{grid-template-columns:repeat(3,150px)}.shop-packs{grid-template-columns:repeat(2,170px)}}@media (max-height: 500px){:root{--nf-head: 46px}.nf-body{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nf-player{padding:2px 8px 2px 2px;gap:6px}.nf-player .av{width:36px;height:36px}.nf-player .pi b{font-size:13px}.nf-player .pi small{font-size:10px}.xpb{width:76px;height:5px}.nf-tabs{gap:0}.nf-tabs button{padding:0 8px;font-size:11px;gap:5px;flex-direction:column;justify-content:center;gap:1px}.nf-tabs button .ic{font-size:17px}.nf-tabs .dot{top:2px}.nf-cur .cur{height:30px;gap:4px}.nf-cur .cur .ic{font-size:18px}.nf-cur .cur b{font-size:12px;min-width:30px}.nf-cur .cur i{width:20px;height:20px;line-height:19px}.nf-icon{width:34px;height:34px;font-size:17px}.nf-tools{gap:4px}.nf-logo.big{--ls: 1.05}.nf-boot-center{gap:3vh}.nf-emblem .hex{width:64px;height:64px}.nf-emblem{font-size:10px}.nf-tip{font-size:11.5px;margin-bottom:6px;min-height:2.5em}.nf-progress .track{height:11px}.nf-progress .meta{font-size:10px;margin-top:4px}.p-home{gap:10px}.hero-logo{top:8px}.hero-logo .nf-logo{--ls: .62}.hero-art{top:30%;bottom:25%}.hero-text{left:10px;bottom:8px;right:56px}.hero-text b{font-size:16px}.hero-text p{font-size:10.5px}.hero-text em{display:none}.nf-play{gap:7px}.play-btn{min-height:52px;gap:10px;padding:0 12px;border-radius:12px}.pb-ic{width:38px;height:38px;font-size:21px;border-radius:10px}.pb-t b{font-size:20px}.pb-t small{font-size:10.5px}.pb-go{font-size:20px}.home-row{gap:7px}.mini-card{padding:5px 8px;gap:7px}.mini-card .mc-ic{width:26px;height:26px;font-size:15px}.mini-card b{font-size:11.5px}.mini-card small{font-size:10px}.slots{padding:5px 7px 7px}.slots-h{margin-bottom:3px}.slots-h b,.slots-h small{font-size:10px}.slots-row{gap:5px}.slot{height:66px;border-radius:9px}.slot b{font-size:9.5px}.slot small{font-size:9px}.slot.locked{flex-basis:36px;font-size:14px}.slot.empty span{font-size:9.5px}.pg-head{margin-bottom:6px}.pg-head h2{font-size:17px}.nf-back{width:32px;height:32px;font-size:18px}.mp-wrap{gap:10px}.mp-banner{padding:8px 10px;gap:10px}.mp-banner b{font-size:14px}.mp-banner p{font-size:10.5px}.radar{width:48px;height:48px}.radar b{font-size:18px}.mp-mode{padding:6px;gap:2px}.mp-mode>.ic{font-size:22px}.mp-mode b{font-size:12px}.mp-mode small{font-size:9.5px}.mp-mode em{font-size:8.5px;padding:2px 5px}.mp-practice{padding:8px 10px;gap:6px}.mp-h{font-size:11px}.mp-factions span{font-size:9.5px}.mp-seg button{height:30px;font-size:12px}.nf-btn.big{min-height:40px;font-size:14px}.arm{grid-template-columns:206px minmax(0,1fr) 210px;gap:8px}.arm-left{gap:5px}.arm-ftab{font-size:9.5px;padding:2px 2px 3px}.arm-ftab img{width:28px;height:28px}.arm-cats button{height:24px;font-size:10px}.arm-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.arm-item{padding:2px 2px 3px;border-radius:8px}.arm-item img{max-width:48px}.arm-item span{font-size:9px}.arm-skins{left:5px;right:5px;bottom:5px;padding:4px 5px;gap:4px}.arm-skins .lbl{font-size:9px}.skin img{width:30px;height:30px}.skin span{font-size:8.5px}.skin.locked em{top:6px;font-size:14px}.arm-info{padding:8px 10px;gap:5px}.arm-title b{font-size:16px}.arm-title small{font-size:9px}.arm-tags span{font-size:8.5px;padding:1px 5px}.arm-stats{gap:3px}.arm-stats .st span{font-size:9px}.arm-stats .st b{font-size:11px}.arm-stats .st i{height:4px}.arm-text{font-size:10.5px;line-height:1.35}.p-pass{gap:6px}.bp-head{padding:5px 10px;gap:10px}.bp-season small{font-size:8.5px}.bp-season b{font-size:13px}.bp-season span{font-size:10px}.bp-badge{width:38px;height:42px}.bp-badge b{font-size:16px}.bp-badge small{font-size:7px}.bp-xp b{font-size:11px}.bp-xp small{display:none}.bp-xp>i{height:7px;margin-top:3px}.bp-actions .nf-btn{min-height:32px;padding:4px 10px;font-size:10.5px}.bp-labels{width:26px;padding-top:28px;gap:5px}.bp-labels span{font-size:9px;border-radius:8px}.bp-labels .prem .ic{display:none}.bp-track{--colw: 86px}.bp-line{top:10px}.bp-col{gap:5px;padding:0 3px}.bp-tier{height:22px}.bp-tier span{height:22px;min-width:24px;font-size:11px}.rw-card{padding:4px 3px;border-radius:9px;gap:2px}.rw-card>span{font-size:9px}.rw-cur{font-size:28px}.rw-skin{width:40px;height:40px}.rw-emote{width:36px;height:32px;font-size:13px}.rw-banner{width:28px;height:36px;font-size:18px}.bp-cell .st.ok{font-size:24px}.bp-cell .st.go{font-size:8.5px;bottom:3px;padding:1px 6px}.nf-chest.mini{font-size:5px}.shop-scroll{gap:10px}.shop-feat{min-width:270px;width:300px}.feat-text{padding:6px 10px 8px}.feat-text b{font-size:17px}.feat-text p{font-size:10px}.feat-buy .nf-btn{min-height:30px;font-size:10.5px;padding:4px 10px}.sec-h b{font-size:11px}.sec-h small{font-size:9.5px}.shop-sec{gap:5px}.shop-grid{grid-template-columns:repeat(3,100px);gap:6px}.shop-packs{grid-template-columns:repeat(2,112px);gap:6px}.price{height:24px;font-size:11px}.pack{padding:4px}.pack .gems{font-size:18px}.pack b{font-size:15px}.pack small{font-size:9px}.shop-note{font-size:9.5px}.vs-side{top:15%;bottom:30%;gap:10px}.vs-name b{font-size:19px}.vs-name em{min-width:22px;height:20px;font-size:11px}.vs-faction{font-size:12px}.vs-mech{font-size:9px}.vs-mates{margin-top:4px;gap:2px}.mate img{width:20px;height:20px}.mate b{font-size:10.5px}.mate small{font-size:8.5px}.vs-badge{font-size:68px}.vs-top .mode{font-size:10px;padding:3px 10px}.vs-top .map{font-size:10px}.vs-bottom{width:min(620px,80vw)}.op-title{font-size:18px}.nf-chest.big{font-size:15px}.nf-open.burst .nf-chest.big{font-size:7px}.nf-open{gap:6px}.op-cards .rw-card{width:96px;height:112px}.lu-label{font-size:28px}.lu-badge{width:76px;height:84px}.lu-badge span{font-size:36px}.dlg-b{padding:8px 14px 12px}.set-row{min-height:40px}.nf-rewards{padding:6px 8px}.rp-main{gap:8px}.rp-level{width:40px;height:44px}.rp-level .lv{font-size:17px}.rp-xp-top b{font-size:13px}.rp-bar{height:7px;margin:2px 0}.rp-lines{font-size:9px;gap:1px 8px}.rp-pill{font-size:10px;padding:2px 8px 2px 4px}.rp-pill .ic{font-size:13px}}@media (max-width: 760px){.nf-player .pi,.nf-tabs button span{display:none}}.slots{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.slots-row{flex:1 1 auto;min-height:0}.slot{height:auto;min-height:66px;max-height:150px}.hero-art img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;max-width:none}.nf-version{bottom:auto;top:max(8px,env(safe-area-inset-top))}.offer .rw-skin{width:min(100%,120px);height:auto;aspect-ratio:1}.offer .rw-cur{font-size:58px}.offer .nf-chest.mini{font-size:10px}@media (min-width: 1200px) and (min-height: 640px){.shop-sec{flex:1 1 0!important}.shop-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.shop-packs{grid-template-columns:repeat(2,minmax(150px,1fr))}.shop-sec.packs{flex-grow:.7!important}.pack .gems{font-size:40px}.pack b{font-size:28px}.bp-cell .rw-skin{width:84px;height:84px}.bp-cell .rw-cur{font-size:54px}.bp-cell .rw-emote{width:64px;height:56px;font-size:22px}.bp-cell .rw-banner{width:52px;height:68px;font-size:32px}.bp-cell .nf-chest.mini{font-size:10px}}@media (max-height: 500px){.offer .rw-skin{width:52px}.offer .rw-cur{font-size:32px}.offer .nf-chest.mini{font-size:6px}}.mp-mode{overflow:hidden;justify-content:flex-end;padding-bottom:14px}.mp-mode img{flex:1 1 0;min-height:0;width:100%;max-width:200px;object-fit:contain;filter:grayscale(.6) brightness(.7) drop-shadow(0 6px 10px rgba(0,0,0,.6))}@media (max-height: 500px){.mp-mode{padding-bottom:6px}.mp-mode>.ic{display:none}}@media (min-width: 1200px) and (min-height: 640px){.mp-factions img{max-width:170px}.mp-factions span{font-size:14px}.mp-mode>.ic{font-size:28px}}.nf-vs.instant *,.nf-vs.instant{transition:none!important}.vs-top,.vs-bottom,.vs-mid{z-index:2}.vs-top .map{padding:1px 10px;border-radius:4px;background:#00000080}.vs-name b{font-size:clamp(18px,2.3vw,32px);overflow:hidden;text-overflow:ellipsis}.vs-id{max-width:54%}@media (max-width: 1000px){.vs-badge{font-size:72px}.vs-side{width:40%}}.slots{flex:0 1 auto}.slots-row{flex:none}.slot{height:92px}.play-btn{max-height:none}@media (min-width: 1200px) and (min-height: 640px){.slot{height:116px}}@media (max-height: 500px){.slot{height:66px}}.ct{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:5px 4px 4px;border-radius:11px;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--fc) 32%,#1a2c50),#0a1428 78%);border:1.5px solid color-mix(in srgb,var(--fc) 45%,rgba(255,255,255,.1));box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff14;transition:transform .12s,box-shadow .15s,border-color .15s}.ct:hover{transform:translateY(-2px)}.ct-art{width:100%;height:84px;display:grid;place-items:center}.dk-slots .ct-art{height:104px}.ct-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.ct-glyph,.dd-glyph,.ld-glyph,.rw-glyph,.rp-glyph,.lu-glyph{display:grid;place-items:center;width:70%;aspect-ratio:1;border-radius:50%;color:#fff;font-size:28px;background:radial-gradient(circle,color-mix(in srgb,var(--g) 80%,white) 0%,var(--g) 45%,color-mix(in srgb,var(--g) 30%,#000) 100%);box-shadow:0 0 14px color-mix(in srgb,var(--g) 70%,transparent);text-shadow:0 0 6px #fff}.ct-name{font-size:11px;font-weight:800;line-height:1.1;text-align:center;color:#eef4ff;min-height:2.2em;display:flex;align-items:center}.ct-tier{position:absolute;top:4px;left:5px;font-style:normal;font-size:9px;font-weight:900;padding:0 4px;border-radius:3px;background:linear-gradient(#ffd977,#c99227);color:#2a1d00}.ct-cost{position:absolute;top:4px;right:5px;font-size:10px;font-weight:900;color:var(--nf-gold);text-shadow:0 1px 2px #000}.ct-lv{position:absolute;top:78px;left:50%;transform:translate(-50%);font-size:10px;font-weight:900;padding:0 6px;border-radius:8px;background:linear-gradient(#3f86ff,#1d4fc0);border:1px solid #bfe0ff;color:#fff;white-space:nowrap}.ct-up{position:absolute;top:20px;right:5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#062;background:#6dff8f;box-shadow:0 0 8px #3dff70;animation:nf-pulse 1.4s ease-in-out infinite}.ct-sh{position:relative;width:100%;height:12px;border-radius:6px;background:#0000008c;border:1px solid rgba(255,255,255,.12);overflow:hidden}.ct-sh i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7a3cff,#c58bff)}.ct-sh.full i{background:linear-gradient(90deg,#22b04a,#6dff8f)}.ct-sh span{position:relative;display:block;font-size:9px;font-weight:800;line-height:10px;text-align:center;text-shadow:0 1px 2px #000}.ct-sh.max span{color:var(--nf-gold)}.ct-lock{display:flex;align-items:center;justify-content:center;gap:3px;height:12px;font-size:10px;color:#c8d4e6}.ct-lock small{font-size:9.5px;font-weight:800}.ct.locked{cursor:default;filter:grayscale(.85) brightness(.62);border-style:dashed}.ct.locked:hover{transform:none}.ct.sel{border-color:var(--nf-gold);box-shadow:0 0 0 1.5px var(--nf-gold),0 0 16px #ffcf5a73}.ct.armed{border-color:#6dff8f;box-shadow:0 0 0 2px #6dff8f,0 0 20px #50ff8c8c;animation:nf-ready 1.3s ease-in-out infinite}.ct.empty{justify-content:center;border-style:dashed;background:#050a168c;color:#aabedc99;font-size:12px;font-weight:800}.ct.empty small{font-size:9px;font-weight:600}.ct.dragging{opacity:.4}.ct.over,.dk-coll.over{outline:2px dashed #6dff8f;outline-offset:2px}.p-deck{display:flex;flex-direction:column}.dk{height:100%;display:flex;flex-direction:column;gap:8px;--fc: #5ea2ff}.dk-top{display:flex;align-items:center;gap:12px}.dk-factions{display:flex;gap:6px;flex:none}.dk-factions button{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:10px;font-size:12px;font-weight:800;color:#b9c8de;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 18%,#0d1830),#0a1326);border:1px solid color-mix(in srgb,var(--fc) 30%,transparent)}.dk-factions img{width:34px;height:34px;object-fit:contain}.dk-factions button.on{color:#fff;border-color:var(--fc);box-shadow:0 0 14px color-mix(in srgb,var(--fc) 55%,transparent)}.dk-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dk-title small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 65%,#fff);font-weight:800}.dk-title>b{font-size:17px;font-weight:900}.dk-perk,.arm-perk,.fperk{font-size:11px;color:#c6d4ea}.dk-perk i,.fperk i{font-style:normal;color:var(--nf-gold)}.dk-perk b{color:#fff}.dk-actions{display:flex;gap:6px;flex:none}.dk-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:12px}.dk-left{min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}.dk-sec{display:flex;align-items:baseline;gap:10px}.dk-sec b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.dk-sec small{font-size:11px;color:var(--nf-muted)}.dk-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:8px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 12%,rgba(10,20,40,.8)),#050a16cc);border:1px solid color-mix(in srgb,var(--fc) 40%,transparent)}.dk-slots .ct{min-height:172px}.dk-slots .ct-lv{top:98px}.ct-art .ct-glyph{width:min(70%,64px)}.dk-coll{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:7px;padding:4px;border-radius:12px}.dk-issues{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11.5px;font-weight:700}.dk-issues span{padding:3px 8px;border-radius:6px;background:#00000059}.dk-issues .error{color:#ffb0b0;border:1px solid rgba(255,100,100,.5)}.dk-issues .warn{color:#ffe0a0;border:1px solid rgba(255,200,90,.35)}.dk-issues .ok{color:#9dffb4;border:1px solid rgba(90,255,140,.35)}.dk-issues .hint{color:var(--nf-muted);font-weight:600;background:none}.dk-detail{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--nf-panel);border:1px solid color-mix(in srgb,var(--fc) 45%,transparent)}.dd-art{position:relative;align-self:center;width:120px;height:120px;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 35%,transparent),transparent 70%)}.dd-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}.dd-glyph{font-size:44px}.dd-lv{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);font-size:12px;font-weight:900;padding:1px 10px;border-radius:10px;background:linear-gradient(#3f86ff,#1d4fc0);border:1px solid #bfe0ff;white-space:nowrap}.dd-title small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 65%,#fff);font-weight:800}.dd-title b{font-size:20px;font-weight:900}.dd-text{margin:0;font-size:12px;line-height:1.4;color:#c6d4ea}.dd-text .req{color:#ffd98a}.dd-stats{display:flex;flex-wrap:wrap;gap:4px}.dd-stats span{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.dd-level{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.dd-lvrow{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:11px;color:var(--nf-muted)}.dd-lvrow b{font-size:14px;color:#fff}.dd-lvrow b small{color:var(--nf-muted);font-size:11px}.dd-lvrow i{font-style:normal;color:#6dff8f;font-weight:800}.dd-shards{position:relative;height:16px;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.14);overflow:hidden}.dd-shards i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7a3cff,#c58bff)}.dd-shards span{position:relative;display:block;text-align:center;font-size:10.5px;font-weight:800;line-height:14px;text-shadow:0 1px 2px #000}.dd-shards.max span{color:var(--nf-gold)}.dd-up{width:100%;justify-content:space-between}.dd-up em{font-style:normal;display:flex;align-items:center;gap:4px}.dd-tip{font-size:10.5px;color:var(--nf-muted)}.dd-lock{font-size:12px;font-weight:700;color:#ffd98a}.dd-act{display:flex;flex-direction:column;gap:4px}.p-ladder{display:flex;flex-direction:column}.p-ladder .pg-head .ld-deck{margin-left:auto}.ld{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.ld-head{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:linear-gradient(110deg,#3c64c859,#0a1428eb 55%);border:1px solid var(--nf-trim)}.ld-lv{width:64px;height:64px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3f86ff,#14306e);border:2px solid var(--nf-gold);box-shadow:0 0 18px #ffcf5a66}.ld-lv b{font-size:26px;font-weight:900;line-height:1}.ld-lv small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff}.ld-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ld-info small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--nf-gold);font-weight:800}.ld-info b{font-size:18px;font-weight:900}.ld-info span{font-size:11px;color:var(--nf-muted)}.ld-xp{height:8px;border-radius:4px;background:#0000008c;border:1px solid rgba(255,255,255,.12);overflow:hidden}.ld-xp i{display:block;height:100%;background:linear-gradient(90deg,#3f86ff,#8fe3ff);box-shadow:0 0 6px #4fa8ff}.ld-next{display:flex;gap:6px}.ld-next img,.ld-next .ld-glyph{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.ld-track{--colw: 200px;--gap: 12px;position:relative;flex:1;min-height:0;display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding:4px 4px 8px;touch-action:pan-x}.ld-line{position:absolute;top:22px;left:calc(var(--colw) / 2 + 4px);height:6px;width:calc((var(--n) - 1) * (var(--colw) + var(--gap)));border-radius:3px;background:#0000008c;border:1px solid rgba(255,255,255,.1)}.ld-line s{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#b97a12,#ffe08a);box-shadow:0 0 10px #ffcf5ab3}.ld-col{position:relative;flex:0 0 var(--colw);display:flex;flex-direction:column;align-items:center;gap:10px}.ld-node{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:16px;font-weight:900;background:#101b33;border:2px solid rgba(255,255,255,.25);color:#9db3d3}.ld-col.reached .ld-node{background:linear-gradient(#ffe08a,#d79a26);color:#2a1a00;border-color:#fff0b8;box-shadow:0 0 14px #ffcf5ab3}.ld-col.next .ld-node{border-color:#6dff8f;color:#fff;box-shadow:0 0 16px #50ff8c99;animation:nf-ready 1.4s ease-in-out infinite}.ld-box{position:relative;width:100%;flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:var(--nf-panel);border:1px solid var(--nf-edge);overflow:hidden}.ld-col.reached .ld-box{border-color:var(--nf-trim)}.ld-col.next .ld-box{border-color:#64ff9699;box-shadow:0 0 18px #50ff8c33}.ld-col.soon .ld-box{border-style:dashed;opacity:.75}.ld-box>small{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-muted);font-weight:800}.ld-col.next .ld-box>small{color:#8dffaa}.ld-col.reached .ld-box>small{color:var(--nf-gold)}.ld-box>b{font-size:15px;font-weight:900}.ld-box p{margin:0;font-size:11.5px;color:var(--nf-muted);line-height:1.4}.ld-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow-y:auto;min-height:0}.ld-cards.many{grid-template-columns:repeat(3,1fr);gap:4px}.ld-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:9px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--fc) 30%,#1a2c50),#0a1428 80%);border:1px solid color-mix(in srgb,var(--fc) 50%,transparent)}.ld-card img{width:100%;max-width:72px;aspect-ratio:1;object-fit:contain}.ld-card .ld-glyph{width:52px;font-size:22px;margin:4px 0}.ld-cards.many .ld-card .ld-glyph{width:34px;font-size:16px}.ld-cards.one{grid-template-columns:1fr}.ld-cards.one .ld-card img{max-width:130px}.ld-cards.one .ld-card .ld-glyph{width:90px;font-size:40px}.ld-card small{font-size:8.5px;color:color-mix(in srgb,var(--fc) 70%,#fff);font-weight:700}.ld-cards.many .ld-card small{display:none}.ld-card span{font-size:10px;font-weight:800;text-align:center;line-height:1.1}.ld-cards.many .ld-card span{font-size:8.5px}.ld-col:not(.reached) .ld-card{filter:saturate(.6) brightness(.8)}.ld-rw{display:flex;gap:8px;font-size:13px;font-weight:800}.ld-rw span{display:flex;align-items:center;gap:4px}.ld-st{position:absolute;top:8px;right:10px;font-style:normal;color:#bed2f099}.ld-st.ok{color:#6dff8f}.arm-perk{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:#00000059;border:1px solid color-mix(in srgb,var(--fc) 40%,transparent)}.arm-perk i{font-style:normal;font-size:18px;color:var(--fc);width:26px;text-align:center}.arm-perk span{display:flex;flex-direction:column;min-width:0}.arm-perk b{font-size:11px;color:#fff}.arm-perk small{font-size:10px;color:#b9c8de;line-height:1.2}.arm-item.locked img{filter:grayscale(.9) brightness(.55)}.arm-item .arm-lock{position:absolute;top:4px;left:4px;display:flex;align-items:center;gap:2px;font-style:normal;font-size:10px;color:#ffd98a;padding:1px 4px;border-radius:4px;background:#000000a6}.arm-item .arm-lock small{font-size:9px;font-weight:800}.arm-item .arm-lv{position:absolute;top:3px;left:4px;font-style:normal;font-size:9px;font-weight:900;padding:0 5px;border-radius:8px;background:linear-gradient(#3f86ff,#1d4fc0);border:1px solid #bfe0ff}.arm-coll{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.arm-coll em{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:900;background:linear-gradient(#3f86ff,#1d4fc0);border:1.5px solid #bfe0ff}.arm-coll.locked{color:#ffd98a}.arm-coll span{display:flex;flex-direction:column;min-width:0}.arm-coll b{font-size:11.5px}.arm-coll small{font-size:10.5px;color:var(--nf-muted)}.vs-perks{display:flex;flex-direction:column;gap:3px;margin-top:8px}.vs-perks>em{font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--nf-gold);font-weight:800}.vs-perk{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 3px;border-radius:8px;background:#0006;border-left:3px solid var(--pc)}.vs-side.r .vs-perk{flex-direction:row-reverse;border-left:0;border-right:3px solid var(--pc);padding:2px 3px 2px 8px}.vs-perk>i{font-style:normal;width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:14px;color:#fff;background:color-mix(in srgb,var(--pc) 45%,#0a1428);border:1px solid var(--pc)}.vs-perk>span{display:flex;flex-direction:column;line-height:1.1;min-width:0}.vs-perk b{font-size:12px}.vs-perk small{font-size:10px;color:#c6d4ea}@media (max-height: 500px){.vs-perks{margin-top:4px;gap:2px}.vs-perk small{display:none}.vs-perk>i{width:18px;height:18px;font-size:11px}.vs-perk b{font-size:10px}}.rw-shard{position:relative;width:60px;height:60px;display:grid;place-items:center}.rw-shard img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(190,120,255,.8))}.rw-shard .rw-glyph{width:46px;font-size:22px}.rw-shard em{position:absolute;right:-6px;bottom:-2px;font-style:normal;font-size:12px;font-weight:900;padding:0 5px;border-radius:7px;background:linear-gradient(#b67bff,#6a2fd1);border:1px solid #e6d0ff}.rp-pill.shard{display:flex;align-items:center;gap:6px}.rp-pill.shard img{width:26px;height:26px;object-fit:contain}.rp-pill.shard .rp-glyph{width:22px;font-size:12px}.lu-unlocks li.card{display:flex;align-items:center;gap:6px}.lu-unlocks .lu-card{width:34px;height:34px;object-fit:contain}.lu-unlocks .lu-glyph{width:28px;font-size:14px}@media (max-height: 500px){.dk{gap:5px}.dk-factions img{width:24px;height:24px}.dk-factions button{font-size:10px;padding:2px 7px 2px 3px}.dk-title>b{font-size:13px}.dk-perk{display:none}.dk-slots{gap:4px;padding:5px}.dk-slots .ct{min-height:0}.ct-art,.dk-slots .ct-art{height:54px}.ct-lv,.dk-slots .ct-lv{top:38px;font-size:9px}.ct-art .ct-glyph{width:40px;font-size:18px}.ct-name{font-size:9px}.dk-coll{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px}.dk-main{grid-template-columns:minmax(0,1fr) 210px;gap:8px}.dk-detail{padding:8px;gap:5px}.dd-art{width:70px;height:70px}.dd-title b{font-size:15px}.dd-text{font-size:10.5px}.ld-track{--colw: 160px}.ld-head{padding:6px 10px}.ld-lv{width:46px;height:46px}.ld-lv b{font-size:18px}.ld-info b{font-size:14px}.ld-next{display:none}}@media (max-width: 900px){.dk-actions .nf-btn span{display:none}}.dk-left>*{flex:none}.ct-art{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.ct-art img{min-height:0;max-height:100%}.nf-front,.nf-vs,.nf-modal,.nf-rewards{--ts: var(--ui-text-scale, 1)}.pb-t b{font-size:calc(28px * var(--ts))}.pb-t small{font-size:calc(12px * var(--ts))}.mini-card b{font-size:calc(13px * var(--ts))}.mini-card small{font-size:calc(11px * var(--ts))}.pg-head h2{font-size:calc(22px * var(--ts))}.sec-h b{font-size:calc(14px * var(--ts))}.sec-h small{font-size:calc(11px * var(--ts))}.rw-card>span{font-size:calc(11px * var(--ts))}.slot b{font-size:calc(11px * var(--ts))}.slot small{font-size:calc(10px * var(--ts))}.nf-tabs button{font-size:calc(12px * var(--ts))}.nf-btn{font-size:calc(13px * var(--ts))}.nf-btn.small{font-size:calc(11px * var(--ts))}.dlg-b p,.set-row{font-size:calc(14px * var(--ts))}.rp-lines{font-size:calc(10.5px * var(--ts))}.rp-pill,.vs-top .mode{font-size:calc(12px * var(--ts))}@media (min-width: 1200px) and (min-height: 640px){.pb-t b{font-size:calc(34px * var(--ts))}}@media (max-height: 500px){.pb-t b{font-size:calc(20px * var(--ts))}.pb-t small{font-size:calc(10.5px * var(--ts))}.mini-card b{font-size:calc(11.5px * var(--ts))}.mini-card small{font-size:calc(10px * var(--ts))}.pg-head h2{font-size:calc(17px * var(--ts))}.sec-h b{font-size:calc(11px * var(--ts))}.sec-h small{font-size:calc(9.5px * var(--ts))}.rw-card>span{font-size:calc(9px * var(--ts))}.slot b{font-size:calc(9.5px * var(--ts))}.slot small{font-size:calc(9px * var(--ts))}.nf-tabs button{font-size:calc(11px * var(--ts))}.nf-btn.small{font-size:calc(10px * var(--ts))}.rp-lines{font-size:calc(9px * var(--ts))}.rp-pill,.vs-top .mode{font-size:calc(10px * var(--ts))}}.pg-head .su-sum{flex:1;min-width:0;font-size:calc(12px * var(--ts));font-weight:700;color:var(--nf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-head .su-start{min-height:40px;padding:6px 22px}.pg-head>.nf-btn.small{min-height:34px}.mode-chip{display:inline-flex;align-items:center;gap:3px;margin-right:6px;padding:0 6px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-size:.92em;font-weight:800;color:#dfe9fa}.nf-icon.danger{color:#ffb3b3;border-color:#ff6e6e80}.nf-icon.danger.armed{background:linear-gradient(#d84a4a,#8c1f1f);color:#fff}.su-glyph,.dr-glyph,.vs-glyph{display:grid;place-items:center;width:70%;aspect-ratio:1;border-radius:50%;color:#fff;font-size:18px;background:radial-gradient(circle,color-mix(in srgb,var(--g) 80%,white) 0%,var(--g) 45%,color-mix(in srgb,var(--g) 30%,#000) 100%);box-shadow:0 0 12px color-mix(in srgb,var(--g) 70%,transparent);text-shadow:0 0 6px #fff}.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-duo .play-btn{min-height:58px}.home-duo .pb-t b{font-size:calc(19px * var(--ts))}.home-duo .pb-ic{width:40px;height:40px;font-size:22px}.play-btn.ladder-btn{background:linear-gradient(135deg,#c0392b,#7c1d2e 55%,#3a0d1e);border-color:#ffb3a8;color:#fff;box-shadow:0 0 22px #dc463c59,0 6px 18px #00000073}.play-btn.ladder-btn .pb-t b{text-shadow:0 2px 0 rgba(0,0,0,.35)}.home-duo .pb-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card{position:relative}.mini-card .dot{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-style:normal;font-size:11px;font-weight:900;line-height:20px;text-align:center;color:#fff;background:#e23c3c;box-shadow:0 0 10px #e23c3ccc}.mini-card.hot{border-color:var(--nf-gold);box-shadow:0 0 14px #ffcf5a59}.hero-tut{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:16px;font-size:calc(11px * var(--ts));font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000080;border:1px solid var(--nf-trim)}.hero-tut .ic{color:var(--nf-gold)}.hero-ev{position:absolute;left:10px;right:10px;bottom:10px;z-index:2}.nf-hero .hero-text{bottom:auto;top:26%;left:14px;right:auto;max-width:46%}.nf-hero .hero-dots{bottom:auto;top:16px;right:14px}.wk-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:12px;background:linear-gradient(115deg,#ff782852,#5014788c 60%,#0a1022f2);border:1px solid rgba(255,170,90,.7);box-shadow:0 0 18px #ff782840,0 6px 16px #00000080}.wk-card.done{border-color:#7dff9a73;box-shadow:none}.wk-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.wk-tag{display:inline-flex;align-items:center;gap:4px;font-size:calc(10px * var(--ts));font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ffcf8a}.wk-top small{display:inline-flex;align-items:center;gap:4px;font-size:calc(10px * var(--ts));color:#e0d0f0}.wk-top em{font-style:normal;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.wk-name{font-size:calc(17px * var(--ts));font-weight:900;letter-spacing:.03em;text-transform:uppercase;font-style:italic;text-shadow:0 0 14px rgba(255,140,60,.7);line-height:1.1}.wk-card p{margin:0;font-size:calc(12px * var(--ts));line-height:1.35;color:#e8dcf5}.wk-bot{display:flex;align-items:center;justify-content:space-between;gap:8px}.wk-rw{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:calc(11px * var(--ts));font-weight:800;color:#ffe2b8}.wk-card.done .wk-rw{color:#7dff9a}.wk-bot .nf-btn{min-height:32px;flex:none}.rc{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:10px;background:#0006;font-size:calc(11px * var(--ts));font-weight:800;color:#fff;white-space:nowrap}.rc .ic{font-size:13px}.rc.xp .ic{color:#8fe3ff}.rc .rw-card{padding:0 4px;min-height:0;flex-direction:row;border-radius:6px}.rc .rw-card .rw-art{display:none}@media (max-height: 500px){.home-duo{gap:7px}.home-duo .play-btn{min-height:46px;padding:0 10px;gap:8px}.home-duo .pb-ic{width:30px;height:30px;font-size:17px;border-radius:8px}.home-duo .pb-t b{font-size:calc(15px * var(--ts))}.home-duo .pb-t small{font-size:calc(9.5px * var(--ts))}.play-btn.sp{min-height:50px}.hero-tut{top:6px;left:6px;height:28px;padding:0 9px}.hero-ev{left:6px;right:6px;bottom:6px}.nf-hero .hero-text{top:24%;left:10px}.nf-hero .hero-text b{font-size:calc(14px * var(--ts))}.nf-hero .hero-dots{top:12px;right:10px}.hero-logo{top:30px}.hero-logo .nf-logo{--ls: .5}.hero-art{top:22%;bottom:36%}.wk-card{padding:5px 8px;gap:2px;border-radius:10px}.wk-name{font-size:calc(13px * var(--ts))}.wk-bot .nf-btn{min-height:28px;padding:2px 10px}.rc{font-size:calc(9.5px * var(--ts));padding:0 5px}.rc .ic{font-size:11px}}.tut-ask{display:flex;gap:14px;align-items:center}.tut-ask b{font-size:calc(16px * var(--ts))}.tut-ask p{margin:4px 0 0;font-size:calc(13px * var(--ts));line-height:1.4;color:#c8d6ec}.tut-ic{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:14px;font-size:30px;color:var(--nf-gold);background:#00000059;border:1px solid var(--nf-trim)}.tut-ic.prem{color:#e7d8ff;background:linear-gradient(135deg,#7a3cff,#3a1a8c)}.tut-btns{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px}.bp-have{flex:1;display:inline-flex;align-items:center;gap:4px;font-size:calc(13px * var(--ts));color:var(--nf-muted)}.bp-have b{color:#fff}.bp-owned{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-weight:900;font-size:calc(12px * var(--ts));letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#7a3cff,#3a1a8c);border:1px solid #c9a8ff}.bp-owned .ic{color:var(--nf-gold)}.nf-btn.premium small{display:flex;align-items:center;gap:3px}.bp-cell.prem{cursor:pointer}.bp-cell.prem.claim .rw-card{filter:none}.bp-cell.prem.claimed .rw-card{filter:brightness(.55) saturate(.5)}.nfs-btn.danger{border-color:#ff6e6e99;color:#ffb3b3}.nf-set-extra .nfs-btn:not(.danger){border-color:#62a0ff80;color:#dfe9fa}.p-modes,.p-draft,.p-ailadder,.p-missions,.p-replays{display:flex;flex-direction:column}.su{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:10px}.su-col{display:flex;flex-direction:column;gap:7px;min-height:0;padding:10px;border-radius:14px;background:var(--nf-panel);border:1px solid var(--nf-edge)}.su-opp{overflow-y:auto;touch-action:pan-y;scrollbar-width:thin}.su-h{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:calc(11px * var(--ts));font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.su-h small{font-size:.9em;font-weight:700;letter-spacing:.04em;text-transform:none;color:var(--nf-muted)}.su-mini{height:26px;padding:0 8px;border-radius:6px;font-size:calc(10px * var(--ts));font-weight:800;color:#dfe9fa;background:#00000059;border:1px solid var(--nf-edge);letter-spacing:.04em;text-transform:none}.su-factions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.su-factions button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;min-height:64px;border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.12);color:#c9d6ea}.su-factions button.on{color:#fff;border-color:var(--fc);box-shadow:0 0 0 1px var(--fc),0 0 16px color-mix(in srgb,var(--fc) 50%,transparent);background:color-mix(in srgb,var(--fc) 18%,rgba(0,0,0,.3))}.su-factions img{width:42px;height:42px;object-fit:contain}.su-factions span{font-size:calc(10px * var(--ts));font-weight:800;text-align:center;line-height:1.05}.su-deck{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,1fr);gap:5px}.su-card{position:relative;display:grid;place-items:center;min-height:0;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 25%,#0d1830),#0a1226);border:1px solid color-mix(in srgb,var(--fc) 45%,transparent);overflow:hidden}.su-card img{width:100%;height:100%;object-fit:contain}.su-card .su-glyph{width:62%;font-size:15px}.su-card em{position:absolute;right:2px;bottom:1px;font-style:normal;font-size:9px;font-weight:900;padding:0 3px;border-radius:3px;background:#000000b3}.su-deck-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.su-deck-row small{font-size:calc(10.5px * var(--ts));color:#7dff9a;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-deck-row small.bad{color:#ffb37a}.su-deck-row .nf-btn{flex:none}.su-note{flex:1;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#0000004d;border:1px dashed rgba(255,255,255,.18)}.su-note>.ic{font-size:28px;color:var(--nf-gold)}.su-note span{display:flex;flex-direction:column;gap:2px;font-size:calc(11.5px * var(--ts));color:#c8d6ec;line-height:1.35}.su-note b{font-size:calc(13px * var(--ts));color:#fff}.su-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.su-modes button{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 8px;border-radius:10px;background:#0000004d;border:1px solid rgba(255,255,255,.12);color:#c9d6ea;text-align:left}.su-modes button .ic{font-size:18px;color:#8fb0dc}.su-modes button b{font-size:calc(12.5px * var(--ts));font-weight:900;text-transform:uppercase;letter-spacing:.03em}.su-modes button.on{color:#2a1a00;background:linear-gradient(#ffe08a,#d79a26);border-color:#fff0b8}.su-modes button.on .ic{color:#2a1a00}.su-desc{margin:0;font-size:calc(11.5px * var(--ts));line-height:1.35;color:#c6d4ea}.su-desc.small{font-size:calc(10.5px * var(--ts));color:#b5c4dc}.su-desc b{color:#ffcf8a}.su-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.su-row>span{display:flex;flex-direction:column;font-size:calc(12.5px * var(--ts));font-weight:800}.su-row>span small{font-size:calc(10px * var(--ts));font-weight:600;color:var(--nf-muted)}.su-row.off{opacity:.45}.su-row .mp-seg{flex:0 1 170px}.su-row>span{white-space:nowrap}.su-row .mp-seg button{height:36px;color:#fff}.su-bots{display:flex;flex-direction:column;gap:5px}.su-bot{display:grid;grid-template-columns:62px minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:5px;padding:3px 5px;border-radius:9px;background:#0000004d;border-left:3px solid #ff6a6a}.su-bot.ally{border-left-color:#5ea2ff}.su-bot b{font-size:calc(11px * var(--ts));font-weight:800;white-space:nowrap}.su-bot.horde{grid-template-columns:62px 1fr}.su-bot.horde span{font-size:calc(10.5px * var(--ts));color:#ffb3a8}.su-bot select{width:100%;min-width:0;height:34px;padding:0 4px;border-radius:7px;font:inherit;font-size:calc(11.5px * var(--ts));font-weight:700;color:#fff;background:#0d1a33;border:1px solid var(--nf-edge)}.su-muts{display:flex;flex-wrap:wrap;gap:5px}.su-muts button{min-height:30px;padding:2px 9px;border-radius:15px;font-size:calc(11px * var(--ts));font-weight:800;color:#c9d6ea;background:#0000004d;border:1px solid rgba(255,255,255,.16)}.su-muts button.on{color:#fff;border-color:#ffaa5a;background:linear-gradient(#ff78288c,#8c28148c);box-shadow:0 0 10px #ff782866}@media (max-height: 500px){.su{gap:7px}.su-col{padding:7px;gap:5px;border-radius:11px}.su-factions button{min-height:50px;padding:2px}.su-factions img{width:30px;height:30px}.su-modes button{min-height:38px}.su-row{min-height:36px}.su-row .mp-seg button{height:32px}.pg-head .su-start{min-height:34px;padding:4px 16px}}.dr{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.dr-offers{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dr-offers.done{grid-template-columns:1fr;place-items:center}.dr-offer{display:flex;gap:10px;min-height:0;padding:8px;border-radius:14px;text-align:left;color:var(--nf-text);background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 22%,#12223f),#0a1328);border:1px solid color-mix(in srgb,var(--fc) 50%,transparent);box-shadow:0 6px 18px #00000073;animation:nf-in .35s ease both;transition:transform .12s,box-shadow .12s}.dr-offer:hover{box-shadow:0 0 0 2px var(--nf-gold),0 0 22px #ffcf5a73}.dr-offer:active{transform:scale(.97)}.dr-offer:nth-child(2){animation-delay:.06s}.dr-offer:nth-child(3){animation-delay:.12s}.dr-art{position:relative;width:42%;flex:none;display:grid;place-items:center;border-radius:10px;background:#0000004d}.dr-art img{width:100%;height:100%;object-fit:contain;max-height:150px}.dr-art .dr-glyph.big{width:76%;font-size:34px}.dr-cost,.dr-tier,.dr-lv{position:absolute;font-size:10px;font-weight:900;padding:1px 5px;border-radius:4px;background:#000000b3}.dr-cost{left:3px;top:3px;color:#8fe3ff}.dr-tier{right:3px;top:3px;color:var(--nf-gold)}.dr-lv{left:3px;bottom:3px}.dr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow:hidden}.dr-info small{font-size:calc(10px * var(--ts));font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 60%,#fff)}.dr-info b{font-size:calc(15px * var(--ts));font-weight:900;line-height:1.1}.dr-info p{margin:0;font-size:calc(11px * var(--ts));line-height:1.35;color:#c6d4ea;overflow:hidden}.dr-info p i{color:#ffcf8a;font-style:normal}.dr-done{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.dr-done>.ic{font-size:40px;color:#7dff9a}.dr-done b{font-size:calc(18px * var(--ts))}.dr-done small{font-size:calc(12px * var(--ts));color:var(--nf-muted)}.dr-picks{flex:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;height:64px}.dr-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border-radius:9px;background:#00000059;border:1px dashed rgba(255,255,255,.18);overflow:hidden}.dr-slot em{font-style:normal;font-weight:900;font-size:15px;color:#ffffff4d}.dr-slot.next{border-color:var(--nf-gold);box-shadow:inset 0 0 12px #ffcf5a4d}.dr-slot.full{border-style:solid;border-color:#8cb4f066;background:linear-gradient(#1a2c50,#0b1428);animation:nf-pop .4s cubic-bezier(.2,1.6,.4,1)}.dr-slot.full img{width:100%;height:72%;object-fit:contain}.dr-slot.full .dr-glyph{width:40%;font-size:13px;margin-top:4px}.dr-slot b{font-size:calc(8.5px * var(--ts));font-weight:800;max-width:100%;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-height: 500px){.dr{gap:6px}.dr-offers{gap:7px}.dr-offer{padding:6px;gap:7px;border-radius:11px}.dr-picks{height:52px;gap:4px}}.al{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:10px}.al-track{min-height:0;display:grid;grid-auto-flow:column;grid-template-rows:minmax(0,1fr);grid-auto-columns:96px;gap:8px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:2px 2px 6px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,207,90,.5) transparent}.al-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:0;padding:6px 4px;border-radius:12px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 26%,#12223f),#0a1328);border:1px solid color-mix(in srgb,var(--fc) 40%,transparent)}.al-node em{position:absolute;top:4px;left:6px;font-style:normal;font-weight:900;font-size:12px;color:var(--nf-gold)}.al-node img{width:56%;flex:1 1 auto;min-height:0;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.al-node b{font-size:calc(10.5px * var(--ts));font-weight:800;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-node .pips{font-style:normal;font-size:8px;letter-spacing:1px;color:#ff8a6a}.al-node .st{position:absolute;top:4px;right:5px;font-size:14px;color:#c9d6ea}.al-node .st.ok{color:#7dff9a}.al-node.locked{filter:saturate(.2) brightness(.6)}.al-node.locked img{filter:brightness(.3)}.al-node.won{border-color:#7dff9a80}.al-node.open:not(.won){box-shadow:0 0 14px #ffcf5a59}.al-node.on{border-color:var(--nf-gold);box-shadow:0 0 0 2px var(--nf-gold),0 0 18px #ffcf5a8c;filter:none}.al-card{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;padding:10px 12px;border-radius:14px;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--fc) 35%,transparent),transparent 60%),var(--nf-panel);border:1px solid color-mix(in srgb,var(--fc) 55%,transparent)}.al-top{display:flex;align-items:center;gap:10px}.al-port{position:relative;width:58px;height:58px;flex:none;border-radius:12px;background:#00000059;border:1px solid var(--fc);display:grid;place-items:center}.al-port img{width:92%;height:92%;object-fit:contain}.al-port em{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;border-radius:11px;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center;color:#2a1a00;background:linear-gradient(#ffe08a,#d79a26)}.al-card.locked .al-port img{filter:brightness(.25)}.al-id{display:flex;flex-direction:column;min-width:0}.al-id small{font-size:calc(10px * var(--ts));font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--fc) 65%,#fff)}.al-id b{font-size:calc(19px * var(--ts));font-weight:900;line-height:1.1}.al-id span{font-size:calc(11.5px * var(--ts));color:#c6d4ea;font-style:italic}.al-tags{display:flex;flex-wrap:wrap;gap:4px}.al-tags span{font-size:calc(10px * var(--ts));font-weight:800;padding:2px 7px;border-radius:4px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.al-tags .mut{border-color:#ffaa5a;color:#ffd2a8}.al-tags .relay{border-color:#7fdcff;color:#bff2ff}.al-tags .d-elite,.al-tags .d-warlord{border-color:#ff6a6a;color:#ffb3b3}.al-flavor{margin:0;font-size:calc(12px * var(--ts));line-height:1.35;color:#dfe9fa;font-style:italic}.al-mut{margin:0;font-size:calc(10.5px * var(--ts));color:#c6d4ea}.al-mut b{color:#ffcf8a}.al-rw small{font-size:calc(10px * var(--ts));font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--nf-gold)}.al-rws{display:flex;gap:5px;margin-top:3px}.al-rws .rw-card{flex:0 0 74px;height:70px}.al-rws .rw-cur{font-size:26px}.al-rws .nf-chest.mini{font-size:5px}.al-rws.got .rw-card{filter:brightness(.55) saturate(.4)}.al-fight{margin-top:auto;display:flex;align-items:center;gap:8px}.al-fight .nf-btn{flex:1;min-height:44px}.al-fac{display:flex;gap:4px}.al-fac button{width:38px;height:38px;padding:2px;border-radius:9px;background:#00000059;border:1px solid rgba(255,255,255,.14)}.al-fac button.on{border-color:var(--fc);box-shadow:0 0 10px color-mix(in srgb,var(--fc) 60%,transparent)}.al-fac img{width:100%;height:100%;object-fit:contain}@media (max-height: 500px){.al{gap:7px;grid-template-columns:minmax(0,1fr) 290px}.al-track{grid-auto-columns:80px;gap:6px}.al-card{padding:7px 9px;gap:4px}.al-port{width:44px;height:44px}.al-id b{font-size:calc(15px * var(--ts))}.al-flavor{font-size:calc(10.5px * var(--ts))}.al-rws .rw-card{flex-basis:64px;height:54px}.al-rws .rw-cur{font-size:20px}.al-fight .nf-btn{min-height:38px}.al-fac button{width:34px;height:34px}}.ms{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:10px}.ms-col{display:flex;flex-direction:column;gap:6px;min-height:0}.ms-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;touch-action:pan-y}.ms-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:12px;background:var(--nf-panel);border:1px solid var(--nf-edge)}.ms-row.done:not(.claimed){border-color:var(--nf-gold);box-shadow:0 0 14px #ffcf5a4d}.ms-row.claimed{opacity:.6}.ms-main{grid-column:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ms-main b{font-size:calc(12.5px * var(--ts));font-weight:800}.ms-bar{position:relative;height:16px;border-radius:8px;background:#00000080;border:1px solid rgba(255,255,255,.12);overflow:hidden}.ms-bar i{display:block;height:100%;background:linear-gradient(90deg,#2a8f4a,#7dff9a)}.ms-row:not(.done) .ms-bar i{background:linear-gradient(90deg,#2456c8,#5ea2ff)}.ms-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(10px * var(--ts));font-weight:900;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.ms-rw{grid-column:1;display:flex;flex-wrap:wrap;gap:4px}.ms-row>.nf-btn,.ms-ok{grid-column:2;grid-row:1 / 3}.ms-ok{font-size:26px;color:#7dff9a}.ms-ev{justify-content:flex-start}.ms-ev .wk-card{flex:1;justify-content:space-between;padding:12px}.ms-ev .wk-name{font-size:calc(20px * var(--ts))}@media (max-height: 500px){.ms{gap:7px}.ms-row{padding:5px 8px;gap:3px 6px;border-radius:10px}.ms-main b{font-size:calc(11px * var(--ts))}.ms-bar{height:13px}.ms-ev .wk-card{padding:8px}.ms-ev .wk-name{font-size:calc(16px * var(--ts))}.ms-list{gap:5px}}.feat-chests{position:absolute;top:8%;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:4%}.feat-chests .nf-chest.big{font-size:16px;animation:nf-float 4s ease-in-out infinite}.feat-chests .nf-chest.big+.nf-chest.big{animation-delay:-2s}.shop-feat{background:radial-gradient(ellipse at 50% 35%,rgba(255,181,46,.45),transparent 60%),linear-gradient(160deg,#3a2a0a,#160d24 60%,#0a0a18)}.feat-text .feat-rw{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:calc(11px * var(--ts));font-weight:700}.price.big{height:40px;padding:0 18px;font-size:calc(15px * var(--ts))}.feat-buy .price{width:100%}.price{cursor:pointer;opacity:1;font-size:calc(13px * var(--ts))}.price s{margin-right:2px;font-size:.8em;font-weight:700;color:#fff9}.price.poor{filter:saturate(.35) brightness(.8)}.price.owned{background:#00000059;border-color:#7dff9a73;color:#7dff9a;cursor:default}.offer.owned .rw-card,.offer.sold .rw-card{filter:brightness(.6) saturate(.5)}.shop-col{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;width:210px}.offer.row{flex-direction:row;align-items:stretch}.offer.row .rw-card{flex-direction:row;justify-content:flex-start;gap:8px;padding:4px 8px;text-align:left}.offer.row .rw-art{flex:0 0 auto}.offer.row .rw-cur{font-size:30px}.offer.row .nf-chest.mini{font-size:6px}.offer.row .price{align-self:center;height:40px;width:78px;flex:none;flex-direction:column;gap:0}.shop-skins{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:112px;gap:8px}.sk-real .rw-portrait{width:100%;max-width:92px;aspect-ratio:1;object-fit:cover;border-radius:8px}.sk-real .rw-art{width:100%;display:grid;place-items:center}.shop-note{color:#b8c8de}.shop-note .ic{font-size:14px}@media (max-height: 500px){.shop-feat{min-width:220px;width:230px}.feat-chests .nf-chest.big{font-size:10px}.price.big{height:32px;font-size:calc(12px * var(--ts))}.shop-col{width:170px;gap:6px}.offer.row .rw-cur{font-size:22px}.offer.row .nf-chest.mini{font-size:4.5px}.offer.row .price{width:62px;height:34px}.nf-hero .hero-text{display:none}.shop-skins{grid-auto-columns:92px;gap:6px}.sk-real .rw-portrait{max-width:60px}.price{font-size:calc(11px * var(--ts))}}.rp-list{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;display:flex;flex-direction:column;gap:6px}.rp-row{display:grid;grid-template-columns:76px auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:var(--nf-panel);border:1px solid var(--nf-edge);border-left:4px solid #ff6a6a}.rp-row.res-win{border-left-color:#7dff9a}.rp-row.res-draw{border-left-color:var(--nf-gold)}.rp-res{font-size:calc(12px * var(--ts));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#ffb3b3}.res-win .rp-res{color:#7dff9a}.res-draw .rp-res{color:var(--nf-gold)}.rp-teams{display:flex;align-items:center;gap:6px}.rp-teams em{font-style:italic;font-weight:900;font-size:11px;color:var(--nf-gold)}.rp-fs{display:flex}.rp-fs img{width:30px;height:30px;object-fit:contain;border-radius:50%;background:#00000059;border:1px solid var(--fc)}.rp-fs img+img{margin-left:-8px}.rp-fs .horde{font-size:22px;color:#ff8a6a}.rp-info{display:flex;flex-direction:column;min-width:0}.rp-info b{font-size:calc(13px * var(--ts));font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-info small{font-size:calc(10.5px * var(--ts));color:var(--nf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-when{font-size:calc(10.5px * var(--ts));color:var(--nf-muted);white-space:nowrap}.rp-acts{display:flex;gap:6px;align-items:center}.rp-acts .nf-btn{min-height:38px}.rp-acts .nf-icon{width:38px;height:38px}.rp-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:420px;color:var(--nf-muted)}.rp-empty>.ic{font-size:40px;color:var(--nf-gold)}.rp-empty b{font-size:calc(17px * var(--ts));color:#fff}.rp-empty small{font-size:calc(12px * var(--ts))}.rp-code{width:100%;min-height:90px;resize:vertical;padding:8px;border-radius:8px;font:11px/1.3 ui-monospace,Consolas,monospace;color:#dfe9fa;background:#00000073;border:1px solid var(--nf-edge);word-break:break-all}.rp-imp{display:flex;align-items:center;gap:8px;margin-top:10px}.rp-imp span{flex:1}@media (max-height: 500px){.rp-row{gap:8px;padding:4px 8px;grid-template-columns:60px auto minmax(0,1fr) auto}.rp-when{display:none}.rp-fs img{width:26px;height:26px}.rp-acts .nf-btn,.rp-acts .nf-icon{min-height:34px;height:34px}.rp-acts .nf-icon{width:34px}}.vs-tags{display:flex;gap:6px;margin-top:4px}.vs-tags em{font-style:normal;font-size:calc(11px * var(--ts));font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:2px 9px;border-radius:4px;color:#ffe2b8;background:#8c320aa6;border:1px solid #ffaa5a}.vs-deck{position:absolute;left:50%;bottom:26%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:#0000008c;border:1px solid var(--nf-trim)}.vs-deck small{font-size:calc(10px * var(--ts));font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--nf-gold)}.vs-deck div{display:flex;gap:4px}.vs-deck span{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;background:#ffffff0f}.vs-deck img{width:100%;height:100%;object-fit:contain}.vs-deck .vs-glyph{width:70%;font-size:13px}.vs-side.survival .vs-art{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.vs-side.survival .vs-art .horde{width:100%;height:100%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(255,80,70,.6))}.vs-side.survival .vs-art .horde.h-coalition{grid-column:1 / 3;justify-self:center;width:60%}@media (max-height: 500px){.vs-deck{bottom:21%;padding:3px 8px;gap:2px}.vs-deck span{width:30px;height:30px}.vs-tags em{font-size:calc(9px * var(--ts));padding:1px 6px}}.rp-bonus{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rp-bl{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:10px;background:#0006;border:1px solid var(--nf-trim);animation:nf-pop .5s 1.2s cubic-bezier(.2,1.6,.4,1) both}.rp-bl>span{display:flex;flex-direction:column}.rp-bl b{font-size:calc(12px * var(--ts));color:var(--nf-gold)}.rp-bl small{font-size:calc(10px * var(--ts));color:var(--nf-muted)}.rp-bl em{display:flex;gap:5px;font-style:normal}.rp-bl i{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:calc(11px * var(--ts));font-weight:800}.rp-bl i .ic{font-size:14px}.rp-bl .rp-shard{width:18px;height:18px;object-fit:contain}@media (max-height: 500px){.rp-bonus{margin-top:4px;gap:4px}.rp-bl{padding:2px 8px}}.su-map .mp-seg button{white-space:nowrap;padding-inline:10px}.su-mode{overflow-y:auto}