:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050817;color:#f7f9ff;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}body{background:radial-gradient(ellipse at 40% -10%,#292267 0,transparent 54%),#060816}.app{width:min(100%,540px);margin:auto;padding:12px 12px 28px}header{height:66px;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;align-items:center;gap:10px}.mark{font-size:34px;color:#72ffe2;text-shadow:0 0 22px #3ffff9}.brand b{font-size:22px;letter-spacing:2px;font-weight:1000;font-style:italic}.brand em{font-style:italic;color:#62f8db}.brand small{display:block;font-size:9px;color:#91a4c8;letter-spacing:2.1px;font-weight:800}.v{color:#ffce68}.right{display:flex;gap:7px}button{border:0;cursor:pointer;color:#fff;font-weight:850;font-family:inherit}button:disabled{opacity:.6}.icon{border:1px solid #364568;background:#17213d;border-radius:12px;padding:10px}.pill{padding:11px 13px;border-radius:12px;background:linear-gradient(140deg,#363063,#18244a);border:1px solid #484783;font-size:12px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:3px 0 10px}.hud>div{border:1px solid #293359;border-radius:11px;background:#101933d9;min-width:0;text-align:center;padding:8px 2px}.hud span{font-size:10px;font-weight:900;color:#8799c4;letter-spacing:1px;display:block}.hud strong{display:block;font-size:23px;font-weight:950;line-height:1.3;font-variant-numeric:tabular-nums}.hud .coins strong{color:#ffd273}.stage{position:relative;width:100%;aspect-ratio:420/660;max-height:calc(100dvh - 225px);min-height:400px;border:1px solid #5558aa;border-radius:17px;overflow:hidden;box-shadow:0 0 0 2px #121a42,0 15px 65px #0009,0 0 30px #584be130;background:#080e2d}canvas{display:block;width:100%;height:100%;touch-action:none}.gamehud{position:absolute;top:9px;left:12px;right:12px;display:flex;align-items:center;gap:9px;pointer-events:none}.health{white-space:nowrap;color:#ff628c;font-size:16px;letter-spacing:3px;text-shadow:0 0 11px #ff277b}.progress{height:7px;border:1px solid #52639b;background:#172443;flex:1;border-radius:10px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#48eac9,#ffca6f);transition:width .2s}.pause{pointer-events:auto;background:#20274d99;border:1px solid #4e5f9a;border-radius:9px;padding:4px 10px;font-size:15px}.toast{position:absolute;top:18%;left:10%;width:80%;text-align:center;color:#ffe28a;text-shadow:0 0 20px #d26cff;font-size:22px;font-weight:1000;pointer-events:none;opacity:0;transition:opacity .2s}.toast.on{opacity:1}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:15px;background:#05071ad9;backdrop-filter:blur(8px)}.overlay[hidden]{display:none}.panel{text-align:center;border:1px solid #5d5aa7;border-radius:22px;padding:23px 16px;background:linear-gradient(155deg,#22224ceb,#0b1535f5);box-shadow:0 24px 70px #000b,0 0 40px #834aff21;width:min(100%,400px)}.badge{font-size:10px;letter-spacing:2px;color:#ffcb86;font-weight:950;margin-bottom:12px}.panel h1{font-size:clamp(33px,8vw,52px);line-height:.98;font-weight:1000;letter-spacing:-1px;margin:0;color:white;text-shadow:0 4px 30px #785df8}.panel h1 i{font-style:normal;background:linear-gradient(100deg,#64fae6,#74baff,#e283ff);background-clip:text;color:transparent}.panel p{font-size:14px;line-height:1.6;color:#c1cce8;margin:19px auto;max-width:290px}.features{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:15px 0}.features span{font-size:9px;font-weight:900;border:1px solid #3d4e80;padding:7px;border-radius:8px;background:#151f42}.primary{width:100%;padding:16px;border-radius:12px;background:linear-gradient(100deg,#43edce,#53a2ff);color:#04162e;font-size:16px;box-shadow:0 8px 24px #35dbe13a}.panel .hint{font-size:11px;color:#8193b8;margin:12px auto 0}.bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px}.dash{padding:14px 18px;border:1px solid #d184ff;color:#ffe7ff;border-radius:12px;background:linear-gradient(100deg,#47328c,#7638a0);box-shadow:0 0 18px #713eff2c;touch-action:manipulation}.dash span{display:block;font-size:9px;letter-spacing:1px;color:#d5b8ff}.tip{text-align:right;font-size:11px;color:#8597bc}.footer{display:flex;justify-content:space-between;gap:8px;color:#60749f;margin-top:17px;font-weight:800;font-size:9px;letter-spacing:.5px}.leaderboard{position:fixed;z-index:30;inset:12% max(12px,calc((100vw - 510px)/2));overflow:auto;background:#121a36;border:1px solid #5b6bae;border-radius:18px;padding:18px;box-shadow:0 0 0 200vmax #000c}.leaderboard[hidden]{display:none}.lbhead{display:flex;justify-content:space-between;align-items:center}.lbhead h2{font-size:20px}.leaderboard li{padding:12px;border-bottom:1px solid #2e375f;font-weight:700;color:#e7edff}@media(max-width:380px){.brand b{font-size:17px}.pill{font-size:10px;padding:9px}.mark{font-size:27px}.hud strong{font-size:19px}.stage{min-height:350px}}

.baseNav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
.baseNav button{border-radius:11px;padding:12px 5px;background:#1e2753;border:1px solid #5761a9;font-size:11px}
.baseNav button:hover,.shopRow button:hover{background:#34386d}
.baseContent{display:grid;gap:12px;margin:18px 0}
.shopRow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#20294d;border:1px solid #3d4c81;border-radius:12px;padding:13px}
.shopRow small{display:block;color:#afbee2;margin-top:6px}
.shopRow button{flex-shrink:0;padding:12px;border-radius:10px;background:#3b4986;border:1px solid #617cc1}
.walletBar{padding:13px;border-radius:11px;background:#302b53;color:#ffdf83;text-align:center;font-weight:850}
#baseModal{z-index:40}
@media(max-width:380px){.right .pill{padding:7px;font-size:9px}.baseNav button{font-size:9px}}