:root{--bg:#060914;--panel:#0d1324;--line:#263654;--muted:#8290aa;--text:#eef5ff;--cyan:#38e8ff;--violet:#9b6cff;--amber:#ffb14a;--red:#ff4d6d;--green:#57f2a5;--shadow:0 20px 60px #0009}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}.screen{display:none;width:100%;height:100%;position:absolute;inset:0}.screen.active{display:flex}.hidden{display:none!important}.eyebrow{font:700 11px Consolas,monospace;letter-spacing:.22em;color:var(--cyan);margin:0 0 10px}.menu-screen{align-items:center;padding:7vh 8vw;background:radial-gradient(circle at 72% 42%,#17214b 0,#0b1025 27%,transparent 58%),linear-gradient(120deg,#050812,#090d1b)}.ambient-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#34456433 1px,transparent 1px),linear-gradient(90deg,#34456433 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.ambient-grid:after{content:"";position:absolute;width:42vmin;height:42vmin;right:13vw;top:24vh;border:1px solid #38e8ff44;border-radius:50%;box-shadow:0 0 0 4vmin #9b6cff0b,0 0 0 8vmin #38e8ff09,0 0 80px #38e8ff22;animation:pulse 4s ease-in-out infinite}.brand{position:relative;width:46%;z-index:2}.brand h1{font-size:clamp(66px,9vw,138px);line-height:.76;letter-spacing:-.07em;margin:0;font-weight:800;text-shadow:0 0 40px #38e8ff16}.brand h1 span{color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 40px #38e8ff55}.tagline{color:var(--muted);font-size:18px;letter-spacing:.08em;margin:32px 0}.brand-mark{display:flex;gap:7px;margin-bottom:26px}.brand-mark i{width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.brand-mark i:nth-child(2){opacity:.55}.brand-mark i:nth-child(3){opacity:.25}.main-nav{position:relative;width:min(520px,42%);z-index:3;display:grid;gap:8px}.btn{min-height:56px;border:1px solid var(--line);background:#10182be8;color:var(--text);padding:0 18px;display:flex;gap:18px;align-items:center;letter-spacing:.08em;font-weight:600;cursor:pointer;text-align:left;transition:.18s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn:hover,.btn:focus-visible{border-color:var(--cyan);transform:translateX(5px);background:#17223b}.btn.primary{background:linear-gradient(90deg,#14b9d0,#26e1ea);border-color:var(--cyan);color:#041019;box-shadow:0 0 26px #38e8ff33}.btn span{font:11px Consolas;opacity:.55}.btn b{margin-left:auto;font-size:12px;color:var(--muted)}kbd{margin-left:auto;border:1px solid currentColor;padding:3px 7px;font:10px Consolas;opacity:.6}.profile-strip{position:absolute;right:8vw;top:4vh;display:flex;gap:30px;z-index:3}.profile-strip div,.currency span{display:grid}.profile-strip small,.currency{font:9px Consolas;letter-spacing:.15em;color:var(--muted)}.profile-strip strong{font-size:14px;text-align:right}.menu-footer{position:absolute;bottom:4vh;left:8vw;color:#5f6c85;font:10px Consolas}.menu-footer span{color:var(--cyan);margin-left:12px}.panel-screen{background:linear-gradient(135deg,#070b15,#0b1222);flex-direction:column}.panel-header{height:92px;display:flex;align-items:center;gap:22px;padding:0 5vw;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:28px;letter-spacing:.08em}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#10182b;color:var(--text);font-size:22px;cursor:pointer}.currency{margin-left:auto;display:flex;gap:20px}.currency b{font-size:14px;color:var(--text)}.panel-content{padding:32px 5vw 60px;overflow:auto;flex:1}.loadout-grid{display:grid;grid-template-columns:220px 1fr 280px;gap:24px;min-height:580px}.slot-list{display:grid;align-content:start;gap:8px}.slot-btn{background:#0e1628;border:1px solid var(--line);color:var(--text);padding:16px;text-align:left;cursor:pointer}.slot-btn.active{border-color:var(--cyan);box-shadow:inset 3px 0 var(--cyan)}.slot-btn small,.item-card small{display:block;color:var(--muted);font:9px Consolas;letter-spacing:.14em;margin-bottom:5px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;align-content:start}.item-card{border:1px solid var(--line);background:#0c1425;padding:18px;min-height:132px;cursor:pointer;position:relative;transition:.18s}.item-card:hover{border-color:#536887;transform:translateY(-2px)}.item-card.equipped{border-color:var(--cyan);box-shadow:0 0 22px #38e8ff13}.item-card h3{margin:5px 0;font-size:16px}.item-card p{font-size:12px;color:var(--muted);line-height:1.4}.rarity{font:9px Consolas;text-transform:uppercase}.rarity.comum{color:#a7b1c1}.rarity.incomum{color:var(--green)}.rarity.raro{color:#51a9ff}.rarity.épico{color:var(--violet)}.detail-card{background:#111a2d;border:1px solid var(--line);padding:22px;height:max-content;position:sticky;top:0}.detail-orb{width:90px;height:90px;margin:0 auto 20px;border-radius:50%;border:2px solid var(--cyan);box-shadow:inset 0 0 22px #38e8ff55,0 0 30px #38e8ff22;position:relative}.detail-orb:after{content:"";position:absolute;inset:25%;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.detail-card h3{text-align:center}.stat-line{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;align-items:center;margin:11px 0;font-size:11px}.mini-bar{height:3px;background:#27324b}.mini-bar i{display:block;height:100%;background:var(--cyan)}.benefit{color:var(--green)}.penalty{color:var(--red)}.section-title{font-size:12px;letter-spacing:.16em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.progress-grid,.stats-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-card{background:#0d1526;border:1px solid var(--line);padding:22px}.info-card h3{margin:0 0 14px}.big-number{font:700 40px Consolas;color:var(--cyan)}.account-bar{height:8px;background:#202c43;margin:14px 0}.account-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet))}.setting{display:grid;gap:9px;margin:18px 0}.setting label{color:var(--muted);font-size:12px}.setting input,.setting select{width:100%;accent-color:var(--cyan);background:#09101e;border:1px solid var(--line);color:var(--text);padding:10px}.danger{color:var(--red);border-color:#ff4d6d66}.game-screen{background:#030610}.game-screen canvas{width:100%;height:100%;display:block}.hud{position:absolute;z-index:5;pointer-events:none}.top-left{top:22px;left:24px;width:310px}.top-center{top:20px;left:50%;transform:translateX(-50%);text-align:center}.top-center small{display:block;color:var(--muted);font:9px Consolas;letter-spacing:.2em}.top-center strong{font:700 25px Consolas}.top-right{right:24px;top:22px;width:210px}.hp-row{display:flex;gap:12px;align-items:center}.core-icon{width:38px;height:38px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 16px #38e8ff55,inset 0 0 12px #38e8ff44}.hp-row>div{flex:1;position:relative}.hp-row small{font:9px Consolas;letter-spacing:.15em;color:var(--muted)}.hp-row b{position:absolute;right:4px;bottom:3px;font:9px Consolas}.bar{height:12px;background:#111a2bbb;border:1px solid #33405a}.bar i{display:block;height:100%;transition:width .15s}.bar.hp i{background:linear-gradient(90deg,#26d89e,#59f3c5)}.xp-row{display:flex;gap:8px;align-items:center;margin-top:8px}.xp-row span{font:10px Consolas;color:var(--cyan)}.bar.xp{height:5px;flex:1}.bar.xp i{background:var(--violet)}.stat-chips{display:flex;gap:7px;margin-top:9px}.stat-chips span{background:#0c1322dd;border-left:2px solid var(--cyan);padding:6px 9px;font:9px Consolas;color:var(--muted)}.stat-chips b{color:var(--text)}.leaderboard{background:#080e1bc7;border:1px solid #24335188;padding:12px 15px}.leaderboard small{font:9px Consolas;letter-spacing:.15em;color:var(--muted)}.leaderboard ol{list-style:none;padding:0;margin:8px 0 0;counter-reset:rank}.leaderboard li{display:grid;grid-template-columns:20px 1fr auto;gap:6px;padding:3px;font-size:11px;color:#a9b4c7}.leaderboard li:before{counter-increment:rank;content:counter(rank);font:9px Consolas;color:#60708d}.leaderboard li.you{color:var(--cyan)}.bottom-center{bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.ability{width:210px;background:#0c1322e8;border:1px solid var(--line);padding:10px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;overflow:hidden}.ability kbd{grid-row:1/3;margin:0}.ability b{font-size:11px}.cool{height:3px;background:#27324b}.cool i{display:block;height:100%;background:var(--cyan)}.controls-hint{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font:8px Consolas;color:#66748d;z-index:5;white-space:nowrap}.kill-feed{position:absolute;right:24px;top:220px;z-index:6;text-align:right;font:10px Consolas}.feed-item{padding:4px 7px;background:#080e1baa;margin:3px;color:#b9c6da;animation:feed 3.2s forwards}.feed-item b{color:var(--amber)}#crosshair{position:absolute;width:24px;height:24px;border:1px solid #fff9;border-radius:50%;z-index:8;pointer-events:none;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff9}#crosshair:before{width:8px;height:1px;top:11px;left:7px}#crosshair:after{height:8px;width:1px;left:11px;top:7px}#damage-flash{position:absolute;inset:0;pointer-events:none;transition:.1s;z-index:4}.damage #damage-flash{box-shadow:inset 0 0 90px 12px #ff355955}.modal-overlay{position:absolute;inset:0;z-index:20;background:#02050cdd;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.modal{background:#0d1526;border:1px solid var(--line);padding:35px;width:min(440px,90vw);box-shadow:var(--shadow)}.modal h2{font-size:40px;margin:0 0 25px}.modal .btn{width:100%;margin:8px 0}.upgrade-modal{width:min(1030px,94vw);text-align:center}.upgrade-modal h2{font-size:38px;margin:0}.upgrade-modal>p:not(.eyebrow){color:var(--muted)}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.upgrade-card{text-align:left;background:linear-gradient(145deg,#111a30,#0b1222);border:1px solid var(--line);padding:24px;min-height:235px;color:var(--text);cursor:pointer;transition:.18s;position:relative}.upgrade-card:hover{transform:translateY(-7px);border-color:var(--cyan)}.upgrade-card .key{position:absolute;right:13px;top:13px;font:12px Consolas;color:var(--cyan)}.upgrade-card .upgrade-icon{font-size:36px;color:var(--cyan)}.upgrade-card h3{font-size:20px;margin:28px 0 7px}.upgrade-card p{color:var(--muted);font-size:13px;line-height:1.5}.upgrade-card small{font:9px Consolas;letter-spacing:.14em;color:var(--violet)}.result-screen{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#17264d,#070a14 62%)}.result-card{width:min(920px,94vw);padding:32px 44px;background:#0b1221e8;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.placement small{display:block;color:var(--muted);font:9px Consolas;letter-spacing:.2em}.placement strong{font:700 64px Consolas;color:var(--cyan);text-shadow:0 0 30px #38e8ff55}.result-card h2{margin:0 0 24px}.result-stats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line)}.result-stats div{padding:16px 8px;border-right:1px solid var(--line)}.result-stats small{display:block;font:8px Consolas;color:var(--muted)}.result-stats b{font:700 18px Consolas}.result-rewards{display:flex;justify-content:center;gap:30px;padding:20px;color:var(--amber)}.result-actions{display:flex;justify-content:center;gap:10px}.result-actions .btn{width:250px}#toast{position:fixed;z-index:100;bottom:25px;right:25px;background:#101a2f;border:1px solid var(--cyan);padding:13px 20px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;font-size:12px}#toast.show{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.04);opacity:.65}}@keyframes feed{0%,75%{opacity:1}100%{opacity:0;transform:translateX(10px)}}@media(max-width:850px){.menu-screen{align-items:flex-start;flex-direction:column;padding:5vh 6vw;overflow:auto}.brand{width:100%}.brand h1{font-size:58px}.main-nav{width:100%;margin-top:20px}.profile-strip{position:relative;right:auto;top:auto;margin-top:25px}.menu-footer{display:none}.loadout-grid{grid-template-columns:1fr}.detail-card{position:relative}.result-stats{grid-template-columns:repeat(3,1fr)}.top-right{display:none}.top-left{width:250px}.upgrade-cards{grid-template-columns:1fr;max-height:65vh;overflow:auto}.bottom-center .ability{width:145px}.controls-hint{display:none}}