:root{--bg:#06101d;--card:#0d1b2b;--muted:#8ea3b9;--gold:#f0c454;--green:#20c67a;--line:#1c3551}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 30% -10%,#14385b 0,#06101d 45%);color:#fff;min-height:100vh}.wrap{max-width:520px;margin:auto;padding:18px 16px 90px}.top{display:flex;align-items:center;justify-content:space-between}.brand{font-size:26px;font-weight:900;letter-spacing:.4px}.brand b{color:var(--gold)}.wallet{display:flex;gap:8px}.pill{background:#101f31;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:13px}.hero{margin:18px 0;padding:24px;border:1px solid #2c5275;background:linear-gradient(160deg,#122945,#0b192a);border-radius:28px;text-align:center;box-shadow:0 22px 60px #0006}.coinmark{width:96px;height:96px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff0a8,#d19a19 55%,#704703);box-shadow:0 0 0 8px #f7d87822,0 16px 30px #0008;font-size:44px}.btn{display:block;width:100%;border:0;border-radius:16px;padding:15px;font-weight:900;text-decoration:none;text-align:center;color:#07111d;background:linear-gradient(135deg,#f6d56e,#d9a329);margin-top:12px}.btn.secondary{background:#13263b;color:#fff;border:1px solid var(--line)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:linear-gradient(160deg,#0f2135,#0a1726);border:1px solid var(--line);padding:16px;border-radius:20px}.card h3{margin:6px 0}.muted{color:var(--muted);font-size:13px}.section{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 10px}.nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(500px,calc(100% - 24px));background:#0b1827ee;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px}.nav a{color:#9db0c5;text-decoration:none;text-align:center;font-size:11px;padding:8px 3px}.nav a span{display:block;font-size:20px}.list{display:grid;gap:10px}.stat{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}input,select{width:100%;padding:13px;border-radius:13px;border:1px solid var(--line);background:#081523;color:#fff;margin:6px 0 12px}.notice{padding:12px;border-radius:14px;background:#163321;border:1px solid #28643f}.danger{background:#35181c;border-color:#6b2a33}.rarity{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gold)}
.battle-shell{max-width:980px;margin:auto}.battle-hud{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:12px}.battle-hud>div:first-child,.battle-hud>div:last-child{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:18px;background:#10243a}.turn-pill{padding:10px 14px;border-radius:999px;background:#1c3857;font-weight:800}#coinArena{width:100%;height:auto;display:block;border-radius:24px;background:linear-gradient(145deg,#0b3551,#082137);box-shadow:0 18px 60px #0008;touch-action:none}.battle-controls{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:14px}.battle-controls .btn{margin:0}.result-card{margin-top:16px;padding:18px;border-radius:18px;background:#132c44;border:1px solid #315879;text-align:center;font-size:20px;font-weight:800}@media(max-width:650px){.battle-hud{grid-template-columns:1fr 1fr}.turn-pill{grid-column:1/-1;grid-row:2;text-align:center}.battle-controls{grid-template-columns:1fr}.battle-controls .btn{width:100%}}
.room-code{font-size:34px;font-weight:900;letter-spacing:5px;margin-top:14px;padding:14px;border:1px dashed rgba(255,255,255,.35);border-radius:16px;text-align:center}.secondary{background:rgba(255,255,255,.12)!important}.online-grid input{width:100%;box-sizing:border-box;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.18);color:#fff;font-size:18px}.battle-shell canvas{touch-action:none}
.v5-shell{max-width:980px}.player-hud{align-items:center}.player-hud>div{display:grid;gap:3px}.player-hud small{display:block;color:var(--muted);font-size:11px}.player-hud>span{font-size:30px;font-weight:950;color:var(--gold)}.arena-wrap{position:relative}.goal-flash{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:clamp(42px,9vw,90px);font-weight:1000;letter-spacing:4px;text-shadow:0 8px 30px #000;color:#fff4b2;pointer-events:none}.goal-flash.pop{animation:goalPop 1s ease both}@keyframes goalPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.coin-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.coin-selector button{border:1px solid var(--line);background:#0b1c2e;color:#fff;border-radius:15px;padding:11px 8px;display:grid;gap:4px;cursor:pointer}.coin-selector button span{font-size:11px;color:var(--muted)}.coin-selector button.active{border-color:#f0c454;box-shadow:0 0 0 2px #f0c45433;background:#172a3e}.power-wrap{display:grid;grid-template-columns:auto 1fr 45px;gap:10px;align-items:center;margin:12px 2px;color:var(--muted);font-size:12px}.power-track{height:10px;border-radius:999px;background:#09131f;overflow:hidden;border:1px solid var(--line)}.power-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#22c77a,#f0c454,#ef6767);transition:width .04s linear}.engine-note{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:16px;background:#071624;border:1px solid var(--line);text-align:left}.engine-note>span{font-size:24px}.engine-note div{display:grid;gap:2px}.engine-note small{color:var(--muted)}@media(max-width:650px){.v5-shell{padding:14px}.coin-selector button strong{font-size:12px}.player-hud>span{font-size:24px}}

/* V8.1 Premium Bangladesh AI Battle UI */
.ai-battle-page{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 50% -15%,rgba(38,182,135,.18),transparent 36%),linear-gradient(180deg,#071a29 0%,#07131f 100%);box-shadow:0 28px 90px rgba(0,0,0,.45)}
.ai-battle-page:before,.ai-battle-page:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.ai-battle-page:before{width:260px;height:260px;left:-160px;top:70px;background:radial-gradient(circle,rgba(0,170,255,.12),transparent 70%)}.ai-battle-page:after{width:300px;height:300px;right:-190px;bottom:70px;background:radial-gradient(circle,rgba(30,190,110,.12),transparent 70%)}
.battle-stage-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-2px 2px 12px}.battle-stage-title{display:flex;align-items:center;gap:10px}.battle-stage-title .flag-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,#087a47,#075a38);border:2px solid rgba(255,255,255,.2);box-shadow:0 7px 20px rgba(0,0,0,.3),inset 0 0 18px rgba(255,255,255,.08)}.battle-stage-title strong{font-size:14px;letter-spacing:.4px}.battle-stage-title small{display:block;color:var(--muted);margin-top:2px}.difficulty-chip{padding:8px 11px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}
.player-hud.premium-hud{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px}.premium-hud .hud-player{position:relative;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:9px!important;padding:10px 12px!important;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(19,52,77,.96),rgba(8,29,46,.96))!important;box-shadow:0 10px 24px rgba(0,0,0,.22)}.premium-hud .hud-player:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#24a8ff,transparent)}.premium-hud .hud-player.ai-side:after{background:linear-gradient(90deg,transparent,#ff6d78,transparent)}.hud-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:linear-gradient(145deg,#1769a1,#0a3656);box-shadow:inset 0 0 18px rgba(255,255,255,.08)}.ai-side .hud-avatar{background:linear-gradient(145deg,#9b3145,#511828)}.hud-copy{min-width:0}.hud-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-score{font-size:32px!important;line-height:1;font-weight:1000!important;color:#fff!important;text-shadow:0 3px 12px rgba(0,0,0,.35)}.premium-turn{min-width:112px;text-align:center;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#173b5e,#0b243b);box-shadow:0 7px 18px rgba(0,0,0,.22);transition:.2s ease}.premium-turn.your-turn{box-shadow:0 0 0 2px rgba(48,186,255,.15),0 0 28px rgba(48,186,255,.14)}.premium-turn.ai-turn{box-shadow:0 0 0 2px rgba(255,86,105,.13),0 0 28px rgba(255,86,105,.12)}
.premium-arena-wrap{position:relative;padding:9px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 55px rgba(0,0,0,.38)}.premium-arena-wrap:before{content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;box-shadow:0 0 40px rgba(0,194,255,.08)}.stadium-strip{display:flex;justify-content:space-between;gap:6px;padding:0 8px 8px;font-size:10px;color:rgba(255,255,255,.62);letter-spacing:.7px;text-transform:uppercase}.stadium-strip span{display:flex;align-items:center;gap:4px}.stadium-strip i{width:5px;height:5px;border-radius:50%;background:#8fffd0;box-shadow:0 0 8px #8fffd0}
#coinArena.premium-canvas{border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 35px rgba(0,0,0,.38)}
.goal-flash.premium-goal{z-index:5;padding:14px 28px;border-radius:22px;background:linear-gradient(180deg,rgba(5,25,40,.7),rgba(5,25,40,.2));backdrop-filter:blur(4px);text-shadow:0 7px 30px rgba(0,0,0,.65),0 0 20px rgba(255,213,82,.75)}
.coin-selector.premium-selector{gap:10px}.premium-selector button{position:relative;overflow:hidden;padding:12px 9px 10px;min-height:70px;background:linear-gradient(180deg,#102a40,#081a2a);box-shadow:0 9px 22px rgba(0,0,0,.2);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.premium-selector button:hover{transform:translateY(-1px)}.premium-selector button.active{transform:translateY(-2px);border-color:#66caff;box-shadow:0 0 0 2px rgba(102,202,255,.16),0 10px 28px rgba(0,113,190,.19)}.premium-selector button:before{content:"";width:28px;height:28px;border-radius:50%;margin:0 auto 3px;background:radial-gradient(circle at 35% 30%,#dff7ff,#2eaaff 36%,#0f4e79 72%);border:2px solid rgba(255,255,255,.7);box-shadow:0 4px 12px rgba(0,0,0,.3)}.premium-selector button:nth-child(2):before{background:radial-gradient(circle at 35% 30%,#fff5ca,#f3bd38 38%,#6e4a06 74%)}.premium-selector button:nth-child(3):before{background:radial-gradient(circle at 35% 30%,#ffd2d2,#ff6c6c 38%,#7b2222 74%)}
.power-wrap.premium-power{grid-template-columns:auto 1fr 50px;padding:10px 12px;margin:10px 0 0;border-radius:15px;background:rgba(3,14,23,.48);border:1px solid rgba(255,255,255,.08)}.premium-power .power-track{height:12px;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}.premium-power #powerText{font-weight:900;color:#fff;text-align:right}.battle-tip{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;margin-top:10px;border-radius:15px;background:linear-gradient(90deg,rgba(19,89,94,.22),rgba(9,34,51,.45));border:1px solid rgba(90,220,198,.1)}.battle-tip>span{font-size:20px}.battle-tip b{font-size:12px}.battle-tip small{display:block;color:var(--muted);margin-top:2px;line-height:1.4}
.result-card.premium-result{position:fixed;z-index:100;inset:0;margin:0!important;border:0!important;border-radius:0!important;background:rgba(2,10,18,.82)!important;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.result-card.premium-result[hidden]{display:none}.result-card.premium-result .result-modal{width:min(430px,100%);padding:28px 22px;border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(42,190,129,.18),transparent 37%),linear-gradient(180deg,#102b42,#071622);border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 100px rgba(0,0,0,.6);animation:resultIn .32s cubic-bezier(.2,.8,.2,1) both}.result-emoji{font-size:64px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.result-modal h2{font-size:30px;margin:7px 0}.result-score{font-size:42px;font-weight:1000;letter-spacing:2px;margin:8px 0}.result-reward{margin:12px 0;padding:10px;border-radius:14px;background:rgba(255,205,67,.09);border:1px solid rgba(255,205,67,.16);color:#ffe28a}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.result-actions .btn{margin:0}.result-actions .btn.secondary{background:rgba(255,255,255,.08)!important}@keyframes resultIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:650px){.battle-stage-head{align-items:flex-start}.player-hud.premium-hud{grid-template-columns:1fr 1fr}.premium-hud .hud-player{padding:9px!important}.premium-turn{grid-column:1/-1;grid-row:2;min-width:0}.hud-avatar{width:34px;height:34px;border-radius:11px}.hud-score{font-size:27px!important}.premium-arena-wrap{padding:6px;border-radius:23px}.stadium-strip{font-size:9px;padding:0 6px 6px}.coin-selector.premium-selector button{min-height:66px;padding:10px 5px}.battle-stage-title small{max-width:190px}.result-actions{grid-template-columns:1fr}}