:root{--bg: #120d09;--panel: rgba(32, 22, 14, .88);--panel-2: rgba(52, 36, 22, .92);--brass: #d9a441;--brass-d: #8a6a2a;--copper: #c8703a;--paper: #f1e2bf;--muted: #b9a37c;--danger: #c0392b;--good: #7fd6a0;--steam: #bfe7ff;--font: "Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--paper);font-family:var(--font);user-select:none;-webkit-user-select:none}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}.center{text-align:center}h1,h2,h3{margin:0;font-weight:700;letter-spacing:.04em}.muted{color:var(--muted)}.hint,.footnote{color:var(--muted);font-size:.82rem;margin:.6rem 0 0}.footnote{text-align:center;position:absolute;bottom:12px;left:0;right:0;pointer-events:none}#loading{position:fixed;inset:0;display:none;place-items:center;align-content:center;background:#0a0604eb;z-index:50;text-align:center}#loading.on{display:grid}#loading .spin{font-size:5rem;color:var(--brass);animation:spin 2.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:2px solid var(--brass-d);border-radius:10px;padding:14px 16px;box-shadow:0 0 0 1px #000 inset,0 0 0 4px #d9a4411f inset,0 10px 30px #0000008c;position:relative}.panel:before,.panel:after,.overlay-panel:before,.overlay-panel:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8a8,var(--brass-d));top:6px;left:6px;box-shadow:0 1px 2px #000}.panel:after,.overlay-panel:after{left:auto;right:6px}.btn{font-family:var(--font);font-size:1rem;letter-spacing:.03em;color:var(--paper);background:linear-gradient(180deg,#5a4226,#3a2a18);border:2px solid var(--brass-d);border-radius:8px;padding:10px 16px;cursor:pointer;box-shadow:0 2px #000,inset 0 1px #ffe6a040;transition:transform .08s,filter .15s;display:block;width:100%;margin:8px 0 0}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #000,inset 0 1px #ffe6a040}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#e0b04a,#9a6c1c);color:#20140a;border-color:#f0d080;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn.danger{background:linear-gradient(180deg,#a8392b,#6a1f16);border-color:#d0604f}.btn.ghost{background:transparent;box-shadow:none;border-color:#d9a44166}.btn.big{font-size:1.15rem;padding:14px 18px}.btn.small{padding:7px 12px;font-size:.9rem;width:auto;display:inline-block}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}input[type=text],input[type=password]{width:100%;padding:11px 12px;font-family:var(--font);font-size:1rem;color:var(--paper);background:#00000073;border:2px solid var(--brass-d);border-radius:7px;outline:none;user-select:text;-webkit-user-select:text}input:focus{border-color:var(--brass);box-shadow:0 0 10px #d9a44166}.field{margin-top:10px}.form-error{color:#ff8a7a;min-height:1.3em;margin-top:8px;font-size:.92rem}.tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.tab{flex:1;font-family:var(--font);font-size:.98rem;color:var(--muted);background:#00000059;border:2px solid transparent;border-bottom-color:var(--brass-d);padding:9px 10px;cursor:pointer;border-radius:7px 7px 0 0}.tab.active{color:#20140a;background:linear-gradient(180deg,#e0b04a,#b98a2f);border-color:#f0d080;font-weight:700}.logo{font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;color:var(--brass);text-shadow:0 3px 0 #4a2f10,0 0 24px rgba(255,170,60,.5);text-transform:uppercase;letter-spacing:.12em;margin:0}.logo span{display:block;color:var(--paper);font-size:.55em;letter-spacing:.5em;text-shadow:0 2px 0 #4a2f10;margin-top:4px}.logo.small{font-size:1.9rem}.logo-gear{font-size:3.2rem;color:var(--copper);animation:spin 14s linear infinite;display:inline-block;filter:drop-shadow(0 0 10px rgba(255,140,40,.6))}.screen{position:absolute;inset:0;padding:18px;pointer-events:none}.screen>*{pointer-events:auto}.auth{display:grid;place-items:center;align-content:center;gap:16px;text-align:center}.auth .tagline{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;margin:8px 0 0;font-size:.85rem}.auth-panel{width:min(400px,92vw);text-align:left}.menu .menu-left{position:absolute;left:18px;top:18px;bottom:18px;width:min(340px,44vw);display:flex;flex-direction:column;gap:14px}.menu-left .menu-buttons{margin-top:auto}.menu-bottom{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(560px,54vw)}.menu-right{position:absolute;right:18px;top:18px;width:min(300px,32vw)}.maps-info h3{margin-bottom:8px;color:var(--brass)}.map-line{padding:6px 0;border-bottom:1px dashed rgba(217,164,65,.25);display:flex;flex-direction:column}.map-line small{color:var(--muted)}.map-line.locked{opacity:.6}.profile .prof-name{font-size:1.25rem;color:var(--brass)}.profile .prof-coins{font-size:1.4rem;margin:4px 0}.prof-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;color:var(--muted);font-size:.85rem}.picker{display:flex;flex-direction:column;gap:8px}.pick-row{display:flex;align-items:center;gap:10px}.pick-mid{flex:1;text-align:center;min-width:0}.pick-mid small{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.pick-name{font-size:1.05rem;color:var(--paper)}.pick-desc{color:var(--muted);font-size:.8rem;min-height:2.2em;white-space:pre-line}.arrow{font-size:1.2rem;width:42px;height:42px;border-radius:50%;border:2px solid var(--brass-d);background:linear-gradient(180deg,#5a4226,#3a2a18);color:var(--brass);cursor:pointer;flex:none}.arrow:hover{filter:brightness(1.3)}.overlay{position:fixed;inset:0;background:#080503b3;display:grid;place-items:center;z-index:20;pointer-events:auto}.overlay-panel{position:relative;background:linear-gradient(160deg,#3a2a18,#20150c);border:3px solid var(--brass);border-radius:12px;padding:22px 26px;width:min(420px,92vw);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #000,0 0 40px #d9a44133}.overlay-panel.wide{width:min(860px,94vw)}.overlay-panel h2{color:var(--brass);margin-bottom:6px;font-size:1.5rem}.overlay-panel h3{margin:14px 0 6px;color:var(--brass)}.code-row{display:flex;gap:8px;align-items:stretch;margin:10px 0}.code-row .btn{margin:0;width:auto;white-space:nowrap}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;max-width:140px;font-size:1.2rem}.room-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;margin-bottom:8px}.room-row{display:flex;align-items:center;gap:10px;background:#0000004d;padding:8px 12px;border-radius:8px;border:1px solid rgba(217,164,65,.25)}.room-row>div:first-child{flex:1}.room-row small{color:var(--muted)}.room-slots{color:var(--brass);font-weight:700}.cards{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:14px}.card{position:relative;background:linear-gradient(170deg,#4a3520,#2a1c10);border:2px solid var(--brass-d);border-radius:12px;padding:16px 14px;text-align:center;color:var(--paper);font-family:var(--font);cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}.cards{align-items:stretch}.card.offer{width:250px;min-height:340px;display:flex;flex-direction:column;align-items:center;padding-bottom:34px}.card.offer .card-desc{flex:1;display:flex;align-items:center}.card.offer:hover{transform:translateY(-6px) scale(1.03);border-color:var(--brass);box-shadow:0 0 24px #d9a44173}.card.offer{border-color:var(--brass-d);background:linear-gradient(170deg,color-mix(in srgb,var(--rc, #888) 34%,#3a2a18),color-mix(in srgb,var(--rc, #888) 14%,#20150c))}.card.offer:hover{border-color:var(--rc, var(--brass))}.btn.reroll{display:block;margin:14px auto 0;width:auto;padding:8px 22px}.card.offer .rar{color:var(--rc);font-weight:700;display:block;margin-top:2px}.card-desc .num,.card-sub .num,.card-line .num{color:var(--rc);font-weight:800;font-size:1.2em;text-shadow:0 0 8px color-mix(in srgb,var(--rc) 45%,transparent)}.card-line{margin-top:4px;font-weight:600}.offer-clock{text-align:center;margin-top:14px;font-size:1.15rem;color:var(--muted)}.offer-clock.low{color:#ff8a6a;font-weight:700}.card-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.card-icon{font-size:3rem;margin:8px 0;filter:drop-shadow(0 0 8px rgba(255,200,100,.4))}.card-title{font-size:1.35rem;color:var(--brass);font-weight:700}.card-sub{color:var(--good);font-size:1.1rem;margin:2px 0 6px}.card-desc{color:var(--paper);font-size:1.1rem;line-height:1.3;opacity:.9}.card-key{position:absolute;bottom:8px;right:12px;color:var(--muted);font-size:.8rem;border:1px solid var(--muted);border-radius:4px;width:20px;height:20px;line-height:18px}.shop-head{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto}.shop-head h2{flex:1;color:var(--brass);font-size:1.8rem}.shop-head .btn{width:auto;margin:0}.shop-coins{font-size:1.5rem;background:#00000073;padding:6px 16px;border-radius:20px;border:2px solid var(--brass-d)}.shop-panel{max-width:1100px;margin:14px auto 0;max-height:calc(100vh - 150px);overflow:auto;background:#18100aeb}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:10px}.card.shop{cursor:default;display:flex;flex-direction:column;align-items:center;gap:4px}.card.shop .card-desc{flex:1;font-size:.85rem}.card.shop.owned{border-color:#5b8a5f}.owned-tag{color:var(--good);margin-top:8px}.pips-row{display:flex;gap:5px;margin:6px 0}.pip{width:12px;height:12px;border-radius:50%;background:#1a120a;border:1px solid var(--brass-d)}.pip.on{background:radial-gradient(circle at 35% 30%,#ffe8a8,var(--brass))}.lobby-head{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto 14px}.lobby-head h2{color:var(--brass);font-size:1.8rem}.lobby-head .btn{width:auto;margin:0 0 0 auto}.room-code{font-size:1.4rem;letter-spacing:.2em;background:#00000080;border:2px dashed var(--brass);padding:4px 14px;border-radius:8px;cursor:pointer;color:var(--brass)}.lobby-cols{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;max-width:1100px;margin:0 auto;max-height:calc(100vh - 340px);min-height:250px}.lobby-cols>.panel{overflow:auto}.lobby-player{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:#0000004d;border-radius:7px;margin-bottom:6px;border:1px solid rgba(217,164,65,.2)}.lobby-player.me{border-color:var(--brass)}.lp-hero{color:var(--muted);font-size:.85rem;text-align:right}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:8px}.map-card{text-align:left;font-family:var(--font);color:var(--paper);background:linear-gradient(170deg,#4a3520,#2a1c10);border:2px solid var(--brass-d);border-radius:10px;padding:10px 12px;cursor:pointer;position:relative}.map-card:disabled{cursor:default}.map-card:hover:not(:disabled){border-color:var(--brass)}.map-card.selected{border-color:#f0d080;box-shadow:0 0 18px #f0d08080}.map-card.locked{opacity:.55}.map-name{font-weight:700;color:var(--brass)}.map-sub{color:var(--muted);font-size:.82rem;margin-bottom:4px}.map-meta{display:flex;justify-content:space-between;font-size:.78rem}.map-haz{font-size:.78rem;color:#e0a070;margin-top:4px}.map-sel{position:absolute;top:6px;right:8px;font-size:.7rem;color:#20140a;background:var(--brass);padding:1px 6px;border-radius:4px}.map-desc{color:var(--paper);min-height:3em}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-size:15px}.hud>*{pointer-events:none}.hud .overlay,.hud .overlay *{pointer-events:auto}.hud-top{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.hud-timer{background:#140c06cc;border:2px solid var(--brass-d);padding:4px 18px;border-radius:20px;font-size:1.15rem;letter-spacing:.06em}.hud-timer.boss{color:#ff8a6a;border-color:#d0604f;animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 18px #ff5a3cb3}}.boss-bar{width:min(560px,80vw);text-align:center}.boss-name{color:#ffb08a;letter-spacing:.15em;text-transform:uppercase;font-size:.95rem;text-shadow:0 2px 4px #000}.boss-track{height:16px;background:#000000b3;border:2px solid #8a3a22;border-radius:9px;overflow:hidden}.boss-fill{height:100%;background:linear-gradient(180deg,#ff6a4a,#a02a1a);transition:width .2s}.hud-team{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;width:250px}.team-row{background:#140c06c7;border:1px solid var(--brass-d);border-radius:8px;padding:5px 8px 5px 5px;display:flex;gap:8px;align-items:center;font-size:.85rem}.team-row .tp{width:46px;height:46px;border-radius:6px;flex:none}.team-row .tm{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.team-row .tt{display:flex;gap:6px;align-items:baseline}.team-row .tn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.team-row .tl{color:var(--brass)}.team-row .heal{filter:drop-shadow(0 0 4px #6dff9a)}.team-row .tgs{display:flex;gap:4px;flex-wrap:wrap}.team-row .tg{background:#00000073;border-radius:4px;padding:0 4px;font-size:.8rem}.team-row .tg b{color:var(--brass);margin-left:2px}.team-row.away{opacity:.5;filter:grayscale(1)}.team-row.me{border-color:var(--brass)}.team-row.downed{opacity:.6;border-color:#a03a2a}.phpbar{height:6px;background:#0009;border-radius:3px;overflow:hidden}.phpfill{height:100%;background:linear-gradient(180deg,#7fe08f,#2f9a45);transition:width .15s}.hud-bottom{position:absolute;left:0;right:0;bottom:10px;display:flex;align-items:flex-end;justify-content:center;gap:14px;padding:0 10px}.hud-bars{width:min(460px,46vw)}.bar{position:relative;height:22px;background:#000000b3;border:2px solid var(--brass-d);border-radius:11px;overflow:hidden}.bar.xpbar{height:10px;margin-top:5px;border-radius:6px}.bar-fill{height:100%;transition:width .12s}.bar-fill.hp{background:linear-gradient(180deg,#ff7a5a,#b02a1a)}.bar-fill.xp{background:linear-gradient(180deg,#7fd8ff,#2a7ab0)}.bar-text{position:absolute;inset:0;text-align:center;line-height:18px;font-size:.85rem;text-shadow:0 1px 2px #000}.hud-side{text-align:left;background:#140c06bf;border:2px solid var(--brass-d);border-radius:10px;padding:6px 12px;min-width:120px}.hud-level{color:var(--brass);font-size:1.1rem}.hud-loadout{display:flex;gap:5px;flex-wrap:wrap;max-width:34vw;justify-content:flex-end}.slot{position:relative;width:44px;height:48px;display:grid;place-items:center;font-size:1.5rem;background:#140c06cc;border:2px solid var(--copper);border-radius:8px}.slot.passive{border-color:#6fa8c8;width:38px;height:42px;font-size:1.2rem}.slot .pips{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.5rem;line-height:8px;color:var(--brass);letter-spacing:1px}.hud-btn{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:50%;font-size:1.2rem;background:#140c06d9;border:2px solid var(--brass-d);color:var(--brass);cursor:pointer;pointer-events:auto!important}.banners{position:absolute;top:110px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}.banner{background:#140c06d9;border:2px solid var(--brass);padding:8px 22px;border-radius:8px;font-size:1.15rem;animation:bannerIn .35s ease-out;text-align:center}.banner.boss{border-color:#ff6a4a;color:#ffb08a;font-size:1.5rem;letter-spacing:.1em}.banner.out{opacity:0;transition:opacity .6s}@keyframes bannerIn{0%{transform:translateY(-20px) scale(.9);opacity:0}}.downed-box{position:absolute;bottom:22%;left:50%;transform:translate(-50%);background:#5a140ed9;border:2px solid #d0604f;padding:10px 20px;border-radius:10px;text-align:center;max-width:90vw}.paused-box{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:#140c06d9;border:2px solid var(--brass);padding:10px 20px;border-radius:10px}.hurt-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(200,20,10,.55));opacity:0}.hurt-flash.on{animation:hurt .35s ease-out}@keyframes hurt{0%{opacity:1}to{opacity:0}}.labels,.dmg-layer{position:absolute;inset:0;overflow:hidden}.plabel{position:absolute;left:0;top:0;text-align:center;text-shadow:0 1px 3px #000,0 0 6px #000;font-size:.82rem;will-change:transform}.plabel.me .pname{color:var(--brass)}.plabel.downed{opacity:.8;color:#ff9a8a}.plabel .phpbar{width:54px;margin:2px auto 0;height:5px;border:1px solid #000}.dmg{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#fff4d0;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:floatUp .9s ease-out forwards;font-size:1.3rem;pointer-events:none}.dmg.t-s{font-size:1.25rem}.dmg.t-m{font-size:1.6rem;color:#ffe08a}.dmg.t-l{font-size:2rem;color:#ffb347}.dmg.t-xl{font-size:2.5rem;color:#ff8a3d}.dmg.crit{color:#ffe23a;font-size:2.3rem;animation-name:floatUpCrit}.dmg.taken{color:#ff4a3a;font-size:2rem;-webkit-text-stroke:3.5px #1a0000;animation:floatUpTaken 1.1s ease-out forwards}@keyframes floatUp{to{transform:translate(-50%,-70px);opacity:0}}@keyframes floatUpCrit{0%{transform:translate(-50%,-50%) scale(1.5)}25%{transform:translate(-50%,-70%) scale(1)}to{transform:translate(-50%,-100px);opacity:0}}@keyframes floatUpTaken{0%{transform:translate(-50%,-50%) scale(1.4)}to{transform:translate(-50%,-110px) scale(1);opacity:0}}.results h1{font-size:2.4rem;text-align:center}.results h1.win{color:var(--brass);text-shadow:0 0 20px rgba(255,200,80,.6)}.results h1.lose{color:#ff8a7a}.results p{text-align:center;margin:4px 0}.res-table{width:100%;border-collapse:collapse;margin:14px 0}.res-table th,.res-table td{padding:6px 8px;text-align:center;border-bottom:1px solid rgba(217,164,65,.25)}.res-table th{color:var(--brass);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.reward{text-align:center;font-size:1.3rem;color:var(--brass);margin:10px 0}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#1e140cf2;border:2px solid var(--brass-d);padding:8px 18px;border-radius:8px;animation:bannerIn .25s ease-out;max-width:92vw;text-align:center}.toast.error{border-color:#d0604f;color:#ffb0a0}.toast.good{border-color:#5b8a5f;color:var(--good)}.toast.out{opacity:0;transition:opacity .5s}.joystick{position:fixed;width:120px;height:120px;border-radius:50%;border:3px solid rgba(217,164,65,.5);background:#140c0659;z-index:30;pointer-events:none}.joystick-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8a8,var(--brass-d))}@media (max-width: 860px){.menu .menu-left{width:48vw}.menu-right{display:none}.menu-bottom{width:50vw;left:auto;right:12px;transform:none}.lobby-cols{grid-template-columns:1fr}.hud-team{width:150px}.hud-loadout{display:none}.card.offer{width:160px;min-height:250px;padding:10px 10px 30px}.card-icon{font-size:2.2rem}}@media (max-height: 560px){.menu-bottom{display:none}.banners{top:70px}}.challenge{position:absolute;top:56px;left:50%;transform:translate(-50%);width:min(660px,94vw);background:#0e0804f0;border:3px solid #6fe6ff;border-radius:14px;padding:12px 20px 14px;text-align:center;box-shadow:0 0 28px #6fe6ff80,0 6px 20px #000000b3}.challenge.lower{top:104px}.ch-title{color:#bff7ff;font-size:1.6rem;font-weight:700;letter-spacing:.03em;text-shadow:0 2px 4px #000}.ch-text{color:#f1e6cc;font-size:1.15rem;line-height:1.35;margin:6px 0 10px;text-shadow:0 1px 3px #000}.ch-row{display:flex;align-items:center;gap:14px}.ch-bar{flex:1;height:20px;background:#000000a6;border:2px solid var(--brass-d);border-radius:11px;overflow:hidden}.ch-fill{height:100%;background:linear-gradient(180deg,#8ff4ff,#2a9ab0);transition:width .2s}.ch-time{min-width:72px;font-size:1.6rem;font-weight:700;text-shadow:0 2px 4px #000}.ch-time.low{color:#ff8a6a;animation:pulse .6s infinite}@media (max-width: 700px){.ch-title{font-size:1.25rem}.ch-text{font-size:1rem}.ch-time{font-size:1.3rem;min-width:56px}}.edge-markers{position:absolute;inset:0;overflow:hidden}.edge-mark{position:absolute;left:0;top:0;width:0;height:0;display:flex;align-items:center;justify-content:center}.edge-mark .em-rot{position:absolute;left:50%;top:50%;width:0;height:0}.edge-mark .em-tip{position:absolute;left:26px;top:-13px;width:0;height:0;border-style:solid;border-width:13px 0 13px 22px;border-color:transparent transparent transparent #ffd27a;filter:drop-shadow(0 0 4px #000)}.edge-mark .em-head{width:46px;height:46px;border-radius:50%;border:3px solid #ffd27a;background:#20150c;box-shadow:0 0 10px #000,0 0 12px #ffd27a99;object-fit:cover}.edge-mark.downed .em-head{border-color:#ff5a4a;animation:pulse .8s infinite}.edge-mark.downed .em-tip{border-left-color:#ff5a4a}.edge-mark .em-icon{width:40px;height:40px;border-radius:50%;border:3px solid #6fe6ff;background:#0e0804e0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 0 12px #6fe6ffb3}.edge-mark.target .em-tip{border-left-color:#6fe6ff;left:24px}.edge-mark .em-dist{position:absolute;top:28px;left:50%;transform:translate(-50%);font-size:.75rem;color:#fff;background:#000000b3;border-radius:6px;padding:0 5px;white-space:nowrap}.edge-mark.target .em-dist{top:24px}@media (min-width: 1150px){.hud-bottom{padding:0 270px}}@media (max-width: 1149px){.revive-box{bottom:92px}}.revive-box{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;background:#140c06cc;border:2px solid var(--brass-d);border-radius:14px;padding:8px 14px 8px 8px}.rv-ring{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center}.rv-in{width:66px;height:66px;border-radius:50%;background:#1a1008;display:flex;align-items:center;justify-content:center}.rv-num{font-size:2.8rem;font-weight:700;line-height:1;color:#8fe0c3;text-shadow:0 2px 4px #000}.revive-box.none .rv-num{color:#ff6a5a}.rv-side{display:flex;flex-direction:column;gap:6px}.rv-label{font-size:.8rem;color:var(--muted, #cdb892);letter-spacing:.04em}.rv-life{font-size:1.15rem;background:#ffb43c2e;border:1px solid #ffb43c;border-radius:8px;padding:2px 8px;color:#ffd98a}@media (max-width: 700px){.rv-ring{width:62px;height:62px}.rv-in{width:48px;height:48px}.rv-num{font-size:2rem}.rv-label{display:none}}.slot.relic{border-color:#6fe6ff;box-shadow:0 0 8px #6fe6ff80}.card.offer.relic{box-shadow:0 0 14px #ff9d2e59}.banners{top:165px}.length-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.map-card{padding:0 0 10px;overflow:hidden}.map-card>:not(.map-thumb){margin-left:12px;margin-right:12px}.map-thumb{position:relative;height:96px;background-size:cover;background-position:center;border-bottom:2px solid var(--brass-d);margin-bottom:8px}.map-card.selected .map-thumb{border-bottom-color:#f0d080}.map-card.locked .map-thumb{filter:grayscale(.7) brightness(.7)}.map-lock{position:absolute;right:8px;top:6px;font-size:1.2rem;text-shadow:0 0 6px #000}.ach-new{margin:10px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.ach-chip{background:#d9a44133;border:1px solid var(--brass);border-radius:14px;padding:2px 10px}.fps-box{position:absolute;top:56px;right:14px;background:#0000008c;color:#9fe8a0;padding:2px 8px;border-radius:6px;font-size:.8rem;font-family:monospace;pointer-events:none}.hard-row{margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.team-row .ttitle{font-size:.9rem}.ach.mine{border-color:var(--brass);box-shadow:0 0 12px #d9a44159}.ach{cursor:pointer}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}.ach{display:flex;gap:12px;align-items:center;background:#00000059;border:2px solid var(--brass-d);border-radius:10px;padding:10px 12px}.ach.locked{opacity:.5;filter:grayscale(.8)}.ach .ai{font-size:2rem}.ach b{color:var(--brass)}.ach small{display:block;color:var(--muted)}body.pad :focus{outline:3px solid #ffd27a;outline-offset:-3px;box-shadow:0 0 0 2px #000000b3,0 0 14px #ffd27ab3;scroll-margin:70px 20px}body.pad .ach:focus{background:#d9a44138}body.pad .card:focus{transform:translateY(-6px) scale(1.03);box-shadow:0 0 24px #d9a44199}.pad-help.off{display:none!important}.pad-help{position:fixed;left:50%;bottom:6px;transform:translate(-50%);background:#0009;color:var(--muted, #bba);padding:3px 12px;border-radius:10px;font-size:.75rem;z-index:50;pointer-events:none;display:none;white-space:nowrap}body.pad .pad-help{display:block}.ach-pops{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:min(340px,80vw)}.ach-pop{display:flex;gap:12px;align-items:center;background:#140c06f2;border:2px solid #ffd27a;border-radius:12px;padding:10px 16px 10px 12px;box-shadow:0 0 18px #ffd27a80,0 4px 14px #000;animation:bannerIn .3s ease-out;transition:opacity .6s,transform .6s}.ach-pop.out{opacity:0;transform:translate(30px)}.ach-pop .ap-icon{font-size:2.2rem}.ach-pop small{display:block;color:#ffd27a;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.ach-pop b{display:block;font-size:1.15rem;color:#fff1c8}.ach-pop span{display:block;font-size:.85rem;color:var(--muted, #cdb892)}.settings{max-width:760px}.settings h3{color:var(--brass);margin:14px 0 6px;border-bottom:1px solid var(--brass-d);padding-bottom:4px}.settings h3:first-child{margin-top:0}.set-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 4px;border-bottom:1px dashed rgba(217,164,65,.2)}.set-label{flex:1 1 auto;min-width:0}.set-label small{display:block;color:var(--muted);font-size:.8rem}.set-slider{display:flex;align-items:center;gap:10px;width:min(300px,50%)}.set-slider .slider{flex:1;accent-color:var(--brass)}.set-val{min-width:48px;text-align:right}.set-row .btn{width:auto;flex:none;display:inline-block;margin:0;min-width:120px;padding:8px 18px}.set-row .btn.toggle{min-width:90px}.btn.toggle.on{border-color:#5b8a5f;color:var(--good, #8fe0a0)}.set-row.danger-zone .set-label{color:#ffb0a0}