@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Outfit,ui-sans-serif,system-ui,sans-serif;color:#f4f6ff;background:#090e21;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #c3fa61;outline-offset:4px}button{transition:transform .18s,background .18s}button:hover{transform:translateY(-2px)}button:disabled{opacity:.4;cursor:default;transform:none}header{height:90px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23283d}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:1px}.brand small{font-size:11px;letter-spacing:2px;color:#959dbb;border-left:1px solid #394056;padding-left:16px;max-width:90px;line-height:1.4}.brand-icon{color:#c2fa65;font-size:37px}.header-right{display:flex;align-items:center;gap:26px}.stars{font-size:14px;color:#c3fa61}.icon-btn{background:transparent;color:#b8c0d8;font-size:14px}main{max-width:1440px;padding:34px 48px 20px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:#8f9cbd;font-size:12px;letter-spacing:2.4px;font-weight:600}h1{font-size:40px;letter-spacing:-1.5px;margin:6px 0 0;font-weight:600}h1 span{color:#c3fa61}.map-button{border:1px solid #3d465e;background:#172036;padding:13px 20px;border-radius:12px;font-size:15px}.map-button span{margin-left:22px;color:#c3fa61}.arena{height:clamp(380px,46vw,560px);min-height:380px;position:relative;border-radius:24px;overflow:hidden;background:#111835;border:1px solid #303a55}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.arena-top{position:absolute;left:26px;right:26px;top:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.location{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700;letter-spacing:1px}.live-dot{width:7px;height:7px;border-radius:50%;background:#c3fa61}.location small{font-size:11px;color:#a6afc7;border-left:1px solid #ffffff40;padding-left:10px;margin-left:4px}.mode{font-size:11px;color:#c8d2ed;letter-spacing:1.5px}.hud{position:absolute;top:68px;width:230px;background:#0a112380;border:1px solid #ffffff15;border-radius:14px;padding:15px;backdrop-filter:blur(12px)}.player{left:26px}.enemy{right:26px}.hud>div:first-child{display:flex;justify-content:space-between;align-items:center}.hud span{font-weight:600;font-size:17px}.hud small{font-size:9px;letter-spacing:.8px;color:#aab6d4}.hud strong{font-size:12px;display:block;margin-top:8px;color:#bbc7de}.health{height:6px;background:#ffffff20;border-radius:10px;margin-top:8px;overflow:hidden}.health i{display:block;height:100%;width:100%;background:#b9f46b;border-radius:10px;transition:width .4s}.enemy .health i{background:#a6a0ff}#announcement{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:15px;text-align:center;background:#10172bdd;border:1px solid #ffffff20;padding:11px 22px;border-radius:40px;width:max-content;max-width:90%;pointer-events:none}.arena-bottom{position:absolute;bottom:15px;left:26px;right:26px;display:flex;justify-content:space-between;color:#a2aec9;font-size:11px;letter-spacing:.5px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:27px}.section-label{display:flex;gap:10px;color:#6f7a96;font-size:12px;letter-spacing:1.2px;margin-bottom:14px}.section-label>span:first-child{color:#c7cfe0}.turn{margin-left:auto;color:#b5ec66!important;font-size:10px}.bot-options,.move-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bot{min-height:83px;background:#121b31;border:1px solid #28334b;border-radius:14px;display:flex;align-items:center;gap:10px;padding:12px;text-align:left;position:relative}.bot.selected{background:#202c32;border-color:#b5ed64}.bot>span:nth-child(2){font-size:13px;font-weight:600}.bot small{display:block;color:#8f9db7;font-size:9px;letter-spacing:1px;margin-top:5px}.bot-symbol{font-size:28px;width:30px;text-align:center}.yellow{color:#ffdf56}.blue{color:#73d9ff}.orange{color:#ff9b59}.check{position:absolute;right:7px;top:5px;font-size:10px;color:#c3fa61}.move{height:83px;border-radius:14px;display:grid;grid-template-columns:30px 1fr;align-content:center;text-align:left;padding:13px;gap:4px 6px}.move>span{grid-row:span 2;font-size:29px;align-self:center}.move b{font-size:14px}.move small{font-size:9px;letter-spacing:.5px}.attack{background:#c3fa61;color:#213213}.shield{background:#253556;color:#b5d4ff}.special{background:#473167;color:#ebceff}footer{display:flex;justify-content:space-between;font-size:12px;color:#6e7a94;margin-top:25px}dialog{color:#f4f6ff;background:#111a31;border:1px solid #3b4965;border-radius:24px;padding:28px;width:650px;max-width:92vw}dialog::backdrop{background:#030716bb;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{background:transparent;font-size:23px}h2{font-size:30px;letter-spacing:-.8px;margin:16px 0 10px}dialog p,.end-card p{color:#a8b7d3;font-size:15px}#planet-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.planet-choice{border:1px solid #33435f;background:#1a2740;border-radius:12px;padding:14px;text-align:left;font-size:15px}.planet-choice small{display:block;color:#a7b6d0;font-size:11px;margin-top:5px}.primary{padding:14px 22px;border-radius:12px;background:#c3fa61;color:#1b2e0e;font-weight:700}.secondary{background:transparent;color:#b6c4df;padding:14px}.fine{font-size:12px!important}#end-panel{position:absolute;inset:0;background:#070c1c88;backdrop-filter:blur(7px);display:grid;place-items:center}#end-panel[hidden]{display:none}.end-card{text-align:center;background:#142039;border:1px solid #53657f;padding:28px;border-radius:22px;max-width:90%}#end-icon{font-size:45px;color:#c3fa61}.end-card button{display:block;margin:10px auto 0}@media(min-width:1450px){main{padding-top:44px}.arena{height:580px}}@media(max-width:1000px){header{padding:0 24px}main{padding:25px 24px}.controls{grid-template-columns:1fr;gap:24px}.bot{justify-content:center}.move{grid-template-columns:35px auto;justify-content:center}.hud{width:200px}.hud small{font-size:8px}h1{font-size:34px}}@media(max-width:600px){header{height:72px;padding:0 16px}.brand{font-size:18px;gap:6px}.brand small{display:none}.header-right{gap:10px}.stars,.icon-btn{font-size:12px}main{padding:23px 12px}.eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:27px}.intro{gap:8px;margin-bottom:18px}.map-button{font-size:12px;padding:11px}.map-button span{display:none}.arena{height:450px;border-radius:19px}.arena-top{left:15px;right:15px;top:17px}.mode{display:none}.hud{top:53px;width:43%;padding:11px}.hud small{display:none}.hud span{font-size:14px}.player{left:14px}.enemy{right:14px}.arena-bottom{left:14px;right:14px;font-size:9px}.arena-bottom span:last-child{max-width:120px;text-align:right}#announcement{font-size:13px;padding:10px 14px;bottom:47px}.controls{padding:23px 3px}.bot{padding:11px 5px;gap:3px}.bot>span:nth-child(2){font-size:11px}.bot-symbol{font-size:23px;width:23px}.move{padding:10px 5px;gap:3px;grid-template-columns:22px auto}.move b{font-size:12px}.move small{font-size:8px}.move>span{font-size:23px}.section-label{font-size:10px}footer{font-size:10px;gap:15px}#planet-list{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}