:root{--bg:#cfe9f1;--p:#fff;--ink:#1d2433;--mu:#6b7488;--ln:#e3e7ef;--ac:#3b82f6;--r:#ef4444;--a:#f5b301;--g:#22c55e;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1b2a33;--p:#222a38;--ink:#eef1f7;--mu:#9aa4ba;--ln:#323c50}}
:root[data-theme="dark"]{--bg:#1b2a33;--p:#222a38;--ink:#eef1f7;--mu:#9aa4ba;--ln:#323c50}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Vazirmatn,Tahoma,system-ui,sans-serif;overflow:hidden}
#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
#top{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:8px;align-items:center}
#hud{display:flex;align-items:center;gap:14px;padding:7px 14px;border-radius:18px;color:#fff;white-space:nowrap;background:linear-gradient(180deg,#334155,#0f172a);border:2px solid #64748b;box-shadow:0 6px 0 #0b1220,0 12px 24px #0006,inset 0 2px 0 #ffffff33}
#hud .st{display:flex;align-items:center;gap:8px}
#hud .ic{font-size:24px;filter:drop-shadow(0 2px 2px #0008)}
#hud .st small{display:block;color:#94a3b8;font-size:11px;line-height:1.1}
#hud .st b{font-size:22px;line-height:1.1}
#hud .st:nth-child(1) b{color:#fde047;text-shadow:0 0 10px #fbbf2488}
#hud .st.w{width:130px;display:block}
#hud .st.w small{display:inline}
#hud .bar{height:12px;border:2px solid #334155;background:#0b1220;position:relative;border-radius:8px;margin-top:4px}
#hud .bar::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12px,#0b1220 12px 14px)}
#hud button{width:34px;height:34px;padding:0;border-radius:50%;border:2px solid #94a3b8;background:linear-gradient(160deg,#64748b,#1e293b);color:#fff;font-size:16px;box-shadow:0 3px 0 #0b1220;transition:transform .1s}
#hud button:active{transform:translateY(3px);box-shadow:none}
#pp{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:14px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:4px solid #fff;background:radial-gradient(circle at 30% 30%,#60a5fa,#1d4ed8);box-shadow:0 0 0 3px #1d4ed8,0 6px 14px #0006;transform:rotate(-8deg);transition:filter .3s}
#pp .ps{font-size:34px;filter:drop-shadow(0 2px 2px #0006)}
#pp.rdy{animation:pg 1.4s ease-in-out infinite}
@keyframes pg{50%{box-shadow:0 0 0 3px #1d4ed8,0 0 24px 8px #60a5fa}}
#pp.off{background:radial-gradient(circle at 30% 30%,#6b7280,#374151);box-shadow:0 0 0 3px #4b5563,0 6px 14px #0006}
#pp.off .ps{filter:grayscale(1) brightness(.5);opacity:.55}
#pc{position:absolute;font-size:26px;font-weight:700;color:#fff;text-shadow:0 0 6px #000,0 2px 4px #000,0 0 2px #000}
#pr{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--g) var(--v,100%),var(--ln) 0)}
#pr span{background:var(--p);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
#abil{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:0;direction:ltr}
.stk .ab{transition:transform .3s,margin .3s,filter .3s}
.stk.op .ab+.ab{margin-left:10px}
.stk.col{cursor:pointer}
.stk.col .ab{animation:none!important}
.stk.col .ab+.ab{margin-left:-68px}
.stk.col .ab:nth-child(1){transform:rotate(-9deg) translateY(4px)}
.stk.col .ab:nth-child(2){transform:rotate(-3deg)}
.stk.col .ab:nth-child(3){transform:rotate(3deg)}
.stk.col .ab:nth-child(4){transform:rotate(9deg) translateY(4px)}
.stk.col:hover .ab{filter:brightness(1.12)}
#tools{position:fixed;left:26px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:0;direction:ltr}
.bdg{position:absolute;top:-10px;right:-6px;min-width:26px;height:26px;padding:0 4px;border-radius:13px;background:#22c55e;color:#fff;font-weight:700;display:grid;place-items:center;z-index:5;box-shadow:0 2px 8px #0006;border:2px solid #fff}
.ab{--v:100%;--c:#a78bfa;--c2:#4c1d95;position:relative;overflow:hidden;width:92px;height:128px;padding:8px 6px;border:5px solid transparent;border-radius:16px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;direction:rtl;background:linear-gradient(160deg,var(--c),var(--c2)) padding-box,conic-gradient(var(--bc,var(--c)) var(--v),#8886 0) border-box;box-shadow:0 8px 18px #0005;transition:transform .2s,filter .3s}
.ab::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#fff5 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}
.ab .ci{font-size:34px;line-height:1;filter:drop-shadow(0 3px 2px #0006)}
.ab b{font-size:12px;line-height:1.2}
.ab small{font-size:12px;color:#fff;font-weight:700;text-shadow:0 1px 3px #000c}
.ab.rd{animation:fl 2.6s ease-in-out infinite}
.ab.rd:hover{transform:translateY(-8px) rotate(-2deg);animation:none}
.ab.rd:hover::after{transform:translateX(100%)}
@keyframes fl{50%{transform:translateY(-3px)}}
.ab.cd{filter:grayscale(.85) brightness(.75);cursor:not-allowed}
.ab.on{--bc:#22c55e;animation:gl 1s ease-in-out infinite}
@keyframes gl{50%{box-shadow:0 0 22px 5px #22c55eaa}}
.hs{text-align:center;line-height:1.2}
.hs b{font-size:18px}
.hs.w{width:120px;text-align:right}
#hud button{padding:4px 8px}
#set,#sel{position:fixed;left:50%;transform:translateX(-50%);background:var(--p);border-radius:14px;padding:10px 12px;box-shadow:0 6px 20px #0003;display:none}
#set{top:calc(58px + env(safe-area-inset-top,0px));width:270px}
#sel{left:12px;top:50%;transform:translateY(-50%);width:290px}
#tip{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--p);padding:5px 14px;border-radius:20px;font-size:12px;box-shadow:0 4px 14px #0003;pointer-events:none}
#toast{position:fixed;left:50%;transform:translateX(-50%);top:calc(100px + env(safe-area-inset-top,0px));background:var(--ink);color:var(--p);padding:5px 14px;border-radius:20px;font-size:12px;display:none;pointer-events:none}
#frm{position:fixed;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 5px #ef4444,inset 0 0 70px 12px #ef444477;transition:opacity .3s}
#frm.on{opacity:1;animation:wp 1s ease-in-out infinite}
#frm.hot{animation-duration:.45s;box-shadow:inset 0 0 0 8px #ef4444,inset 0 0 110px 25px #ef4444aa}
@keyframes wp{50%{opacity:.35}}
#wt{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom,0px));left:calc(50% - 45px);width:90px;height:80px;display:none;place-items:end center;padding-bottom:5px;box-sizing:border-box;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);color:#fff;font:700 40px sans-serif;animation:wb .5s ease-in-out infinite alternate}
@keyframes wb{to{transform:scale(1.18)}}
.gc{--c:#3b82f6;--c2:#1e3a8a;position:relative;overflow:hidden;width:78px;padding:5px 4px;border:4px solid transparent;border-radius:14px;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;cursor:pointer;background:linear-gradient(160deg,var(--c),var(--c2)) padding-box,conic-gradient(var(--bc,var(--c)) var(--v,100%),#8886 0) border-box;box-shadow:0 6px 16px #0005;transition:transform .2s,filter .3s}
#df{cursor:default}
#menu,#shop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(3px);z-index:20}
#menu.on,#shop.on{display:flex}
.mcard{width:min(380px,calc(100% - 24px));background:linear-gradient(160deg,#1e293b,#0f172a);color:#fff;border-radius:20px;padding:18px;box-shadow:0 20px 60px #000a;border:2px solid #475569}
.mcard h2{font-size:18px;margin:0 0 4px;color:#fff}
.mcard h3{font-size:12px;color:#cbd5e1;margin:14px 0 6px}
.mcard small{color:#cbd5e1}
.mcard label{grid-template-columns:1fr 46px}
.mcard.fx{display:flex;flex-direction:column;height:min(620px,88vh);height:min(620px,88dvh);overflow:hidden}
.mcard .tp{display:flex;flex:1;min-height:0;flex-direction:column}
.mcard .msc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-inline-end:4px}
.mcard .mfoot{flex:none;padding-top:10px}
.mcard .mfoot.row{margin-top:0}
#lv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lvb{border:3px solid transparent;border-radius:14px;padding:10px 4px;text-align:center;color:#fff;background:linear-gradient(160deg,var(--c),var(--c2));opacity:.55;transition:transform .2s,opacity .2s,box-shadow .2s}
.lvb.on{opacity:1;border-color:#fff;box-shadow:0 0 16px 2px var(--c);transform:translateY(-3px)}
.lvb .ci{font-size:26px;line-height:1.1}
.lvb b{display:block;font-size:14px}
.mcard .lvb small{color:#fff;font-size:11px}
.mcard .mb{flex:1;padding:10px}
.mcard #re3{background:#facc15;color:#111;font-weight:700;border-color:#fde047}
.mcard #re3:hover{background:#fde047}
.mcard .mb+.mb{margin-right:8px}
.gc:hover{transform:translateY(3px) rotate(-2deg)}
.gc .ci{font-size:22px;line-height:1;filter:drop-shadow(0 2px 2px #0006)}
.gc b{font-size:11px}
.gc small{font-size:12px;color:#fff;font-weight:700;text-shadow:0 1px 3px #000c}
.gc.cd{filter:grayscale(.8) brightness(.8)}
#tools{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:0;direction:ltr}
#tp{display:none;flex-direction:column;gap:8px}
.tn{--c:#fbbf24;--c2:#92400e;display:flex;align-items:center;gap:6px;padding:8px 12px;border:3px solid transparent;border-radius:14px;color:#fff;font-size:13px;background:linear-gradient(160deg,var(--c),var(--c2));box-shadow:0 6px 16px #0005;transition:transform .2s}
.tn:hover{transform:translateX(4px)}
.tn small{color:#fff;font-weight:700}
.tn.sl{border-color:#fff;box-shadow:0 0 16px 3px #fff9}
.tn.dis{filter:grayscale(.9);opacity:.6}
.k1{top:9%;animation-duration:80s}
.k2{top:20%;transform:scale(.7);animation-duration:55s;animation-delay:-20s}
.k3{top:4%;transform:scale(1.2);animation-duration:95s;animation-delay:-50s}
.cl{display:none}
.bn{display:none;align-items:center;gap:10px;padding:6px 14px;border-radius:14px;color:#fff;background:linear-gradient(180deg,#334155,#0f172a);border:2px solid #64748b;box-shadow:0 4px 0 #0b1220,0 10px 20px #0005;font-size:13px;white-space:nowrap;max-width:94vw}
#ms{display:flex;border-color:#22c55e}
.bn button{padding:3px 10px;border-radius:10px;background:#ef4444;color:#fff;border:0;font-size:12px}
.mb2{display:inline-block;height:8px;width:90px;border-radius:5px;background:#0b1220;overflow:hidden}
.mb2 i{display:block;height:100%;width:0;background:#22c55e;transition:width .3s}
#big{position:fixed;left:50%;top:max(270px,44%);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;text-align:center;color:#fff;font-weight:700;font-size:30px;line-height:1.5;text-shadow:0 4px 0 #0b1220,0 0 30px #000a;z-index:15}
#big.on{animation:bigp 2.6s ease forwards}
@keyframes bigp{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1)}}
#rain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 1s;background:linear-gradient(#0a1a3033,#0a1a3055),repeating-linear-gradient(105deg,transparent 0 24.25px,#bfdbfe40 24.25px 26.25px);background-size:auto,60px 60px;animation:rn .75s linear infinite}
#rain.on{opacity:1}
@keyframes rn{to{background-position:0 0,-30px 60px}}
.sr{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #334155;border-radius:12px;margin-bottom:8px;background:#0b122088}
.sr .ci{font-size:28px}
.sr .tx{flex:1}
.sr b{font-size:14px}
.sr small{display:block;color:#cbd5e1;font-size:11px;line-height:1.5}
.sr button{background:#22c55e;color:#052e16;font-weight:700;padding:6px 10px;white-space:nowrap;border:0}
.sr button:disabled{background:#475569;color:#94a3b8}
body #top{left:94px;right:94px;transform:none;pointer-events:none}
#top>*{pointer-events:auto}
#top>.bn{width:fit-content;max-width:94vw;box-sizing:border-box}
#top #hud{width:100%;box-sizing:border-box;justify-content:space-between;gap:10px;padding:8px 14px}
#hud .hg{flex:1;display:flex;align-items:center;justify-content:space-evenly;gap:8px;min-width:0}
#hud .st{min-width:0}
#hud .st b{display:block;min-width:3.4ch;text-align:right}
#hud button{display:grid;place-items:center;padding:0;line-height:1;flex:none}
#hud button svg{display:block}
#logo{flex:none;display:flex;align-items:center;gap:6px;padding:3px 14px 3px 16px;border-radius:30px;background:linear-gradient(180deg,#2a2f3a,#0f1218);border:4px solid #2563eb;box-shadow:0 0 0 3px #bfdbfe,0 6px 16px #0008,0 0 18px #3b82f666;transform:translateY(-2px) rotate(-1.5deg)}
#logo .g1,#logo .g2{font-size:28px;font-weight:900;line-height:1.1;-webkit-text-stroke:4px #0b3b8f;paint-order:stroke fill;text-shadow:0 3px 0 #0b2a6b}
#logo .g1{color:#fde047}
#logo .g2{color:#84cc16}
.tl3{display:inline-flex;flex-direction:column;gap:3px;padding:4px;border-radius:7px;background:#111827;border:2px solid #475569}
.tl3 i{width:9px;height:9px;border-radius:50%;background:#4a1d1d}
.tl3 i:nth-child(2){background:#4a3b12}
.tl3 i.on{background:#22c55e;box-shadow:0 0 8px 2px #22c55e}
#st2{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:4px solid #fff;box-shadow:0 0 0 3px #475569,0 6px 14px #0006;transform:rotate(8deg) scale(.4);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;background:#475569}
#st2.on{opacity:1;transform:rotate(8deg) scale(1)}
#st2 svg{width:36px;height:36px}
#st2 .t{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);min-width:26px;padding:1px 6px;border-radius:10px;background:#0f172a;color:#fff;font-size:12px;text-align:center;border:2px solid #fff}
#st2.em{background:radial-gradient(circle at 30% 30%,#f87171,#b91c1c);animation:pg2 1s ease-in-out infinite}
#st2.rain{background:radial-gradient(circle at 30% 30%,#60a5fa,#1d4ed8)}
#st2.acc{background:radial-gradient(circle at 30% 30%,#fb923c,#b91c1c)}
#st2.brk{background:radial-gradient(circle at 30% 30%,#fbbf24,#b45309);animation:pg2 1s ease-in-out infinite}
#st2.school{background:radial-gradient(circle at 30% 30%,#fde047,#b45309)}
#st2.mosque{background:radial-gradient(circle at 30% 30%,#34d399,#065f46)}
#st2.rush{background:radial-gradient(circle at 30% 30%,#fbbf24,#b45309)}
@keyframes pg2{50%{box-shadow:0 0 0 3px #475569,0 0 24px 8px #f87171}}
#hud .st{flex:none}
#hud .fx1{width:128px}
#hud .fx2{width:92px}
#hud .fx3{width:116px}
#hud .st b,#hud .st small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#top,#pp,#st2,#abil,#tools,#sel,#big,#toast,#frm,#wt{z-index:5}
.tabs{display:flex;gap:6px;margin:8px 0 4px}
.tabs button{flex:1;padding:8px;border-radius:10px;background:#1e293b;color:#cbd5e1;border:2px solid #334155}
.tabs button.on{background:#2563eb;color:#fff;border-color:#93c5fd}
.pt{width:100%;border-collapse:collapse;font-size:13px}
.pt td{padding:5px 8px;border-bottom:1px solid #334155}
.pt td:last-child{text-align:left;font-weight:700;color:#fde047;white-space:nowrap}
.vi{vertical-align:middle;margin-left:8px;display:inline-block}
.pt td small{display:block;color:#94a3b8;font-size:11px;font-weight:400}
.pt tr.h td{color:#94a3b8;font-size:11px;border:0;padding-top:12px}
.pt td.neg:last-child{color:#fca5a5}
#zm{position:fixed;left:14px;bottom:calc(176px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#334155,#0f172a);border:2px solid #64748b;box-shadow:0 5px 0 #0b1220,0 10px 20px #0005;z-index:5}
#zm button{width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center}
#zm button+button{border-top:1px solid #475569}
#zm button:active{background:#ffffff22}
#lw{position:relative;flex:none;clip-path:inset(-19px -70px -10px -70px)}
#lw #logo{position:relative;z-index:1;transform-origin:50% 100%;animation:lgpush 10s ease-in-out infinite}
#kidm{position:absolute;left:50%;top:-19px;width:76px;margin-left:-38px;z-index:0;animation:kidpop 10s ease-in-out infinite}
#kidm svg{display:block;width:76px;height:56px}
@keyframes kidpop{0%,3%{transform:translateY(20px)}9%,30%{transform:translateY(0)}36%,100%{transform:translateY(20px)}}
@keyframes lgpush{0%,9%{transform:translateY(-2px) rotate(-1.5deg)}12%,30%{transform:translateY(10px) scale(.86,.78) rotate(-1.5deg)}33%{transform:translateY(-5px) scale(1.04,1.08) rotate(-1.5deg)}36%,100%{transform:translateY(-2px) rotate(-1.5deg)}}
.wv{animation:wvv .5s ease-out infinite}
@keyframes wvv{0%{opacity:0;transform:translateX(-6px)}50%{opacity:1}100%{opacity:0;transform:translateX(8px)}}
.bk{width:100%;margin:4px 0;padding:7px;border-radius:10px;background:#334155;color:#fff;font-weight:700;border:2px solid #64748b}
#brp{background:#b45309}
.dt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:5px}
h1{font-size:16px;margin:0 0 8px}
h2{font-size:12px;color:var(--mu);margin:14px 0 6px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.big{font-size:28px;font-weight:700;line-height:1.1}
.bar{height:8px;background:var(--ln);border-radius:9px;margin-top:6px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--g);transition:width .3s,background .3s}
button{font:inherit;color:inherit;background:var(--ln);border:2px solid transparent;border-radius:10px;padding:6px 12px;cursor:pointer}
button:hover{filter:brightness(.96)}
button.pri{background:var(--ac);color:#fff}
label{display:grid;grid-template-columns:122px 1fr 28px;align-items:center;gap:6px;font-size:12px;margin:4px 0}
input[type=range]{width:100%}
.card{border:1px solid var(--ln);border-radius:12px;padding:10px}
small{color:var(--mu)}
#over{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000a;backdrop-filter:blur(3px);z-index:25}
.ocard{width:min(420px,calc(100% - 24px));padding:20px 20px 18px;text-align:center;color:#fff;border-radius:22px;background:linear-gradient(180deg,#334155,#0f172a);border:2px solid #64748b;box-shadow:0 8px 0 #0b1220,0 20px 40px #000a,inset 0 2px 0 #ffffff33,0 0 40px #ef444455}
.otri{width:70px;height:62px;margin:-54px auto 8px;display:grid;place-items:end center;padding-bottom:4px;box-sizing:border-box;background:#ef4444;clip-path:polygon(50% 0,100% 100%,0 100%);font:700 34px sans-serif;color:#fff;animation:wb .5s ease-in-out infinite alternate}
.ocard h1{font-size:24px;margin:0;color:#fecaca;text-shadow:0 3px 0 #7f1d1d,0 0 18px #ef4444}
.osub{margin:4px 0 14px;color:#94a3b8;font-size:13px}
.ost{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.ost div{background:#0b1220;border:2px solid #334155;border-radius:14px;padding:8px 4px}
.ost span{font-size:20px;display:block}
.ost small{display:block;color:#94a3b8;font-size:11px}
.ost b{font-size:18px;color:#fde047}
.ocard button{width:100%;padding:12px;font-size:17px;font-weight:700;border-radius:16px;border:3px solid #fff;background:linear-gradient(180deg,#a3e635,#4d7c0f);color:#fff;text-shadow:0 2px 0 #14532d;box-shadow:0 5px 0 #365314}
.ocard button:active{transform:translateY(3px);box-shadow:0 2px 0 #365314}
#abil,#tools{width:max-content;height:max-content;pointer-events:none}
#abil .ab,#tools .ab{pointer-events:auto}
#abil .bdg,#tools .bdg{pointer-events:none}
#wt{pointer-events:none}
#story{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000a;backdrop-filter:blur(3px);z-index:70}
#stc{max-height:88vh;max-height:88dvh;overflow-y:auto;width:min(460px,calc(100% - 24px))}
#stc p{font-size:14px;line-height:1.9;color:#e2e8f0;margin:8px 0}
#stc ul{margin:6px 0;padding-inline-start:20px;font-size:13px;color:#cbd5e1;line-height:1.9}
#stc .stb{width:100%;margin-top:8px;padding:11px;font-size:16px;font-weight:700;border-radius:14px;border:3px solid #fff;background:linear-gradient(180deg,#a3e635,#4d7c0f);color:#fff;text-shadow:0 2px 0 #14532d;box-shadow:0 4px 0 #365314;cursor:pointer;font-family:inherit}
#stc .stb.sec{background:linear-gradient(180deg,#64748b,#334155);box-shadow:0 4px 0 #0b1220;text-shadow:none;border-color:#94a3b8;font-size:14px}
#stc .stb:active{transform:translateY(3px)}
.chg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.chb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:14px;border:2px solid #475569;background:#1e293b;color:#fff;cursor:pointer;font-family:inherit;font-size:13px}
.chb b{font-size:22px}
.chb small{color:#94a3b8}
.chb.done{border-color:#22c55e}
.chb.cur{border-color:#facc15;box-shadow:0 0 14px #facc1566}
.chb:disabled{opacity:.45;cursor:not-allowed}
#cmx{position:fixed;inset:0;display:none;z-index:80;background:#000d;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:center;padding-bottom:20px}
#cmx img{display:block;width:min(560px,100%);margin:0 auto;border-radius:10px;color:#fff;font-size:13px}
#cmc{position:sticky;top:8px;z-index:1;display:block;margin:8px auto;padding:9px 20px;border-radius:14px;border:2px solid #fff;background:#ef4444;color:#fff;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;box-shadow:0 4px 0 #7f1d1d}
.mhome{background:#ef4444;color:#fff;font-weight:700;border-color:#fca5a5}
.mhome:hover{background:#f87171}

#towb{position:fixed;right:22px;bottom:calc(158px + env(safe-area-inset-bottom,0px));z-index:6;width:78px;padding:6px 4px 5px;border-radius:18px;border:4px solid #fff;background:linear-gradient(180deg,#fbbf24,#b45309);color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-family:inherit;transform:rotate(6deg);box-shadow:0 0 0 3px #b45309,0 6px 14px #0006;transition:filter .3s}
#towb svg{display:block}
#towb b{font-size:12px;line-height:1.3;background:#0b1220cc;border-radius:10px;padding:1px 8px;min-width:52px;text-align:center;direction:rtl}
#towb.cd{filter:grayscale(.85) brightness(.75);cursor:default}
#towb.on{animation:towpulse .7s ease-in-out infinite alternate;box-shadow:0 0 0 3px #b45309,0 0 22px 6px #fde047}
@keyframes towpulse{to{transform:rotate(6deg) scale(1.1)}}
@media (max-width:640px),(max-height:520px){#towb{right:10px;bottom:calc(114px + env(safe-area-inset-bottom,0px));width:60px;padding:4px 2px;border-width:3px;border-radius:14px}#towb svg{width:36px;height:25px}#towb b{font-size:10px;min-width:42px;padding:1px 4px}body.sel-open #towb{display:none}}
@media (max-height:520px) and (min-width:641px){#towb{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}