@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}
:root{
  --bg:#090d26;--bg2:#11183d;--panel:#151d46;--panel2:#1d2758;--cyan:#38e8ff;
  --violet:#9b6cff;--gold:#ffc857;--red:#ff5f74;--green:#61f2aa;--text:#f6f7ff;
  --muted:#aeb8df;--line:rgba(145,166,255,.18);--shadow:0 18px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050817;color:var(--text);font-family:"Vazirmatn",Tahoma,"Segoe UI",sans-serif}
button,input{font:inherit}button{color:inherit}.hidden{display:none!important}
.app-shell{position:relative;width:100%;height:100%;max-width:520px;margin:auto;overflow:hidden;background:
  radial-gradient(circle at 90% -10%,rgba(81,63,177,.45),transparent 42%),linear-gradient(180deg,var(--bg2),var(--bg));box-shadow:0 0 80px #000}
.intro-screen{position:absolute;z-index:500;inset:0;overflow:hidden;background:#050817;display:grid;place-items:end center;transition:.55s opacity,.55s transform}
.intro-screen.is-leaving{opacity:0;transform:scale(1.035);pointer-events:none}.intro-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 48%;animation:intro-drift 7s ease-out both}.intro-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,20,.1),rgba(4,6,20,.18) 42%,rgba(4,6,20,.96) 82%,#050817),radial-gradient(circle at 50% 43%,transparent 22%,rgba(4,6,20,.55) 92%)}
.intro-content{position:relative;z-index:2;width:100%;padding:0 24px calc(34px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;align-items:center}.studio-presents{margin:0 0 12px;color:#d7def8;font-size:12px;letter-spacing:.8px}.game-logo{display:block;filter:drop-shadow(0 0 22px rgba(56,232,255,.48))}.intro-logo{width:106px;height:106px}.intro-content h1{font-size:clamp(38px,11vw,56px);line-height:.9;margin:8px 0 0;text-shadow:0 6px 25px #000}.intro-content h1 small{display:block;margin-top:10px;color:var(--gold);font-size:14px;letter-spacing:3px}.intro-hook{max-width:340px;margin:15px 0 17px;color:#dfe5ff;font-size:13px;line-height:1.8}.intro-enter{width:min(100%,340px);font-size:16px;animation:pulse 2.1s ease-in-out infinite}
.global-bar{position:absolute;z-index:30;inset-block-start:0;inset-inline:0;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,8,23,.94),rgba(5,8,23,.12));pointer-events:none}
.global-bar>*{pointer-events:auto}.brand-mini{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.3px}.brand-glyph{color:var(--cyan);filter:drop-shadow(0 0 9px var(--cyan))}
.icon-btn,.hud-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(19,28,67,.78);font-size:30px;display:grid;place-items:center;box-shadow:0 8px 25px rgba(0,0,0,.22)}
.wallet{height:40px;min-width:90px;border:1px solid rgba(255,200,87,.3);border-radius:14px;background:rgba(19,28,67,.82);display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.coin{color:var(--gold);text-shadow:0 0 10px var(--gold)}
main,.screen{width:100%;height:100%}.screen{position:absolute;inset:0;display:none;overflow-x:hidden;overflow-y:auto;padding:calc(72px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.active{display:block}
.home-screen{padding:0;overflow:hidden;background:#070a1c}.key-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;opacity:.9}.art-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,23,.14),rgba(5,8,23,.1) 35%,rgba(5,8,23,.92) 78%,#050817),linear-gradient(90deg,rgba(5,8,23,.48),transparent 70%)}
.home-content{position:absolute;z-index:3;inset:0;padding:calc(74px + env(safe-area-inset-top)) 20px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}
.home-logo{width:68px;height:68px;margin-bottom:5px}
.eyebrow{margin:0 0 5px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.home-content h1{margin:0;line-height:.94;text-shadow:0 5px 25px #000}.home-content h1 span{display:block;font-size:clamp(42px,12vw,62px);letter-spacing:-2px}.home-content h1 small{display:block;color:var(--gold);font-size:15px;letter-spacing:3px;margin-top:8px}.tagline{color:#dbe1ff;margin:12px 0 16px;font-size:14px}
.btn{min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg,#27346f,#1c2656);font-weight:800;padding:0 18px;box-shadow:0 10px 25px rgba(0,0,0,.22);transition:.15s transform,.15s filter}.btn:active,.menu-card:active,.stage-node:active{transform:translateY(2px) scale(.98);filter:brightness(.9)}.btn-primary{background:linear-gradient(135deg,#ffd871,#f29d39);color:#271503;border-color:#ffe8a2;box-shadow:0 12px 30px rgba(255,180,64,.28)}.btn-king{width:min(100%,330px);height:58px;font-size:19px;display:flex;align-items:center;justify-content:center;gap:10px}.play-icon{font-size:16px}
.home-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.menu-card{min-width:0;height:74px;border:1px solid var(--line);border-radius:16px;background:rgba(17,24,61,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 8px 18px rgba(0,0,0,.18)}.menu-card>span{color:var(--cyan);font-size:21px}.menu-card b{font-size:11px;white-space:nowrap}.menu-card small{font-size:8px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-links{display:flex;gap:8px;margin-top:10px}.home-links button{border:0;background:transparent;color:#c7cff1;font-size:11px;padding:8px 12px}
.home-start-actions{display:flex;justify-content:center;gap:6px;margin-top:7px}.how-btn,.new-game-btn{min-height:34px;border:0;background:rgba(7,10,29,.66);color:#dce4ff;border-radius:12px;padding:5px 11px;display:flex;align-items:center;gap:7px;font-size:10px}.how-btn span:first-child,.new-game-btn span:first-child{width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-weight:900}.new-game-btn span:first-child{border-color:var(--gold);color:var(--gold)}.app-shell.menu-reveal .home-screen .key-art{animation:menu-art-in .75s ease both}.app-shell.menu-reveal .home-content{animation:menu-content-in .7s cubic-bezier(.18,.8,.22,1) both}
.panel-screen{background:radial-gradient(circle at 80% 0,rgba(121,86,230,.18),transparent 38%),linear-gradient(180deg,#11183b,#090d26)}.screen-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.screen-heading h2{font-size:25px;margin:0}.progress-ring,.power-badge{min-width:64px;height:52px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(16,23,56,.75)}.power-badge span{font-size:9px;color:var(--muted)}.power-badge b{color:var(--gold)}
.chapter-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.chapter-tabs button{flex:0 0 auto;border:1px solid var(--line);background:#151d46;border-radius:13px;padding:9px 13px;color:var(--muted);font-size:11px}.chapter-tabs button.active{color:#07101b;background:var(--cyan);border-color:#a8f7ff;font-weight:800}
.stage-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:5px 0 18px}.stage-node{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#222e65,#11183b);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.stage-node::after{content:"";position:absolute;inset:auto -20% -45% -20%;height:70%;background:radial-gradient(circle,rgba(56,232,255,.18),transparent 65%)}.stage-node .stage-num{font-size:24px;font-weight:900}.stage-node small{color:var(--muted);font-size:9px}.stage-node .stars{color:var(--gold);font-size:10px;letter-spacing:-1px}.stage-node.boss{border-color:rgba(255,95,116,.55);background:linear-gradient(145deg,#51213f,#171a43)}.stage-node.locked{filter:saturate(.25);opacity:.5}.stage-node.current{box-shadow:0 0 0 2px var(--cyan),0 0 25px rgba(56,232,255,.3)}.endless-btn{width:100%;display:flex;justify-content:center;gap:10px;align-items:center}.endless-btn span:first-child{font-size:28px;color:var(--cyan)}.endless-btn small{color:var(--muted)}.locked{opacity:.5}
.section-note{color:var(--muted);font-size:12px;line-height:1.8;margin:-4px 0 15px}.upgrade-list{display:grid;gap:10px}.upgrade-card{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(30,40,88,.94),rgba(15,22,55,.96));padding:12px}.upgrade-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#654bc7,#212b62);color:var(--cyan);font-size:25px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.upgrade-info b{font-size:14px}.upgrade-info p{margin:4px 0;color:var(--muted);font-size:10px}.level-dots{display:flex;gap:3px}.level-dots i{width:10px;height:3px;border-radius:3px;background:#354175}.level-dots i.on{background:var(--cyan);box-shadow:0 0 5px var(--cyan)}.upgrade-buy{min-width:76px;height:44px;border:1px solid rgba(255,200,87,.34);border-radius:13px;background:rgba(255,200,87,.1);color:var(--gold);font-size:11px;font-weight:800}.upgrade-buy:disabled{color:#6f789c;border-color:var(--line);background:transparent}.ability-list .upgrade-icon{background:radial-gradient(circle at 30% 20%,#6e44c9,#171e4a)}
.shop-hero{min-height:94px;border:1px solid rgba(255,200,87,.28);border-radius:20px;background:linear-gradient(135deg,rgba(255,200,87,.16),rgba(62,40,110,.42));display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:14px}.coin-rain{font-size:22px;color:var(--gold);writing-mode:vertical-lr;text-shadow:0 0 12px var(--gold)}.shop-hero div{display:flex;flex-direction:column;gap:5px}.shop-hero small{color:var(--muted);line-height:1.6}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pack-card{position:relative;border:1px solid var(--line);border-radius:18px;background:#151d46;padding:16px 12px;text-align:center;overflow:hidden}.pack-card.best{border-color:var(--gold);box-shadow:0 0 24px rgba(255,200,87,.15)}.pack-card .pack-badge{position:absolute;inset-block-start:6px;inset-inline-end:6px;background:var(--gold);color:#281801;border-radius:8px;padding:3px 6px;font-size:8px;font-weight:900}.pack-card .big-coin{font-size:33px;color:var(--gold);text-shadow:0 0 15px rgba(255,200,87,.5)}.pack-card b{display:block;font-size:20px}.pack-card small{display:block;color:var(--muted);margin:4px 0 10px}.pack-card button{width:100%;height:40px;border:0;border-radius:11px;background:linear-gradient(135deg,#4a5db0,#6848b6);font-size:11px;font-weight:800}.reward-card,.streak-card{margin-top:12px;border:1px solid var(--line);border-radius:18px;background:#151d46;padding:14px;display:flex;align-items:center;justify-content:space-between}.reward-card>div,.streak-card>div{display:flex;flex-direction:column;gap:3px}.reward-card small,.streak-card small{color:var(--muted);font-size:10px}.reward-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cyan);color:#07101b;float:inline-start;margin-inline-end:10px}.btn-small{min-height:40px;color:var(--gold)}.dev-note{color:#727da8;font-size:9px;text-align:center;line-height:1.6}
.daily-claim{max-width:120px;border:1px solid rgba(56,232,255,.35);border-radius:15px;background:rgba(56,232,255,.08);padding:8px 10px;display:grid;grid-template-columns:auto 1fr;gap:2px 7px;text-align:start}.daily-claim span{grid-row:1/3;color:var(--cyan);font-size:24px}.daily-claim b{font-size:10px}.daily-claim small{font-size:8px;color:var(--muted)}.daily-claim:disabled{opacity:.45}.mission-list{display:grid;gap:10px}.mission-card{border:1px solid var(--line);border-radius:17px;background:#151d46;padding:13px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.mission-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#202a60;color:var(--cyan);font-size:20px}.mission-card b{font-size:12px}.mission-card small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.mission-progress{height:5px;background:#0c1230;border-radius:5px;margin-top:7px;overflow:hidden}.mission-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}.mission-card button{height:36px;min-width:60px;border:0;border-radius:11px;background:var(--gold);color:#251704;font-size:10px;font-weight:900}.mission-card button:disabled{background:#28315d;color:#747fa9}.streak-card>span{font-size:30px;color:var(--violet)}
.promo-list{display:grid;gap:12px}.promo-card{border:1px solid var(--line);border-radius:18px;background:#151d46;padding:12px;display:flex;align-items:center;gap:12px}.promo-card img{width:58px;height:58px;object-fit:cover;border-radius:14px}.promo-card div{flex:1}.promo-card b{display:block}.promo-card small{color:var(--muted)}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state span{font-size:72px;color:#38447b}.empty-state b{color:var(--text);margin:8px}.empty-state p{font-size:11px;line-height:1.8;max-width:300px}
.settings-card{border:1px solid var(--line);border-radius:20px;background:#151d46;overflow:hidden}.settings-card label,.language-row,.setting-action{min-height:58px;border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.settings-card label input{display:none}.settings-card label i{width:44px;height:24px;border-radius:20px;background:#303a69;position:relative}.settings-card label i::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#8d97bd;inset-block-start:3px;inset-inline-start:3px;transition:.2s}.settings-card input:checked+i{background:rgba(56,232,255,.28)}.settings-card input:checked+i::after{inset-inline-start:23px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}[dir=rtl] .settings-card input:checked+i::after{inset-inline-start:3px;transform:translateX(-20px)}.language-row>div{display:flex;gap:5px}.language-row button{width:42px;height:34px;border:1px solid var(--line);border-radius:10px;background:#202a60}.language-row button.active{background:var(--cyan);color:#07101b}.setting-action{color:var(--text)}.setting-action.danger{color:var(--red)}.version{text-align:center;color:#606b96;font-size:9px;margin-top:20px}
.game-screen{padding:0;overflow:hidden;background:#050817}.game-screen.active{display:block}.game-screen~.global-bar{display:none}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.game-hud{position:absolute;z-index:5;inset-block-start:calc(10px + env(safe-area-inset-top));inset-inline:10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.game-hud>*{pointer-events:auto}.stage-chip,.timer-chip{min-width:76px;height:42px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(6,9,27,.68);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-chip small{font-size:8px;color:var(--muted)}.timer-chip{font-variant-numeric:tabular-nums}.hint-btn{font-size:20px;color:var(--gold)}.bars{position:absolute;z-index:5;inset-block-start:calc(62px + env(safe-area-inset-top));inset-inline:58px;display:grid;gap:5px}.hp-bar,.xp-bar{height:15px;background:rgba(5,8,23,.72);border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;position:relative}.xp-bar{height:7px}.hp-bar i,.xp-bar i{position:absolute;inset-block:0;inset-inline-start:0;width:100%;background:linear-gradient(90deg,#ff526c,#ffb35d);transition:.18s width}.xp-bar i{width:0;background:linear-gradient(90deg,var(--violet),var(--cyan))}.hp-bar b{position:absolute;inset:0;text-align:center;font-size:8px;line-height:13px;text-shadow:0 1px 2px #000}.run-abilities{position:absolute;z-index:5;inset-block-start:calc(89px + env(safe-area-inset-top));inset-inline:12px;display:flex;gap:5px;justify-content:center;pointer-events:none}.run-abilities span{min-width:27px;height:27px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(7,10,29,.7);display:grid;place-items:center;font-size:11px;color:var(--cyan)}.run-objective{position:absolute;z-index:6;inset-inline:18px;inset-block-start:calc(124px + env(safe-area-inset-top));min-height:58px;border:1px solid rgba(255,200,87,.4);border-radius:18px;background:rgba(7,10,29,.9);backdrop-filter:blur(10px);display:flex;align-items:center;gap:11px;padding:9px 14px;box-shadow:0 12px 30px rgba(0,0,0,.36)}.run-objective>span{color:var(--gold);font-size:23px}.run-objective div{display:flex;flex-direction:column}.run-objective small{color:var(--cyan);font-size:8px}.run-objective b{font-size:11px;line-height:1.55}.joystick{position:absolute;z-index:5;width:98px;height:98px;inset-inline-start:28px;inset-block-end:calc(30px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(16,24,63,.2);pointer-events:none}.joystick i{position:absolute;width:42px;height:42px;inset:28px;border-radius:50%;background:rgba(56,232,255,.18);border:1px solid rgba(56,232,255,.35);box-shadow:0 0 18px rgba(56,232,255,.18)}
.modal{position:absolute;z-index:100;inset:0;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(2,4,14,.86);backdrop-filter:blur(10px)}.modal-card{position:relative;width:100%;max-width:400px;max-height:90%;overflow:auto;border:1px solid rgba(137,158,255,.32);border-radius:26px;background:linear-gradient(160deg,#202b61,#101737);padding:25px 20px 20px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 0 1px rgba(56,232,255,.05)}.modal-close{position:absolute;inset-block-start:10px;inset-inline-end:10px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(0,0,0,.18);font-size:24px}.modal-icon{font-size:45px;color:var(--cyan);filter:drop-shadow(0 0 15px rgba(56,232,255,.5))}.modal-card h3{font-size:25px;margin:4px 0 10px}.modal-body{color:#d2d8f3;font-size:12px;line-height:1.8}.modal-actions{display:grid;gap:8px;margin-top:16px}.modal-actions .btn{width:100%}.ability-modal{z-index:160;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 35%,rgba(75,52,154,.46),transparent 50%),rgba(2,4,14,.94);align-items:center}.ability-modal-card{max-width:430px;max-height:min(680px,96%);overflow:auto;border-color:rgba(56,232,255,.5);background:linear-gradient(165deg,#263273 0,#151c46 55%,#0b102b 100%);padding:20px 16px 16px;box-shadow:0 28px 90px #000,0 0 38px rgba(56,232,255,.16)}.level-up-seal{width:52px;height:52px;margin:0 auto 7px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),#e48135);color:#281704;font-size:25px;box-shadow:0 0 24px rgba(255,200,87,.35)}.ability-explain{max-width:330px;margin:-2px auto 13px;color:#cbd4f4;font-size:10px;line-height:1.7}.ability-choices{display:grid;gap:9px}.ability-choice{min-height:70px;border:1px solid rgba(130,151,241,.28);border-radius:17px;background:linear-gradient(135deg,#1c285f,#11183e);padding:10px 12px;display:grid;grid-template-columns:47px 1fr auto;gap:10px;align-items:center;text-align:start;box-shadow:0 8px 20px rgba(0,0,0,.18)}.ability-choice>span{width:47px;height:47px;border-radius:15px;background:radial-gradient(circle,#694bd0,#1a2354);display:grid;place-items:center;color:var(--cyan);font-size:22px}.ability-choice b{font-size:12px}.ability-choice small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.ability-choice em{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:rgba(255,200,87,.13);color:var(--gold);font-style:normal;font-size:16px}.hint-box{border:1px solid rgba(56,232,255,.25);border-radius:16px;background:rgba(56,232,255,.06);padding:13px;text-align:start}.hint-box p{margin:5px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-stats div{background:rgba(0,0,0,.15);border-radius:13px;padding:10px 4px}.result-stats b{display:block;color:var(--gold);font-size:17px}.result-stats small{font-size:8px;color:var(--muted)}.guide-steps{display:grid;gap:8px;text-align:start}.guide-row{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:15px;background:rgba(7,11,31,.42);padding:10px}.guide-row>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#28336e;color:var(--cyan);font-size:20px}.guide-row b{display:block;color:#fff;font-size:12px}.guide-row small{display:block;color:var(--muted);font-size:9px;line-height:1.65}.stage-purpose{border:1px solid rgba(255,200,87,.28);border-radius:16px;background:rgba(255,200,87,.07);padding:11px;margin:10px 0;text-align:start}.stage-purpose b{color:var(--gold)}
.toast{position:absolute;z-index:200;inset-inline:24px;inset-block-end:calc(28px + env(safe-area-inset-bottom));min-height:46px;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(18,25,59,.96);box-shadow:var(--shadow);text-align:center;font-size:12px;animation:toast-in .25s ease}.toast.good{border-color:rgba(97,242,170,.45)}.toast.bad{border-color:rgba(255,95,116,.45)}
@keyframes toast-in{from{transform:translateY(18px);opacity:0}}@keyframes pulse{50%{transform:scale(1.04);filter:brightness(1.14)}}@keyframes intro-drift{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes menu-content-in{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes menu-art-in{from{filter:blur(8px);transform:scale(1.055);opacity:.55}to{filter:none;transform:scale(1);opacity:.9}}.btn-king{animation:pulse 2.2s ease-in-out infinite}
@media(max-height:720px){.intro-logo{width:82px;height:82px}.intro-hook{margin:10px 0 12px}.home-logo{width:54px;height:54px}.tagline{margin:8px 0 11px}.home-grid{margin-top:8px}.menu-card{height:66px}.home-links{margin-top:4px}.ability-modal-card{padding-top:13px}.level-up-seal{width:42px;height:42px}.ability-modal-card h3{font-size:21px}.ability-choice{min-height:61px}}
@media(max-width:360px){.screen{padding-inline:12px}.home-content{padding-inline:12px}.home-grid{gap:5px}.menu-card{height:67px}.stage-map{gap:8px}.upgrade-card{grid-template-columns:46px 1fr auto;padding:9px;gap:8px}.upgrade-icon{width:46px;height:46px}.pack-grid{gap:7px}.ability-modal{padding-inline:10px}.ability-choice{grid-template-columns:42px 1fr 25px;padding:9px}.ability-choice>span{width:42px;height:42px}}
@media(min-width:600px){body{padding:18px}.app-shell{height:calc(100% - 36px);border-radius:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ═════ هنرِ کارفرما — پس‌زمینه‌ی صحنه‌ها (ALL-GAMES §۱۷.۲) — ساختِ _kit/art-all.py ═════
   متغیرِ --art-bg را js/art.js فقط وقتی ست می‌کند که فایل واقعاً لود شده باشد.
   نبودِ فایل ⇒ متغیر خالی ⇒ همان پس‌زمینه‌ی قبلی (بازی نمی‌شکند). */
.screen, [id^="scr-"] { isolation:isolate; }
.screen::before, [id^="scr-"]::before {
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:var(--art-bg, none); background-size:cover; background-position:center;
  opacity:.38;
}