:root{--bg:#0b1020;--card:#151c34;--muted:#8f9aba;--accent:#8b6cff;--pink:#ff77b7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#202853 0,#0b1020 48%);color:#fff;font-family:Inter,system-ui,sans-serif;min-height:100vh}button{border:0;color:#fff;font:inherit;cursor:pointer}.top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;background:#0b1020dd;backdrop-filter:blur(12px);z-index:2}.top b{letter-spacing:2px}.top span{font-size:11px;color:#9ba8d0}.wallet{display:flex;gap:12px;font-size:13px}.wallet i{font-style:normal}.screen{display:none;padding:12px 16px 90px;max-width:520px;margin:auto}.screen.active{display:block}.hero-card,.promo,.daily,.quest{background:linear-gradient(145deg,#1a2240,#12182d);border:1px solid #2c3760;border-radius:22px;padding:16px;box-shadow:0 10px 30px #0003}.hero-card{display:flex;align-items:center;gap:12px;position:relative}.hero-orb{font-size:58px;background:linear-gradient(145deg,#775cff,#d96cff);border-radius:20px;width:82px;height:82px;display:grid;place-items:center}.hero-info{flex:1}.hero-info h1{margin:0 0 4px}.hero-info p,small{color:var(--muted);font-size:12px}.xp{height:7px;background:#303a61;border-radius:8px;margin:10px 0 5px;overflow:hidden}.xp span{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--accent),var(--pink))}.premium{position:absolute;right:12px;top:10px;background:#ffb84d;color:#281a00;border-radius:10px;padding:6px 9px;font-size:10px;font-weight:800}.promo{margin-top:14px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(130deg,#442b78,#1d2855)}h2{margin:5px 0;font-size:22px}.promo p{color:#c6bde9;font-size:12px}.promo button,.daily button{background:#fff;color:#23203e;border-radius:12px;padding:11px 15px;font-weight:800;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.grid button{background:var(--card);border:1px solid #283354;border-radius:18px;padding:15px;text-align:left;display:grid;gap:6px}.grid button:first-letter{font-size:25px}.grid b{font-size:14px}.tag{font-size:10px;color:#ff9fce;letter-spacing:1px}.daily{display:flex;justify-content:space-between;align-items:center}.daily h3{margin:5px 0;font-size:14px}.game-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.game-head button{background:#202a4a;border-radius:12px;padding:8px 12px}.game-head span{font-size:14px}.game-head span:nth-child(2){flex:1;text-align:center}.game-head span:last-child{color:#ffd66b}.game-head+canvas{width:100%;height:63vh;display:block;border-radius:24px;background:#8bc6a5}.quest{position:absolute;top:90px;left:22px;right:22px;display:flex;gap:10px;align-items:center;padding:10px 13px;font-size:12px}.quest span{flex:1;color:#c6cbe0}.quest strong{color:#ffcb63}.action{position:fixed;bottom:92px;right:24px;background:linear-gradient(135deg,#ff77b7,#8c6cff);border-radius:50%;width:82px;height:82px;font-size:11px;font-weight:800;box-shadow:0 8px 25px #8c6cff77}.joystick{position:fixed;bottom:105px;left:24px;width:100px;height:100px;border-radius:50%;background:#17203dcc;border:1px solid #ffffff22;display:grid;place-items:center}.joystick div{width:42px;height:42px;border-radius:50%;background:#8b6cffaa}nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#11172bdd;backdrop-filter:blur(15px);display:flex;justify-content:space-around;padding-top:8px}nav button{background:transparent;color:#8994bb;display:grid;gap:3px;place-items:center;font-size:20px}nav small{font-size:10px}nav .selected{color:#fff}.panel-card{background:var(--card);padding:15px;border-radius:16px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}.panel-card button{background:#765cff;border-radius:10px;padding:8px 12px;font-size:12px}
.zone-tabs{display:flex;gap:8px;margin:12px 0}.zone-tabs button{flex:1;background:#202a4a;border:1px solid #35436d;border-radius:12px;padding:10px;font-size:12px;color:#dfe4ff}.zone-tabs button:active{background:#765cff}
.toast{position:fixed;left:50%;top:18%;transform:translateX(-50%);background:#202a4aee;border:1px solid #6675b5;border-radius:14px;padding:12px 18px;z-index:10;animation:toastIn .25s ease,toastOut .3s ease 1.7s forwards;pointer-events:none}.particle{position:fixed;pointer-events:none;z-index:9;font-size:22px;animation:particleUp .8s ease-out forwards}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-12px)}}@keyframes particleUp{to{opacity:0;transform:translate(var(--dx),-80px) rotate(180deg)}}
.ads-slot{position:fixed;bottom:72px;left:0;right:0;min-height:50px;background:#0f1528;border-top:1px solid #33416d;z-index:5;display:flex;align-items:center;justify-content:center}.ads-slot>div{width:100%;max-width:520px;min-height:50px}.ad-label{position:absolute;top:2px;right:6px;color:#7d89ac;font-size:9px;letter-spacing:.5px}.interstitial{position:fixed;inset:0;background:#070b16ee;display:grid;place-items:center;z-index:20}.interstitial.hidden{display:none}.interstitial-card{width:min(92%,420px);background:#171f38;border:1px solid #455588;border-radius:22px;padding:18px;box-shadow:0 20px 80px #0009}.interstitial-card h3{margin:0 0 8px}.interstitial-card p{color:#9ba8d0;font-size:12px}.interstitial-ad{min-height:250px;background:#10172b;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:12px 0}.interstitial-close{width:100%;background:#765cff;border-radius:12px;padding:12px;font-weight:800}.premium .ads-slot{display:none}
.ad-paused #game{filter:blur(2px);pointer-events:none}.interstitial-ad:empty:after{content:"Загрузка рекламы…";color:#7d89ac;font-size:12px}
:root{--bg:#070b18;--card:#121a31;--card2:#1b2543;--line:#33446f;--muted:#91a0c7;--accent:#8c70ff;--pink:#ff70b8;--cyan:#5de4ff;--gold:#ffd36a}*{box-sizing:border-box}body{background:radial-gradient(1000px 500px at 50% -20%,#3d3676 0%,transparent 65%),linear-gradient(160deg,#080c1c,#0c1530 55%,#120d2b);font-family:Inter,ui-sans-serif,system-ui;color:#f8f9ff;letter-spacing:.01em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}.top{height:76px;padding:0 18px;background:#080d1be6;border-bottom:1px solid #ffffff12}.top b{font-size:16px;letter-spacing:3px;background:linear-gradient(90deg,#fff,#c3b9ff);color:transparent;background-clip:text}.wallet{background:#111a33;border:1px solid #33446f;border-radius:14px;padding:9px 12px;box-shadow:0 8px 24px #0004}.screen{padding:16px 16px 120px}.hero-card{background:linear-gradient(135deg,#1d2550dd,#121a35ee);border:1px solid #5866a566;box-shadow:0 16px 45px #0007,0 0 35px #7d6aff22;overflow:hidden}.hero-card:after{content:"";position:absolute;width:160px;height:160px;right:-45px;bottom:-80px;background:#ff72b866;filter:blur(30px);border-radius:50%}.hero-orb{width:92px;height:92px;border:1px solid #ffffff44;background:radial-gradient(circle at 35% 25%,#fff8,#b78cff 24%,#5a46cc 75%);box-shadow:0 0 35px #9d7affaa, inset 0 0 25px #fff5}.hero-info h1{font-size:22px;letter-spacing:.5px}.hero-info p{color:#b7c2e5}.xp{height:9px;background:#080d1c;border:1px solid #3d4a77}.xp span{background:linear-gradient(90deg,#6ee7ff,#8c70ff,#ff70b8);box-shadow:0 0 14px #9c7cff}.premium{background:linear-gradient(135deg,#ffe18b,#ff9b62);box-shadow:0 0 20px #ffbd5d77}.zone-tabs button{background:#121b35;border-color:#3a4a77;transition:.25s}.zone-tabs button:hover,.zone-tabs button:focus{background:#6c5bdb;transform:translateY(-2px);box-shadow:0 8px 20px #7566ff55}.promo{min-height:150px;padding:20px;background:linear-gradient(125deg,#292b70,#54266e 55%,#1a244a);position:relative;overflow:hidden}.promo:before{content:"✦  ✧  ✦";position:absolute;right:15px;top:12px;color:#ffffff66;font-size:30px;letter-spacing:15px;animation:drift 4s ease-in-out infinite}.promo button{background:linear-gradient(135deg,#fff,#c8c4ff);box-shadow:0 8px 20px #0004;transition:.25s}.promo button:hover{transform:scale(1.05)}.grid{gap:12px}.grid button{min-height:112px;padding:14px;background:linear-gradient(145deg,#17213f,#10182e);border:1px solid #2d3e69;box-shadow:0 8px 22px #0003;transition:.25s;position:relative;overflow:hidden}.grid button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,#fff1,transparent);transform:translateX(-120%);transition:.55s}.grid button:hover{transform:translateY(-4px);border-color:#8879ff;box-shadow:0 14px 28px #0005,0 0 22px #7767ff33}.grid button:hover:before{transform:translateX(120%)}.grid button span{font-size:28px;filter:drop-shadow(0 5px 8px #0006)}.grid b{font-size:13px}.daily{border-color:#765eaa;background:linear-gradient(120deg,#211d45,#15223d)}.daily button{background:linear-gradient(135deg,#ffca78,#ff78b7);color:#20132e}.game-head{height:48px}.game-head button{background:#17213f;border:1px solid #394a78;transition:.2s}.game-head button:hover{background:#6d5ce7;transform:translateY(-2px)}.game-head+canvas{height:68vh;border:1px solid #52689a;box-shadow:0 18px 45px #0007,0 0 30px #6577ff22;image-rendering:auto}.quest{top:100px;background:#101a33e8;border:1px solid #6475ad;box-shadow:0 10px 30px #0006;backdrop-filter:blur(12px)}.action{background:radial-gradient(circle at 35% 25%,#ffb8de,#ff64ae 35%,#704dff 85%);border:2px solid #ffffff55;box-shadow:0 0 0 7px #ff77b722,0 10px 35px #8c6cffaa;transition:.2s}.action:hover{transform:scale(1.1) rotate(-4deg)}.joystick{background:#101a33dd;border:1px solid #7284c0;box-shadow:0 10px 28px #0007}.joystick div{background:radial-gradient(circle at 35% 25%,#fff8,#8d72ff 35%,#4d3ba7);box-shadow:0 0 20px #8d72ff}.panel-card{background:linear-gradient(145deg,#17213e,#10172c);border:1px solid #2e3e69;box-shadow:0 8px 20px #0003;transition:.2s}.panel-card:hover{transform:translateX(4px);border-color:#8575ff}.panel-card button{background:linear-gradient(135deg,#7664eb,#b35dba);font-weight:700}.ads-slot{background:#090e1ddd;border-color:#354778;backdrop-filter:blur(12px)}nav{height:78px;background:#090e1df2;border-top:1px solid #2d3e6b;box-shadow:0 -12px 35px #0006}nav button{transition:.2s}nav button:hover{color:#fff;transform:translateY(-3px)}@keyframes drift{50%{transform:translate(-10px,8px) rotate(5deg)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}