:root{--bg-0: #0a0c13;--bg-1: #0f121c;--panel: rgba(24, 29, 44, .92);--panel-2: rgba(38, 44, 64, .85);--glass: rgba(20, 25, 38, .78);--stroke: rgba(255, 255, 255, .08);--stroke-2: rgba(255, 255, 255, .16);--ink: #eef1f7;--ink-dim: #aeb6c9;--muted: #7f889e;--accent: #ffc23a;--accent-2: #ffd86b;--accent-ink: #2a1d00;--cyan: #5fd0ff;--violet: #b794ff;--danger: #ff6b6b;--good: #7ee08a;--radius: 18px;--radius-sm: 11px;--shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .65);--shadow-md: 0 10px 26px rgba(0, 0, 0, .4);--hud-bg: rgba(15, 19, 30, .72)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-0);color:var(--ink);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01","cv01";-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#game-root canvas{display:block}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui-root .screen{pointer-events:auto}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 240px 50px #0009}.screen.center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 600px at 50% -8%,rgba(79,120,200,.22),transparent 60%),radial-gradient(700px 500px at 85% 110%,rgba(255,194,58,.1),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));animation:fade-in .25s ease}.card{position:relative;width:min(540px,94vw);max-height:94vh;overflow-y:auto;background:linear-gradient(180deg,#22283cf2,#161b29f2);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:32px 30px}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);border-radius:var(--radius) var(--radius) 0 0}.title{font-size:clamp(30px,6vw,42px);font-weight:850;letter-spacing:-1.2px;line-height:1.05;margin:0 0 6px}.title .clock{background:linear-gradient(180deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--ink-dim);margin:0 0 24px;font-size:14.5px;line-height:1.45}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}input[type=text]{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--stroke-2);background:#0a0d1599;color:var(--ink);font-size:16px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]::placeholder{color:#586075}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffc23a2e}input.code-input{letter-spacing:12px;text-transform:uppercase;font-weight:800;text-align:center;font-size:26px;padding-left:12px}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:14px 20px;font-size:15px;font-weight:800;letter-spacing:.2px;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 8px 20px -6px #ffb41e80,inset 0 1px #ffffff73;transition:transform .06s ease,filter .15s ease,box-shadow .15s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:0 4px 12px -6px #ffb41e80}button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--panel-2);color:var(--muted);box-shadow:none}button.ghost{background:#ffffff0d;color:var(--ink);border:1px solid var(--stroke-2);box-shadow:none}button.ghost:hover{background:#ffffff17}button.full{width:100%}.row{display:flex;gap:10px}.row>*{flex:1}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);margin:20px 0;font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--stroke)}.error{color:var(--danger);font-size:13px;min-height:18px;margin-top:10px;font-weight:600}.code-badge{display:flex;align-items:center;justify-content:space-between;background:#ffc23a0f;border:1px dashed rgba(255,194,58,.4);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:20px}.code-badge .code{font-size:36px;font-weight:850;letter-spacing:12px;background:linear-gradient(180deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.code-badge .lbl{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:2px}.code-badge button{padding:10px 16px;font-size:13px}.players-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.player-row{display:flex;align-items:center;gap:11px;background:#ffffff0a;border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:10px 14px}.player-row .dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 10px currentColor}.player-row .face{font-size:20px;line-height:1}.player-row .nm{font-weight:700;flex:1;font-size:14.5px}.player-row .tag{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:#ffffff14;color:var(--ink-dim)}.player-row .tag.host{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink)}.player-row .tag.ready{background:#7ee08a33;color:var(--good)}.skin-picker{margin:4px 0 18px}.skin-picker .skin-lbl{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.skin-row{display:flex;gap:8px;flex-wrap:wrap}.skin-btn{width:46px;height:46px;padding:0;font-size:23px;line-height:1;background:#ffffff0a;color:var(--ink);border:2px solid var(--stroke);border-radius:12px;cursor:pointer;box-shadow:none;transition:transform .08s ease,border-color .15s ease,background .15s ease}.skin-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:var(--stroke-2)}.skin-btn.sel{border-color:var(--accent);background:#ffc23a1f;box-shadow:0 0 0 3px #ffc23a2e}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;width:max-content}.wave-pill{background:var(--hud-bg);border:1px solid var(--stroke);border-radius:99px;padding:7px 20px;font-weight:800;font-size:13px;letter-spacing:1.2px;color:var(--ink-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.timer{font-size:38px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 3px 16px rgba(0,0,0,.6)}.timer.low{color:var(--danger);animation:pulse .6s ease-in-out infinite}.status-line{font-size:12.5px;color:var(--muted);font-weight:600}.party-hud{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:9px}.party-card{display:flex;flex-direction:column;gap:6px;background:var(--hud-bg);border:1px solid var(--stroke);border-radius:12px;padding:9px 11px;min-width:184px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:border-color .2s ease,opacity .2s ease}.party-card .top{display:flex;align-items:center;gap:8px}.party-card .face{font-size:17px;line-height:1}.party-card .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.party-card .nm{font-size:13px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-card .kills{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.party-card.downed{opacity:.85;border-color:#ff6b6b99;animation:pulse-border 1.1s ease-in-out infinite}.party-card .status-line{font-size:11px}.bar{height:7px;border-radius:99px;background:#0006;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5bd06a,#8af0a0);transition:width .14s linear}.bar.revive>i{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.tag-mini{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.3px}.mute{position:absolute;top:16px;right:16px;background:var(--hud-bg);border:1px solid var(--stroke);color:var(--ink);width:42px;height:42px;padding:0;font-size:18px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.mute:hover{transform:translateY(-1px);background:#ffffff14}.boss-bar{display:none;flex-direction:column;align-items:center;gap:5px;margin-top:8px;width:min(580px,82vw)}.boss-bar.show{display:flex;animation:fade-in .3s ease}.boss-name{font-weight:850;font-size:17px;letter-spacing:.5px;color:#ff8a80;text-shadow:0 2px 10px rgba(255,0,0,.4)}.boss-title{font-weight:500;font-size:12px;color:var(--muted);font-style:italic}.boss-track{width:100%;height:17px;background:#280a0ed9;border:1px solid rgba(255,90,90,.45);border-radius:99px;overflow:hidden;box-shadow:0 6px 18px #00000080,inset 0 1px 2px #0009}.boss-track>i{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(180deg,#ff9a8a,#e53935);transition:width .18s ease-out;box-shadow:0 0 14px #ff464699}.boss-hp{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.xpbar{position:absolute;bottom:86px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;width:min(440px,84vw)}.xpbar .lvl{font-size:12px;font-weight:800;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:99px;padding:4px 12px;white-space:nowrap;box-shadow:var(--shadow-md)}.xptrack{flex:1;height:9px;border-radius:99px;background:#0a0d15cc;border:1px solid var(--stroke);overflow:hidden}.xptrack>i{display:block;height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .18s ease-out;box-shadow:0 0 12px #5fd0ff80}.loadout{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:8px}.wpn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--hud-bg);border:1px solid var(--stroke);border-radius:10px;padding:6px 9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.wpn .wic{font-size:19px;line-height:1}.wpn .pips{display:flex;gap:2px}.wpn .pips b{width:5px;height:5px;border-radius:50%;background:#ffffff29}.wpn .pips b.on{background:var(--accent);box-shadow:0 0 5px #ffc23ab3}.hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted);font-weight:600;background:var(--hud-bg);padding:7px 16px;border-radius:99px;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}.level-picker{position:absolute;left:50%;bottom:124px;transform:translate(-50%);width:min(740px,95vw);pointer-events:none;text-align:center}.lp-title{font-size:12.5px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.7)}.lp-cards{display:flex;gap:11px;justify-content:center}.lp-card{pointer-events:auto;flex:1;max-width:232px;display:flex;align-items:center;gap:11px;text-align:left;background:linear-gradient(180deg,#22283cf2,#141927f5);border:1.5px solid var(--stroke-2);border-radius:14px;padding:12px 13px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease;animation:lp-pop .22s ease backwards}.lp-card:nth-child(2){animation-delay:.04s}.lp-card:nth-child(3){animation-delay:.08s}.lp-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px -10px #0009}.lp-card .lp-key{font-size:12px;font-weight:850;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.lp-card .lp-ic{font-size:30px;flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.lp-card .lp-nm{font-weight:800;font-size:14px}.lp-card .lp-ds{font-size:11.5px;color:var(--ink-dim);line-height:1.3;margin-top:1px}.lp-card.melee{border-color:#ff8a658c}.lp-card.melee:hover{border-color:#ff8a65}.lp-card.ranged{border-color:#5fd0ff80}.lp-card.ranged:hover{border-color:var(--cyan)}.lp-card.perk{border-color:#7ee08a80}.lp-card.perk:hover{border-color:var(--good)}.breather{position:absolute;top:92px;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;background:linear-gradient(180deg,#182c1ee6,#101e16e6);border:1px solid rgba(126,224,138,.4);border-radius:14px;padding:12px 26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);animation:lp-pop .28s ease}.breather .br-title{font-size:19px;font-weight:850;color:var(--good)}.breather .br-sub{font-size:13px;color:var(--ink-dim);margin-top:3px}.breather .br-sub b{color:var(--accent);font-size:16px;font-variant-numeric:tabular-nums}.breather .br-btn{pointer-events:auto;margin-top:9px;padding:8px 18px;font-size:13px}.warn{color:var(--danger);font-weight:800;letter-spacing:.3px}.skillbar{position:absolute;left:22px;bottom:22px;display:flex;align-items:flex-end;gap:10px;pointer-events:none}.skill-slot{pointer-events:auto;position:relative;width:58px;height:58px;border-radius:14px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#22283cf2,#141927f5);border:2px solid var(--el, var(--stroke-2));box-shadow:0 0 14px -2px var(--el, transparent),var(--shadow-md);transition:transform .08s ease,filter .12s ease}.skill-slot:hover{transform:translateY(-3px)}.skill-slot.cooling{filter:saturate(.5) brightness(.8)}.skill-slot .ss-ic{font-size:28px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.skill-slot .ss-key{position:absolute;top:2px;left:4px;z-index:3;font-size:10px;font-weight:850;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:5px;padding:0 5px;line-height:15px}.skill-slot .ss-pips{position:absolute;bottom:3px;left:0;right:0;z-index:3;display:flex;gap:2px;justify-content:center}.skill-slot .ss-pips b{width:5px;height:3px;border-radius:1px;background:#ffffff2e}.skill-slot .ss-pips b.on{background:var(--el, var(--accent));box-shadow:0 0 4px var(--el, var(--accent))}.skill-slot .ss-cd{position:absolute;left:0;bottom:0;width:100%;height:0%;background:#0a0d15b3;z-index:2;transition:height .08s linear}.skill-slot .ss-cdt{position:absolute;z-index:3;font-size:19px;font-weight:850;color:var(--ink);text-shadow:0 2px 4px #000;font-variant-numeric:tabular-nums}.lp-card.skill{border-color:#b794ff8c}.lp-card.skill:hover{border-color:var(--violet)}.st-empty{color:var(--muted);font-size:11px;font-style:italic}.hud-btns{position:absolute;top:16px;right:16px;display:flex;gap:8px}.mini-btn{background:var(--hud-bg);border:1px solid var(--stroke);color:var(--ink);width:42px;height:42px;padding:0;font-size:18px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.mini-btn:hover{transform:translateY(-1px);background:#ffffff14}.r-rare{border-color:#5fd0ffb3!important;box-shadow:0 0 0 1px #5fd0ff40,var(--shadow-md)}.r-epic{border-color:#b794ffcc!important;box-shadow:0 0 14px #b794ff66,var(--shadow-md)}.stats-panel{position:absolute;top:70px;right:16px;width:230px;pointer-events:auto;background:linear-gradient(180deg,#1c2132f5,#121623f7);border:1px solid var(--stroke-2);border-radius:14px;padding:13px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);animation:fade-in .18s ease}.st-head{font-size:14px;font-weight:850;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.st-lvl{font-size:11px;font-weight:800;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:99px;padding:2px 9px}.st-grp{display:flex;flex-direction:column;gap:3px}.st-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--ink-dim)}.st-row b{color:var(--ink);font-variant-numeric:tabular-nums}.st-evo{color:var(--violet)}.st-sep{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin:9px 0 4px}.st-foot{font-size:10px;color:var(--muted);text-align:center;margin-top:9px}.lp-rar{font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--violet);margin-left:6px}.lp-card.evolve{border-color:#b794ffcc}.lp-card.evolve:hover{border-color:var(--violet)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#080a10bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .3s ease}.overlay .card{width:min(540px,94vw);text-align:center}.end-stats{margin:20px 0;display:flex;flex-direction:column;gap:8px;text-align:left}.end-stats .player-row .nm{font-size:13.5px}.end-stats .tag{font-variant-numeric:tabular-nums}.picked-note{margin-top:16px;color:var(--muted);font-size:14px}.waiting-dots{color:var(--accent)}.hidden{display:none!important}.cards{display:flex;gap:14px;margin-top:18px}.upgrade{position:relative;flex:1;background:var(--panel-2);border:2px solid var(--stroke-2);border-radius:12px;padding:20px 14px;cursor:pointer;transition:transform .08s ease,border-color .15s ease}.upgrade:hover{transform:translateY(-4px);border-color:var(--cyan)}.upgrade .ic{font-size:44px}.upgrade .nm{font-weight:800;margin:8px 0 4px}.upgrade .ds{font-size:13px;color:var(--muted)}.upgrade .utag{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.upgrade.melee .utag{color:#ff8a65}.upgrade.ranged .utag{color:var(--cyan)}.upgrade.perk .utag{color:var(--good)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes lp-pop{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pulse-border{0%,to{border-color:#ff6b6b99}50%{border-color:#ff6b6b26}}.card::-webkit-scrollbar{width:8px}.card::-webkit-scrollbar-thumb{background:var(--stroke-2);border-radius:99px}.joy-pad{position:fixed;bottom:max(16px,env(safe-area-inset-bottom) + 10px);right:max(16px,env(safe-area-inset-right) + 10px);width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07) 0%,rgba(255,255,255,.025) 60%,transparent 100%);border:1.5px solid rgba(255,255,255,.18);box-shadow:0 4px 18px #00000073,inset 0 0 0 1px #ffffff0a;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.92;z-index:12}.joy-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 32%,var(--accent-2),var(--accent));border:2px solid rgba(255,255,255,.45);box-shadow:0 4px 12px #ffb41e6b;pointer-events:none}#rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(800px 500px at 50% 30%,#1a2236,var(--bg-0));color:var(--ink)}#rotate-overlay .rotate-icon{font-size:64px;animation:rotate-hint 1.8s ease-in-out infinite}#rotate-overlay .rotate-title{font-size:22px;font-weight:850;margin-top:14px}#rotate-overlay .rotate-sub{font-size:14px;color:var(--ink-dim);margin-top:6px;max-width:320px}@keyframes rotate-hint{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(orientation:portrait)and (pointer:coarse){#rotate-overlay{display:flex}}.party-hud{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.hud-btns{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}@media(max-height:540px),(max-width:820px){.card{padding:16px 18px;max-height:96vh}.title{font-size:26px;margin-bottom:4px}.subtitle{font-size:12.5px;margin-bottom:13px}input[type=text]{padding:10px 12px;font-size:15px}input.code-input{font-size:20px;letter-spacing:8px}button{padding:11px 14px;font-size:14px}.divider{margin:12px 0}.code-badge{padding:10px 14px;margin-bottom:12px}.code-badge .code{font-size:26px;letter-spacing:8px}.players-list{margin-bottom:12px;gap:6px}.player-row{padding:7px 11px}.player-row .nm{font-size:13px}.skin-picker{margin:2px 0 12px}.skin-btn{width:38px;height:38px;font-size:18px}.party-hud{gap:6px}.party-card{min-width:144px;padding:6px 8px;gap:4px}.party-card .nm{font-size:12px}.hud-top{top:max(8px,env(safe-area-inset-top));gap:3px}.wave-pill{padding:5px 14px;font-size:11px}.timer{font-size:27px}.mini-btn{width:34px;height:34px;font-size:15px}.xpbar{bottom:58px;width:min(360px,66vw);gap:7px}.loadout{bottom:28px;gap:6px}.wpn{padding:4px 6px;gap:3px}.wpn .wic{font-size:16px}.hint{display:none}.boss-bar{width:min(460px,72vw);margin-top:5px}.boss-name{font-size:14px}.boss-track{height:13px}.level-picker{bottom:66px;width:97vw}.lp-title{font-size:11px;margin-bottom:6px}.lp-cards{gap:7px}.lp-card{padding:8px 9px;gap:8px;max-width:none;border-radius:11px}.lp-card .lp-ic{font-size:23px}.lp-card .lp-nm{font-size:12.5px}.lp-card .lp-ds{font-size:10px}.lp-card .lp-key{width:17px;height:17px;font-size:10px}.breather{top:54px;padding:8px 16px}.breather .br-title{font-size:15px}.breather .br-sub{font-size:12px}.skillbar{gap:7px}.skill-slot{width:50px;height:50px;border-radius:12px}.skill-slot .ss-ic{font-size:24px}.stats-panel{top:56px;width:200px;padding:10px 11px}.st-row{font-size:11px}}@media(orientation:landscape){html.touch .loadout{display:none}html.touch .xpbar{bottom:max(14px,env(safe-area-inset-bottom) + 8px);width:min(300px,40vw)}html.touch .skillbar{left:max(12px,env(safe-area-inset-left) + 8px);right:auto;transform:none;bottom:max(12px,env(safe-area-inset-bottom) + 8px);display:grid;grid-template-columns:repeat(2,auto);gap:8px}html.touch .skill-slot{width:50px;height:50px}html.touch .level-picker{left:50%;right:auto;bottom:auto;top:30%;transform:translate(-50%);width:min(620px,92vw);text-align:center}html.touch .lp-title{font-size:10px;margin-bottom:5px}html.touch .lp-cards{flex-direction:row;gap:7px}html.touch .lp-card{max-width:none;padding:7px 9px;gap:7px;flex-direction:column;text-align:center;background:linear-gradient(180deg,#22283cf7,#141927fa)}html.touch .lp-card .lp-ic{font-size:24px}html.touch .lp-card .lp-nm{font-size:12px}html.touch .lp-card .lp-ds{font-size:10px}html.touch .lp-card .lp-txt{text-align:center}html.touch .lp-card .lp-key{display:none}html.touch .breather{top:auto;left:50%;right:auto;bottom:max(56px,env(safe-area-inset-bottom) + 48px);transform:translate(-50%);padding:8px 18px}html.touch .breather .br-title{font-size:14px}html.touch .breather .br-sub{font-size:11px}html.touch .breather .br-btn{margin-top:6px;padding:7px 16px;font-size:12px}}