@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,900;1,900&family=Inter:wght@400;600;800&display=swap');
:root{--bg:#080b1d;--card:#131832;--ink:#f7f8ff;--muted:#9aa4c8;--cyan:#54f2e5;--pink:#ff4f91;--violet:#7c3cff;--gold:#ffc857}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}header{height:72px;padding:0 clamp(16px,3vw,48px);display:flex;align-items:center;gap:30px;background:rgba(7,10,28,.94);border-bottom:1px solid #222a50;position:fixed;z-index:20;inset:0 0 auto}.brand{border:0;background:none;display:flex;align-items:center;text-align:left;font-family:'Barlow Condensed';font-size:14px;line-height:.8;letter-spacing:1px}.brand b{font-size:19px;color:var(--cyan)}.bolt{font-size:36px;color:var(--pink);margin-right:7px}nav{display:flex;gap:4px;height:100%;flex:1}nav button{border:0;background:transparent;color:var(--muted);font-family:'Barlow Condensed';font-weight:700;letter-spacing:1px;padding:0 13px}nav button:hover,nav button.active{color:white;background:linear-gradient(transparent 92%,var(--cyan) 92%)}.wallet{display:flex;align-items:center;gap:15px;font-size:13px}.wallet span:first-child{color:var(--cyan)}.wallet span:nth-child(2){color:var(--gold)}#settingsBtn{background:#1b2143;border:1px solid #303961;border-radius:8px;padding:8px}main{padding-top:72px}.view{display:none;min-height:calc(100vh - 72px)}.view.active{display:block}.hero{background:linear-gradient(90deg,rgba(5,8,25,.98) 0%,rgba(5,8,25,.75) 35%,rgba(5,8,25,.1) 75%),linear-gradient(0deg,#080b1d 0%,transparent 35%),url('assets/hero.png') center/cover;position:relative;padding:clamp(60px,10vh,120px) clamp(25px,8vw,120px)}.hero-copy{max-width:600px}.eyebrow,small{font-family:'Barlow Condensed';letter-spacing:2px;color:var(--cyan);font-weight:700}.hero h1{font-family:'Barlow Condensed';font-weight:900;font-size:clamp(72px,10vw,142px);line-height:.72;margin:25px 0 30px;letter-spacing:-3px}.hero h1 i{color:transparent;-webkit-text-stroke:2px var(--pink)}.hero p{max-width:440px;color:#c8cde3;font-size:18px;line-height:1.6}.cta,.ghost{padding:15px 22px;border-radius:3px;margin:18px 10px 0 0;font-family:'Barlow Condensed';font-weight:900;letter-spacing:1px;border:0}.cta{background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 8px 30px #7c3cff55}.ghost{background:#12172ecc;border:1px solid #5a638a}.season-card{position:absolute;right:6vw;bottom:7vh;background:#0e1330dd;border:1px solid #37416f;border-left:3px solid var(--cyan);padding:22px;width:260px;backdrop-filter:blur(12px)}.season-card>strong{display:block;font-family:'Barlow Condensed';font-size:30px;margin-top:7px}.season-card hr{border:0;border-top:1px solid #333b60}.season-card div{display:flex;justify-content:space-between;font-size:12px}.progress{height:7px;background:#272e53;margin-top:9px}.progress i{background:linear-gradient(90deg,var(--cyan),var(--violet));width:0;height:100%;display:block}.panel{padding:45px clamp(20px,6vw,90px);background:radial-gradient(circle at 70% 0,#211b50 0,transparent 35%)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-title h2{font:900 clamp(45px,6vw,78px)/.8 'Barlow Condensed';margin:8px 0}.section-title>span{color:var(--muted)}.mode-grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode,.cards article,.premium,.playlist,.notice,.empty,.clan{background:linear-gradient(145deg,#191f40,#10152c);border:1px solid #2d365e;padding:25px;position:relative;overflow:hidden}.mode{min-height:270px;display:flex;flex-direction:column;align-items:flex-start}.mode h3,.cards h3{font:900 32px 'Barlow Condensed';margin:30px 0 5px}.mode p,.cards p,.notice{color:var(--muted);line-height:1.6}.mode .cta{margin-top:auto}.mode.featured{border-color:var(--cyan);background:linear-gradient(145deg,#194453,#11162f)}.mode.gun{border-color:var(--pink);background:linear-gradient(145deg,#4a1838,#11162f)}.tag{padding:5px 9px;background:var(--cyan);color:#071424;font:800 11px Inter}.tag.danger{background:var(--pink);color:white}.sub{margin-top:40px;font:800 20px 'Barlow Condensed';letter-spacing:2px}.map-row{display:flex;gap:12px;overflow:auto}.map{min-width:190px;height:100px;padding:15px;border:1px solid #364067;background:var(--map);font-family:'Barlow Condensed';font-weight:900;font-size:20px;text-shadow:0 2px 6px #000}.map.selected{outline:2px solid var(--cyan)}#missions{display:grid;gap:10px}.mission{background:#131832;padding:16px;border-left:3px solid var(--violet);display:flex;justify-content:space-between}.rank-layout,.locker-layout{display:grid;grid-template-columns:340px 1fr;gap:30px}.rank,.preview{text-align:center;background:#121731;border:1px solid #303a65;padding:35px}.rank-gem{font-size:90px;color:var(--cyan)}.rank h3{font:900 36px 'Barlow Condensed';margin:0}.rank strong{font:900 55px 'Barlow Condensed';display:block}.playlist{display:grid;grid-template-columns:1fr 1fr auto;margin-bottom:10px}.playlist em{color:var(--cyan)}.notice{margin-top:18px;border-left:3px solid var(--gold);font-size:13px}.online{color:var(--gold)!important}.empty{max-width:570px;text-align:center;margin:auto}.empty>div{font-size:70px;color:var(--violet)}input{background:#090d20;border:1px solid #3b456d;padding:15px;color:white;margin:10px;width:70%}.hidden{display:none!important}.clan{text-align:center}.preview #runnerPreview{font-size:140px;color:var(--cyan);filter:drop-shadow(0 0 20px currentColor)}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skin{border:1px solid #30395e;background:#11162e;padding:20px;text-align:center}.skin .sprite{font-size:50px}.skin.equipped{border-color:var(--cyan)}.skin button{background:#282f55;border:0;padding:8px;margin-top:10px;width:100%}.premium{display:flex;align-items:center;gap:20px;border-color:var(--gold)}.premium div{flex:1}.premium strong{font-size:28px}.buy-real{background:var(--gold);color:#17131d;border:0;padding:15px;font-weight:800}.dangerBtn{background:#501b35;border:1px solid var(--pink);padding:12px;margin-top:20px}#gameLayer{position:fixed;inset:0;background:#070a18;z-index:50}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:20px;left:25px;right:75px;display:flex;justify-content:space-between;pointer-events:none}.hud>div{display:flex;flex-direction:column}.hud b{font:900 30px 'Barlow Condensed'}#pause{position:absolute;right:20px;top:20px;border:1px solid #ffffff66;background:#11162dbb;padding:12px}.touch{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between}.touch button{border:1px solid #ffffff55;background:#0f1533aa;padding:18px 28px;border-radius:50px;font:900 15px 'Barlow Condensed';touch-action:none}.touch #slide{margin-right:auto}.touch #shoot{display:none;background:#8e2856}.modal{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);background:#11162f;border:1px solid #44517f;padding:35px;min-width:min(400px,90vw);text-align:center;box-shadow:0 30px 100px #000}.modal:before{content:'';position:fixed;inset:-100vh -100vw;background:#02040dcc;z-index:-1}.modal h2{font:900 42px 'Barlow Condensed';margin:10px}.modal .close{position:absolute;right:12px;top:10px;background:none;border:0;font-size:25px}.modal label{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #293154}.result-score b{font:900 80px 'Barlow Condensed';display:block;color:var(--cyan)}.result-score span{color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;z-index:100;transform:translate(-50%,150px);background:#eafefc;color:#071424;padding:13px 22px;font-weight:800;transition:.3s}#toast.show{transform:translate(-50%,0)}body.contrast{--cyan:#00ffff;--pink:#ff2a79;--muted:#d7dcf5}@media(max-width:850px){header{height:62px;padding:0 10px}.brand span:nth-child(2),.wallet span{display:none}nav{overflow:auto}nav button{padding:0 8px;font-size:12px}.view{min-height:calc(100vh - 62px)}main{padding-top:62px}.season-card{display:none}.mode-grid,.cards{grid-template-columns:1fr}.rank-layout,.locker-layout{grid-template-columns:1fr}.hero{padding-top:12vh}.hero h1{font-size:72px}.skin-grid{grid-template-columns:repeat(2,1fr)}.playlist{grid-template-columns:1fr}.premium{align-items:flex-start;flex-direction:column}.panel{padding:30px 16px}}@media(hover:hover) and (pointer:fine){.touch{opacity:.25}.touch:hover{opacity:1}}
/* Mandatory updater */
.update-gate{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#28155e,#070919 58%);padding:24px;color:#fff}.update-card{width:min(460px,100%);text-align:center;padding:42px;border:1px solid #ffffff22;border-radius:28px;background:#0d1028ee;box-shadow:0 30px 90px #0009}.update-card h2{font-size:42px;margin:12px 0}.update-card p{color:#aeb7cf}.update-card button{width:100%;margin-top:22px;padding:16px;border:0;border-radius:12px;background:linear-gradient(90deg,#6f4cff,#20d8ff);color:#fff;font-weight:900}.update-card span,.update-card small{display:block;margin-top:12px;color:#91a0c5}.update-orbit{width:76px;height:76px;margin:auto;border:3px solid #ffffff20;border-top-color:#55eaff;border-radius:50%;animation:spin 1s linear infinite}.update-orbit i{display:block;width:16px;height:16px;background:#a96cff;border-radius:50%;box-shadow:0 0 20px #a96cff}.update-track{height:8px;margin-top:20px;background:#ffffff16;border-radius:9px;overflow:hidden}.update-track b{display:block;height:100%;width:0;background:#50e7ff}.update-track b.loading{animation:load 1.5s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{to{width:100%}}