@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');
.frame-stellar{border:2px solid #7ad8ff;box-shadow:0 0 24px #44bfff99}.frame-supreme{border:2px solid #fff1a8;box-shadow:0 0 28px #ffcc47aa,0 0 45px #9c78ff55}.title-badge.stellar{color:#7ad8ff;background:#10273b}.title-badge.supreme{color:#fff1a8;background:linear-gradient(135deg,#3a2510,#271b43)}
:root{--bg:#06101d;--panel:#0b1828;--panel2:#101f31;--text:#eef8f7;--muted:#8094a8;--line:rgba(151,190,205,.15);--cyan:#66f7dd;--lime:#caff52;--red:#ff5d6c;--purple:#9c78ff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans SC',sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.ambient{position:fixed;width:520px;height:520px;filter:blur(100px);opacity:.12;border-radius:50%;pointer-events:none}.ambient-a{background:#43f9cf;top:-240px;right:-200px}.ambient-b{background:#6044ff;bottom:-300px;left:-200px}.topbar{height:84px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.brand span span{color:var(--cyan)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);box-shadow:inset 0 0 18px rgba(102,247,221,.1)}nav{display:flex;align-items:center;gap:8px}nav a{padding:10px 14px;color:var(--muted);font-size:14px;border-radius:10px;transition:.2s}nav a:hover,nav a.active{color:#fff;background:rgba(255,255,255,.05)}nav .nav-cta{color:#06101d;background:var(--cyan);font-weight:700}nav .nav-quiet{font-size:12px}main{max-width:1240px;margin:auto;padding:0 24px;position:relative}.toast{position:fixed;z-index:50;top:96px;left:50%;transform:translateX(-50%);background:var(--cyan);color:#07111f;padding:11px 18px;border-radius:999px;font-weight:700;box-shadow:0 12px 40px #0008;animation:toast 4s forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}10%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}.hero{min-height:630px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;border-bottom:1px solid var(--line);position:relative}.hero-copy{padding:70px 0}.eyebrow,.kicker{font-size:11px;letter-spacing:2.5px;color:var(--cyan);font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);margin-right:9px}.hero h1{font-size:clamp(52px,6.8vw,92px);line-height:.98;letter-spacing:-5px;margin:22px 0 26px;font-weight:900}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(222,252,247,.7)}.hero-copy>p{font-size:17px;line-height:1.9;color:#91a5b7;max-width:610px}.hero-actions{display:flex;gap:12px;margin:36px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:12px;padding:14px 22px;cursor:pointer;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--cyan);color:#06101d;box-shadow:0 12px 30px rgba(80,244,215,.13)}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#dce7ec}.hero-meta{display:flex;gap:38px;margin-top:46px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:21px}.hero-meta span{font-size:11px;color:var(--muted);margin-top:4px}.hero-visual{display:grid;place-items:center;position:relative}.radar{width:min(37vw,440px);aspect-ratio:1;border:1px solid rgba(102,247,221,.18);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(102,247,221,.11),transparent 54%);box-shadow:0 0 80px rgba(43,255,222,.06)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(102,247,221,.15)}.radar:before{width:1px;height:100%}.radar:after{height:1px;width:100%}.orbit{position:absolute;border:1px dashed rgba(102,247,221,.21);border-radius:50%}.o1{inset:14%}.o2{inset:29%}.o3{inset:43%}.radar-core{width:108px;height:108px;border-radius:50%;background:#0d1e2d;border:1px solid var(--cyan);display:grid;place-content:center;text-align:center;font-size:23px;font-weight:900;box-shadow:0 0 50px rgba(102,247,221,.18);z-index:2}.radar-core small{display:block;color:var(--cyan);letter-spacing:4px;font-size:11px}.blip{width:7px;height:7px;background:var(--lime);box-shadow:0 0 12px var(--lime);border-radius:50%;position:absolute;z-index:3}.b1{top:23%;right:24%}.b2{bottom:22%;left:27%}.b3{top:47%;left:9%}.status-chip{position:absolute;bottom:4%;right:6%;border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:var(--cyan);font-size:10px;letter-spacing:1px;background:var(--bg)}.section{padding:100px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2{font-size:40px;letter-spacing:-2px;margin:8px 0 0}.section-head>p{color:var(--muted);line-height:1.7;max-width:410px;font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}.game-card:hover{transform:translateY(-5px);border-color:rgba(102,247,221,.4)}.game-card:first-child:last-child{grid-column:span 2}.game-art{height:290px;position:relative;overflow:hidden;background:linear-gradient(150deg,#12283a,#091421)}.game-art:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(102,247,221,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(102,247,221,.06) 1px,transparent 1px);background-size:30px 30px;transform:perspective(500px) rotateX(58deg) scale(1.6);transform-origin:bottom}.game-art>b{position:absolute;top:20px;right:20px;color:var(--lime);font-size:10px;letter-spacing:2px}.tank-shape{position:absolute;left:17%;bottom:23%;width:80px;height:30px;background:var(--cyan);clip-path:polygon(12% 0,75% 0,100% 65%,87% 100%,0 100%);box-shadow:0 0 30px var(--cyan)}.tank-shape:before{content:"";position:absolute;width:48px;height:8px;background:var(--cyan);left:45px;top:-12px;transform:rotate(-24deg);transform-origin:left}.crosshair{position:absolute;width:65px;height:65px;right:18%;top:28%;border:2px solid var(--red);border-radius:50%;box-shadow:0 0 24px rgba(255,93,108,.3)}.crosshair:after,.crosshair:before{content:"";position:absolute;background:var(--red);left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair:before{width:85px;height:1px}.crosshair:after{height:85px;width:1px}.trajectory{position:absolute;left:24%;bottom:37%;width:57%;height:42%;border-top:2px dashed var(--lime);border-right:2px dashed var(--lime);border-radius:0 70px 0 0;transform:skewY(-18deg)}.game-info{padding:24px 26px;display:flex;justify-content:space-between;align-items:center}.game-info h3{font-size:23px;margin:0 0 8px}.game-info p{margin:0;color:var(--muted)}.round-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:20px}.player-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:28px;display:grid;grid-template-columns:240px 1fr 1.15fr;gap:35px;align-items:center}.album-art{aspect-ratio:1;background:linear-gradient(145deg,#152a38,#09141e);display:grid;place-items:center;border-radius:17px}.vinyl{width:74%;height:74%;border-radius:50%;background:repeating-radial-gradient(circle,#121c24 0 4px,#080c10 5px 7px);display:grid;place-items:center;animation:spin 8s linear infinite;animation-play-state:paused}.playing .vinyl{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.vinyl span{width:33%;height:33%;border-radius:50%;background:var(--cyan);border:13px solid #19333b}.player-main h3{font-size:30px;margin:10px 0 5px}.player-main p,.now-label{color:var(--muted)}.now-label{font-size:10px;letter-spacing:2px}.progress{height:4px;background:#21303e;border-radius:4px;margin-top:28px;cursor:pointer}.progress span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.time-row{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px}.controls button{border:0;background:none;color:white;font-size:28px;cursor:pointer}.controls .play{width:52px;height:52px;border-radius:50%;background:var(--cyan);color:#06101d;font-size:15px}.playlist{max-height:245px;overflow:auto}.track{display:grid;grid-template-columns:30px 1fr auto;width:100%;border:0;border-bottom:1px solid var(--line);padding:14px 8px;background:none;color:var(--muted);text-align:left;cursor:pointer}.track b{color:#dce6e9;font-weight:500}.track i{font-style:normal;font-size:11px}.track.active b,.track.active i{color:var(--cyan)}.empty-card{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:60px;color:var(--muted)}.empty-card>span{font-size:40px;color:var(--cyan)}.empty-card h3{color:#fff}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.video-grid article{background:var(--panel);padding:12px;border-radius:16px}.video-grid video{width:100%;border-radius:10px;background:#000}.video-grid h3{padding:0 10px}.rank-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:0 24px}.rank-row{display:grid;grid-template-columns:40px 52px 1fr auto;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 8px}.rank-row:last-child{border:0}.rank-row>strong{color:var(--muted);font-size:13px}.rank-row>div:nth-child(3){display:flex;flex-direction:column}.rank-row span{font-size:11px;color:var(--cyan);margin-top:3px}.rank-row em{font-style:normal;color:var(--lime);font-weight:700}.mini-avatar,.profile-avatar{border-radius:50%;display:grid;place-items:center;background:#173044;font-weight:700;position:relative}.mini-avatar{width:42px;height:42px}.mini-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.frame-rare,.frame-epic,.frame-legend,.frame-mythic{border:2px solid var(--cyan);box-shadow:0 0 13px rgba(102,247,221,.3)}.frame-epic{border-color:var(--purple);box-shadow:0 0 16px #9c78ff66}.frame-legend{border-color:#ffcc47;box-shadow:0 0 18px #ffcc4777}.frame-mythic{border-color:#ff6d9a;box-shadow:0 0 22px #ff6d9a88}.empty-inline{padding:25px;color:var(--muted)}footer{max-width:1240px;margin:auto;padding:38px 24px 55px;display:flex;justify-content:space-between;color:#52697c;font-size:10px;letter-spacing:2px}.auth-shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:65px 0}.auth-card{width:min(100%,470px);background:rgba(11,24,40,.92);border:1px solid var(--line);border-radius:24px;padding:42px}.auth-card.wide{width:min(100%,720px)}.auth-card h1{font-size:38px;letter-spacing:-2px;margin:10px 0}.muted{color:var(--muted);line-height:1.6}.auth-card form,.upload-panel form{display:grid;gap:17px;margin-top:28px}.auth-card label,.upload-panel label,.panel label{display:grid;gap:8px;color:#afc0cc;font-size:13px}input{width:100%;background:#07121f;border:1px solid var(--line);border-radius:10px;padding:13px;color:white;outline:none}input:focus{border-color:var(--cyan)}.auth-link{text-align:center;color:var(--muted);font-size:13px;margin-top:24px}.auth-link a{color:var(--cyan)}.error{background:#401a28;color:#ffb6c1;border:1px solid #7d2d42;padding:11px 13px;border-radius:10px;font-size:13px;margin-top:18px}.page-error{margin:20px 0}.form-grid{display:grid!important;grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.profile-hero,.admin-head{display:flex;align-items:center;gap:28px;padding:70px 0 40px}.profile-avatar{width:120px;height:120px;font-size:45px}.profile-hero h1,.admin-head h1{font-size:46px;letter-spacing:-2px;margin:8px 0}.title-badge{display:inline-block;padding:6px 10px;background:#173044;color:var(--cyan);border-radius:7px;font-size:12px}.points-big{margin-left:auto;text-align:right}.points-big strong{display:block;font-size:44px;color:var(--lime)}.points-big span{font-size:11px;color:var(--muted)}.profile-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:90px}.panel{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.panel h2{margin-top:0}.file-drop input{display:none}.file-drop span{border:1px dashed #31516a;border-radius:12px;padding:28px;text-align:center;color:var(--cyan);cursor:pointer}.log-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.log-list span{display:flex;flex-direction:column}.log-list small{color:var(--muted);margin-top:3px}.plus{color:var(--lime)}.minus{color:var(--red)}.admin-head{justify-content:space-between}.admin-grid{padding-bottom:20px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#07121f;border-radius:10px;padding:4px}.segmented input{display:none}.segmented span{display:block;padding:9px;text-align:center;border-radius:8px;cursor:pointer}.segmented input:checked+span{background:var(--cyan);color:#06101d;font-weight:700}.manage-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.manage-row div{display:flex;flex-direction:column}.manage-row span{font-size:11px;color:var(--muted)}.switch{border:0;width:44px;height:24px;border-radius:30px;background:#243646;padding:3px;cursor:pointer}.switch i{display:block;width:18px;height:18px;border-radius:50%;background:#718496;transition:.2s}.switch.on{background:var(--cyan)}.switch.on i{transform:translateX(20px);background:#06101d}.admin-section{margin-bottom:20px}.panel-title{display:flex;justify-content:space-between}.panel-title span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;letter-spacing:1px;color:var(--muted);padding:12px}td{padding:13px 12px;border-top:1px solid var(--line);font-size:13px}td small{display:block;color:var(--muted);margin-top:4px}td input{display:inline-block;width:100px;padding:8px}.type-pill{font-size:9px;text-transform:uppercase;background:#173044;color:var(--cyan);padding:5px 7px;border-radius:5px}.row-actions{display:flex;gap:7px}.row-actions form{margin:0}.row-actions button,.tiny-btn{border:1px solid var(--line);background:none;color:#c8d5dc;border-radius:7px;padding:7px 10px;cursor:pointer}.row-actions .danger{color:var(--red)}
@media(max-width:800px){.topbar{height:auto;min-height:72px;align-items:flex-start;padding-top:18px;padding-bottom:14px}.brand{font-size:18px}nav{flex-wrap:wrap;justify-content:flex-end;gap:2px}nav a{padding:7px 8px;font-size:12px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 0 20px}.hero h1{letter-spacing:-3px}.hero-visual{padding:35px 0 80px}.radar{width:80vw}.hero-meta{gap:24px}.section{padding:70px 0}.section-head{display:block}.section-head h2{font-size:34px}.section-head>p{margin-top:14px}.game-grid{grid-template-columns:1fr}.game-card:first-child:last-child{grid-column:auto}.game-art{height:220px}.player-card{grid-template-columns:1fr;padding:18px}.album-art{max-width:220px;margin:auto;width:100%}.playlist{max-height:200px}.video-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:30px 45px 1fr}.rank-row em{grid-column:3}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-avatar{width:90px;height:90px}.profile-hero h1,.admin-head h1{font-size:35px}.points-big{width:100%;text-align:left}.profile-grid,.admin-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.auth-card{padding:28px 22px}.admin-head{align-items:flex-end}footer{flex-direction:column;gap:10px}}
.game-page{padding:50px 0 90px}.game-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.game-top h1{font-size:52px;letter-spacing:-3px;margin:8px 0}.game-top p{color:var(--muted);margin:0}.game-user{text-align:right;display:flex;flex-direction:column}.game-user span{font-size:11px;color:var(--cyan)}.game-user strong{font-size:19px;margin-top:4px}.game-shell{background:#081522;border:1px solid rgba(102,247,221,.2);border-radius:22px;overflow:hidden;box-shadow:0 35px 90px #0006}.hud{height:68px;display:flex;align-items:center;padding:0 22px;gap:35px;border-bottom:1px solid var(--line)}.hud>div{display:flex;flex-direction:column}.hud span{color:var(--muted);font-size:9px;letter-spacing:1px}.hud b{font-size:14px;margin-top:3px}.power-btn,.sound-btn{border:1px solid var(--line);background:#102234;color:var(--cyan);border-radius:9px;padding:9px 13px;cursor:pointer}.power-btn{margin-left:auto}.power-btn small{color:var(--muted);margin-left:6px}.power-btn.active{background:var(--cyan);color:#06101d}.power-btn:disabled{opacity:.4}.sound-btn{font-size:18px}.canvas-wrap{position:relative;background:#06111c}.canvas-wrap canvas{display:block;width:100%;height:auto;max-height:66vh;touch-action:none}.game-overlay{position:absolute;inset:0;background:rgba(3,10,17,.82);backdrop-filter:blur(5px);display:none;place-content:center;text-align:center;padding:30px;z-index:5}.game-overlay.show{display:grid}.game-overlay h2{font-size:35px;margin:10px}.game-overlay p{color:var(--muted);max-width:480px;line-height:1.7}.game-overlay .btn{margin:auto}.overlay-icon{font-size:45px;color:var(--cyan)}.touch-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;color:#8094a8;background:#06101dbb;padding:5px 9px;border-radius:5px}.game-controls{min-height:95px;padding:16px 23px;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line)}.angle-control{display:grid;grid-template-columns:auto minmax(150px,280px) 45px;align-items:center;gap:12px;color:var(--muted);font-size:12px}.angle-control input{accent-color:var(--cyan);padding:0}.angle-control b{color:white}.fire-btn{margin-left:auto;width:140px;height:60px;border:1px solid var(--cyan);border-radius:11px;background:rgba(102,247,221,.08);color:var(--cyan);display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:9px 16px;cursor:pointer}.fire-btn i{grid-row:span 2;width:16px;height:16px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.fire-btn span{font-weight:800}.fire-btn small{font-size:8px;letter-spacing:2px}.utility{border:1px solid var(--line);background:none;color:white;border-radius:10px;height:60px;width:60px;font-size:20px;cursor:pointer}.utility small{display:block;color:var(--muted);font-size:9px}.game-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px}.game-notes>div{border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:15px}.game-notes b{color:var(--cyan);font-size:11px}.game-notes span{font-size:11px;color:var(--muted);line-height:1.5}.game-notes strong{display:block;color:#dce8ec;font-size:13px;margin-bottom:2px}
@media(max-width:800px){.game-page{padding-top:30px}.game-top{display:block}.game-top h1{font-size:40px}.game-user{text-align:left;margin-top:20px}.hud{gap:16px;padding:0 12px}.power-btn{font-size:0;padding:8px}.power-btn:first-letter{font-size:15px}.power-btn small{font-size:9px;margin:0}.sound-btn{display:none}.game-controls{padding:12px;flex-wrap:wrap}.angle-control{width:100%;grid-template-columns:auto 1fr 40px}.fire-btn{margin-left:0;flex:1}.game-notes{grid-template-columns:1fr}.touch-hint{white-space:nowrap}}