:root{
  --bg:#06080e;--bg2:#0a0d14;--panel:#0d121b;--panel2:#111824;--panel3:#151d2a;--line:#1f2b3b;--line2:#2c3a4e;
  --text:#f6f8fb;--muted:#8e9aac;--soft:#b8c1ce;--accent:#5cf1d2;--accent2:#7d69ff;--accent3:#47a9ff;--gold:#ffd166;--danger:#ff5d79;--success:#62e6a7;
  --shadow:0 20px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:Vazirmatn,system-ui,sans-serif;background:radial-gradient(circle at 12% -6%,#182c39 0,transparent 34%),radial-gradient(circle at 90% 6%,#1a1838 0,transparent 28%),var(--bg);color:var(--text);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:28px 28px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")} .app-shell{width:min(680px,100%);margin:auto;min-height:100vh;padding:0 12px 104px}.topbar{position:sticky;top:0;z-index:30;padding:15px 4px 12px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(6,8,14,.95),rgba(6,8,14,.75),transparent);backdrop-filter:blur(12px)}.brand{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:10px;text-align:right;padding:0}.brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent2),#2a1f68);box-shadow:0 8px 30px #7d69ff33;font-size:21px;font-weight:900}.brand small,.brand b{display:block}.brand small{font-size:9px;color:var(--accent);letter-spacing:1.5px;font-weight:800}.brand b{font-size:15px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:#0d141d;color:#eaf1f7;display:grid;place-items:center;position:relative}.icon-btn:hover{border-color:#39506a}.icon-btn.danger{color:var(--danger)}.notif-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--danger);top:7px;left:8px;box-shadow:0 0 12px var(--danger)}.coin-chip{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:14px;background:linear-gradient(145deg,#151c28,#0e141c);border:1px solid var(--line);color:var(--gold);font-weight:900}.coin-icon{font-size:17px}.view{display:none}.view.active{display:block;animation:fadeIn .22s ease}@keyframes fadeIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}main{padding:2px 2px}.hero-card{position:relative;overflow:hidden;border:1px solid #26344a;border-radius:28px;padding:24px;min-height:285px;background:radial-gradient(circle at 90% 15%,#293a66 0,transparent 34%),linear-gradient(145deg,#121925,#0b1018);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:15px}.hero-card:after{content:"";position:absolute;inset:auto -18% -68% 22%;height:250px;background:radial-gradient(circle,#5cf1d222 0,transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:445px}.eyebrow-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid #5cf1d244;background:#5cf1d210;color:var(--accent);font-size:10px;font-weight:900}.hero-copy h1{font-size:30px;line-height:1.34;margin:15px 0 10px;letter-spacing:-.5px}.hero-copy h1 strong{color:var(--accent)}.hero-copy p{color:var(--muted);font-size:13px;line-height:2;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.hero-tags span{font-size:9px;color:#cbd2dc;border:1px solid var(--line);border-radius:999px;padding:6px 8px;background:#0c131b}.hero-orb{width:130px;height:130px;border-radius:50%;flex:none;display:grid;place-items:center;align-content:center;text-align:center;position:relative;background:radial-gradient(circle at 35% 25%,#7d69ff 0,#2d2a68 45%,#14152a 75%);border:1px solid #ffffff19;box-shadow:0 0 60px #7d69ff44}.hero-orb b{font-size:28px;line-height:.95}.hero-orb span{font-size:9px;color:#e6e9f1;opacity:.65;margin:4px 0}.orb-ring{position:absolute;inset:8px;border:1px dashed #ffffff33;border-radius:50%}.quick-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:10px;margin-top:12px}.quick-card{border:1px solid var(--line);min-height:106px;border-radius:20px;padding:16px;display:flex;align-items:center;gap:11px;text-align:right;color:var(--text);background:#0f151e}.quick-primary{background:linear-gradient(145deg,#172837,#101a23);border-color:#31544d;box-shadow:0 15px 45px #0003}.quick-secondary{background:linear-gradient(145deg,#17182a,#0e111a)}.card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#ffffff08;border:1px solid #ffffff10}.card-content{display:flex;flex-direction:column;gap:3px;min-width:0}.card-content b{font-size:15px}.card-content small{font-size:10px;color:var(--muted);line-height:1.7}.arrow{margin-right:auto;color:var(--accent);font-size:22px}.status-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.status-strip>div{border:1px solid var(--line);border-radius:15px;background:#0c121a;padding:10px 9px;display:flex;align-items:center;gap:7px;min-width:0}.status-strip b{font-size:11px}.status-strip small{font-size:8px;color:var(--muted);margin-right:auto}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success);flex:none}.panel{margin-top:12px;border:1px solid var(--line);border-radius:22px;padding:17px;background:linear-gradient(145deg,#0e141d,#0a0f15);box-shadow:0 14px 45px #0002}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-title h2{margin:2px 0 0;font-size:16px}.kicker{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:.5px}.tiny-badge{font-size:9px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap}.reward-body{display:flex;align-items:center;gap:12px;margin-top:13px}.reward-visual{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#352a11,#1b170b);border:1px solid #4d3b12;flex:none}.reward-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.reward-copy b{font-size:13px}.reward-copy span{font-size:10px;color:var(--muted);line-height:1.7}.claim-btn{margin-right:auto;border:0;border-radius:13px;padding:11px 12px;background:linear-gradient(90deg,#9b7b24,#6e5313);color:#fff;font-weight:900;white-space:nowrap;font-size:10px}.claim-btn:disabled{opacity:.45;cursor:not-allowed}.mission-list{display:flex;flex-direction:column;gap:9px;margin-top:12px}.mission{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:15px;background:#0c1219}.mission-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#151e2a;font-size:18px}.mission-main b{font-size:11px}.mission-main small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.mission-bar{height:5px;border-radius:999px;background:#1a2330;margin-top:7px;overflow:hidden}.mission-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#2db5a0);border-radius:999px}.mission-reward{font-size:9px;color:var(--gold);font-weight:900}.spaced{margin:20px 3px 9px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feature-card{padding:15px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#101721,#0c1118)}.feature-card>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff10;font-size:16px}.feature-card b{display:block;margin-top:11px;font-size:12px}.feature-card p{font-size:9px;color:var(--muted);line-height:1.8;margin:5px 0 0}.rank-overview{display:flex;align-items:center;gap:11px;margin-top:13px}.rank-badge{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,#a79cff,#3d367d 65%);font-size:27px;box-shadow:0 10px 30px #7d69ff22}.rank-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.rank-meta b{font-size:13px}.rank-meta span{font-size:9px;color:var(--muted);line-height:1.7}.rank-rating{margin-right:auto;text-align:center}.rank-rating b{display:block;font-size:18px}.rank-rating small{font-size:8px;color:var(--muted)}.progress-wrap{margin-top:12px}.progress-track,.large-progress{height:8px;background:#18212c;border-radius:999px;overflow:hidden}.progress-track span,.large-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:999px;transition:width .4s ease}.progress-label{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;color:var(--muted)}.history-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.history-empty{padding:17px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:10px;line-height:1.9}.history-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:15px;padding:10px;background:#0d131b}.history-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:17px}.history-icon.win{background:#1d392d;color:var(--success)}.history-icon.loss{background:#3d1f29;color:var(--danger)}.history-icon.draw{background:#382f1b;color:var(--gold)}.history-main b{font-size:10px}.history-main small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.history-score{text-align:left}.history-score b{display:block;font-size:12px}.history-score small{font-size:8px;color:var(--muted)}.guest-banner{display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid #3e354c;border-radius:17px;background:linear-gradient(90deg,#191329,#100e18)}.guest-banner>span{font-size:20px}.guest-banner>div{min-width:0;display:flex;flex-direction:column;gap:3px}.guest-banner b{font-size:10px}.guest-banner small{font-size:8px;line-height:1.7;color:#a89db5}.guest-banner button{margin-right:auto;border:1px solid #514269;background:#1b1630;color:#fff;padding:8px 10px;border-radius:10px;font-size:9px;font-weight:900}.bottom-nav{position:fixed;z-index:60;bottom:10px;left:50%;transform:translateX(-50%);width:min(660px,calc(100% - 20px));padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#0a1017eb;backdrop-filter:blur(18px);border:1px solid #253345;border-radius:22px;box-shadow:0 18px 45px #0008}.nav-btn{border:0;background:transparent;color:var(--muted);padding:8px 4px 7px;border-radius:15px;position:relative;font:inherit;display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column}.nav-btn.active{background:#5cf1d20d;color:#fff;box-shadow:inset 0 0 0 1px #5cf1d21b}.nav-btn span{font-size:20px;line-height:1}.nav-btn b{font-size:10px}.nav-btn i{position:absolute;top:4px;left:15%;font-style:normal;font-size:6px;color:var(--gold)}.page-title{display:flex;align-items:center;gap:11px;margin:12px 2px 17px}.page-title h2{margin:1px 0;font-size:21px}.page-title p{margin:4px 0;color:var(--muted);font-size:10px}.page-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:#20190c;border:1px solid #4c3c12}.coming-card{padding:30px 19px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 50% -10%,#342e5b 0,transparent 38%),linear-gradient(145deg,#111625,#0b1017);text-align:center;box-shadow:var(--shadow)}.coming-visual{height:110px;position:relative;display:grid;place-items:center;margin-bottom:13px}.coming-visual span{font-size:66px;filter:drop-shadow(0 12px 30px #ffd16644);position:relative;z-index:2}.coming-visual i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);animation:float 2.8s ease-in-out infinite}.coming-visual i:nth-child(2){top:14px;left:30%}.coming-visual i:nth-child(3){top:38px;right:26%;animation-delay:.5s}.coming-visual i:nth-child(4){bottom:8px;left:41%;animation-delay:1s}@keyframes float{50%{transform:translateY(-9px);opacity:.55}}.coming-card h2{font-size:24px;margin:12px 0 7px}.coming-card p{color:var(--muted);font-size:11px;line-height:2;margin:0 auto;max-width:520px}.coming-features{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:15px 0}.coming-features span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;font-size:8px;color:#c9d0da;background:#0c1219}.outline-btn,.text-btn,.danger-btn,.primary-btn{border:0;outline:0}.outline-btn{background:#101722;color:#eaf0f7;border:1px solid var(--line2);padding:11px 13px;border-radius:13px;font-weight:900;font-size:10px}.outline-btn.full{width:100%;margin-top:8px}.text-btn{background:none;color:var(--accent);font-size:9px;padding:3px}.preview-title{margin:21px 3px 9px;font-size:10px;color:var(--muted);font-weight:800}.tournament-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-card{padding:13px 10px;border:1px solid var(--line);border-radius:17px;background:#0d131b;text-align:center}.preview-card span{font-size:22px}.preview-card b{display:block;font-size:10px;margin-top:6px}.preview-card small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.auth-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#111722,#0b1017);box-shadow:var(--shadow)}.auth-icon{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:#7d69ff18;border:1px solid #7d69ff32;font-size:29px;margin-bottom:12px}.auth-card h2{font-size:24px;margin:5px 0}.auth-card>p{color:var(--muted);font-size:10px;line-height:2;margin:5px 0 14px}.auth-benefits{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.auth-benefits span{padding:7px 8px;border:1px solid var(--line);border-radius:999px;background:#0d141c;font-size:8px}.form-row{margin-top:10px}.form-row label{display:block;font-size:9px;color:#c9d1dc;margin-bottom:6px}.form-row input,.otp-box>input{width:100%;padding:13px 12px;border-radius:14px;border:1px solid var(--line);background:#090e15;color:#fff;outline:0;font-size:12px}.form-row input:focus,.otp-box>input:focus{border-color:#6d61c6;box-shadow:0 0 0 3px #7d69ff12}.primary-btn{background:linear-gradient(90deg,var(--accent2),#9a67ff);color:#fff;padding:13px 15px;border-radius:14px;font-weight:900;font-size:11px}.primary-btn.full{width:100%;margin-top:12px}.otp-box{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.otp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:10px}.demo-otp{margin-top:8px;padding:9px 10px;border-radius:11px;background:#ffd16611;border:1px dashed #ffd16642;color:var(--gold);font-size:9px;line-height:1.7}.profile-hero{display:flex;align-items:center;gap:11px;padding:16px}.profile-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#6b5aff,#201d56);font-size:23px;font-weight:900;flex:none}.profile-main{min-width:0}.online-chip{font-size:8px;color:var(--success)}.profile-main h2{margin:1px 0;font-size:18px}.profile-main p{margin:0;color:var(--muted);font-size:8px}.profile-rank-line{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.profile-rank-line span{font-size:8px;padding:5px 7px;border-radius:999px;border:1px solid var(--line);color:#c7ced8}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.stat-card{padding:11px 5px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#0d131b}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:8px}.stat-card b{display:block;font-size:18px;margin:4px 0}.level-panel{padding:16px}.level-panel .section-title>span:last-child{font-size:8px;color:var(--muted);padding-top:5px}.large-progress{height:10px;margin-top:12px}.ranking-list{display:flex;flex-direction:column;gap:7px;margin-top:11px}.rank-row{display:grid;grid-template-columns:32px 1fr auto 28px;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#0d131b}.rank-num{font-size:10px;font-weight:900;color:var(--gold);text-align:center}.rank-name b{font-size:10px}.rank-name small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.rank-score{font-size:10px;font-weight:900}.rank-medal{font-size:16px;text-align:center}.tool-row{width:100%;display:grid;grid-template-columns:36px 1fr 18px;align-items:center;text-align:right;gap:9px;padding:11px 5px;background:none;border:0;border-top:1px solid var(--line);color:#fff}.tool-row:first-of-type{border-top:0}.tool-row>span:first-child{width:34px;height:34px;border-radius:11px;background:#121925;display:grid;place-items:center}.tool-row b{display:block;font-size:10px}.tool-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.sheet{position:fixed;inset:0;z-index:100;background:#02050ad6;backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:10px}.sheet-panel{width:min(680px,100%);max-height:82vh;overflow:auto;background:linear-gradient(150deg,#111823,#0b1017);border:1px solid var(--line2);border-radius:24px 24px 16px 16px;padding:17px;box-shadow:0 -20px 80px #0008}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.sheet-head h3{margin:0;font-size:17px}.notif-list{display:flex;flex-direction:column;gap:8px}.notif{display:flex;gap:10px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#0c121a}.notif span{font-size:18px}.notif b{font-size:10px}.notif p{font-size:8px;color:var(--muted);line-height:1.8;margin:2px 0}.help-list{display:flex;flex-direction:column;gap:8px}.help-list article{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:11px;border:1px solid var(--line);border-radius:15px;background:#0c121a}.help-list article>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#131b27;font-size:18px}.help-list b{font-size:10px}.help-list p{font-size:8px;color:var(--muted);line-height:1.8;margin:2px 0}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-item{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;background:#0c121a}.shop-item>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#151d29;font-size:19px}.shop-item b{font-size:10px}.shop-item small{display:block;font-size:8px;color:var(--muted);line-height:1.7;margin-top:2px}.shop-item button{border:1px solid #3e4e65;background:#101824;color:#fff;padding:8px 10px;border-radius:10px;font-size:8px;font-weight:900}.modal{position:fixed;inset:0;z-index:90;background:#02050bd9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:10px}.match-panel{width:min(680px,100%);min-height:min(86vh,780px);max-height:96vh;overflow:auto;background:linear-gradient(150deg,#0a1017,#080c13);border:1px solid #243246;border-radius:28px;padding:15px;box-shadow:0 35px 100px #000c}.match-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-round{text-align:center;min-width:0}.match-round span{display:block;font-size:8px;color:var(--muted)}.match-round b{display:block;font-size:11px;margin-top:2px}.timer{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent);box-shadow:0 0 20px #5cf1d21e;font-size:18px;font-weight:900}.waiting-state,.result-state{min-height:70vh;display:grid;align-content:center;justify-items:center;text-align:center;padding:24px}.match-loader{display:flex;gap:7px;margin-bottom:16px}.match-loader span{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:bounce 1s infinite}.match-loader span:nth-child(2){animation-delay:.15s}.match-loader span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-8px);opacity:.45}}.waiting-state h2,.result-state h2{margin:11px 0 5px;font-size:23px}.waiting-state p,.result-state p{margin:0;max-width:430px;color:var(--muted);font-size:10px;line-height:1.9}.queue-tips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:16px 0}.queue-tips span{padding:7px 9px;border-radius:999px;border:1px solid var(--line);font-size:8px;color:#c6ced9}.match-players{display:grid;grid-template-columns:1fr 40px 1fr;gap:7px;align-items:center;margin-top:13px}.player-chip{display:grid;grid-template-columns:34px 1fr auto;gap:7px;align-items:center;padding:9px;border-radius:15px;background:#0d141d;border:1px solid var(--line);min-width:0}.player-chip.me{border-color:#355b55}.mini-avatar{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:#1a2731;font-size:9px;font-weight:900}.mini-avatar.opp{background:#271a34}.player-chip b{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip small{font-size:7px;color:var(--muted);display:block;margin-top:2px}.player-chip strong{font-size:16px}.vs-badge{text-align:center;color:var(--gold);font-size:9px;font-weight:900}.question-progress{height:5px;border-radius:99px;background:#17202a;overflow:hidden;margin:10px 0}.question-progress span{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .25s ease}.question-card{padding:15px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,#101721,#0b1118)}.question-meta{display:flex;justify-content:space-between;align-items:center}.question-meta>span:last-child{font-size:8px;color:var(--muted)}.difficulty-pill{padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900}.question-card h2{font-size:19px;line-height:1.8;margin:13px 0 15px}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{position:relative;overflow:hidden;border:1px solid var(--line);background:#0b1118;color:#fff;border-radius:14px;padding:13px 12px;text-align:right;min-height:59px;font-size:11px;line-height:1.7}.option:hover{border-color:#4c5f7e}.option.selected{border-color:var(--accent2);background:#7d69ff16}.option.correct{border-color:#398a68;background:#173729}.option.wrong{border-color:#8b3850;background:#331722}.option.disabled{opacity:.42;pointer-events:none}.answer-feedback{margin-top:10px;padding:10px;border-radius:12px;background:#101925;border:1px solid var(--line);font-size:9px;line-height:1.8;color:#d3d9e2}.answer-feedback b{color:var(--accent)}.powerups-head{display:flex;align-items:center;justify-content:space-between;margin:12px 2px 7px;font-size:9px}.powerups-head span{color:var(--gold);font-weight:900}.powerups{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.powerups button{border:1px solid var(--line);background:#0f161f;color:#fff;border-radius:14px;padding:9px 6px}.powerups button:disabled{opacity:.35}.powerups strong{display:block;font-size:15px;color:var(--accent)}.powerups span{display:block;font-size:8px;font-weight:900;margin-top:2px}.powerups small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.match-footer-note{text-align:center;color:#687585;font-size:7px;margin-top:9px}.practice-banner{display:flex;justify-content:space-between;align-items:center;margin:13px 0 9px;padding:10px 11px;border:1px solid #4b3b67;border-radius:14px;background:#1a1325;font-size:9px}.practice-banner span{color:#d5beff;font-weight:900}.practice-banner b{color:#9d91ae;font-size:8px}.result-glow{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:60px;background:radial-gradient(circle,#3a3475,#15172b 70%);box-shadow:0 0 70px #7d69ff2e}.result-score{display:grid;grid-template-columns:1fr 30px 1fr;gap:6px;align-items:center;margin:17px 0;padding:12px;border:1px solid var(--line);border-radius:17px;background:#0d141c;width:min(430px,100%)}.result-score div{text-align:center}.result-score small{display:block;color:var(--muted);font-size:8px}.result-score b{display:block;font-size:26px;margin-top:2px}.result-changes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(430px,100%);margin-bottom:12px}.result-changes div{padding:10px;border:1px solid var(--line);border-radius:13px;background:#0e151d}.result-changes span{display:block;color:var(--muted);font-size:7px}.result-changes b{display:block;font-size:13px;margin-top:3px}.center-dialog{position:fixed;inset:0;z-index:130;background:#02050bd9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.dialog-card{width:min(420px,100%);border:1px solid var(--line2);border-radius:23px;background:#101720;padding:20px;text-align:center;box-shadow:0 30px 80px #000b}.dialog-card>div:first-child{font-size:35px}.dialog-card h3{font-size:18px;margin:9px 0 4px}.dialog-card p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.danger-btn{background:#441a25;color:#ffdce3;border:1px solid #683042;border-radius:13px;padding:11px;font-size:10px;font-weight:900}
.hidden{display:none!important}.toast{position:fixed;z-index:200;top:14px;left:50%;transform:translate(-50%,-18px);opacity:0;pointer-events:none;background:#111923;border:1px solid var(--line2);box-shadow:0 18px 60px #0008;border-radius:14px;padding:10px 14px;font-size:10px;transition:.23s;max-width:min(88vw,520px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){.hero-card{min-height:260px;padding:19px}.hero-copy h1{font-size:24px}.hero-orb{width:92px;height:92px}.hero-orb b{font-size:21px}.quick-grid{grid-template-columns:1fr}.status-strip{grid-template-columns:1fr 1fr 1fr}.status-strip>div{flex-direction:column;align-items:flex-start;gap:3px}.status-strip small{margin-right:0}.feature-grid{grid-template-columns:1fr 1fr}.question-card h2{font-size:17px}.options{grid-template-columns:1fr 1fr}.match-players{grid-template-columns:1fr 34px 1fr}.player-chip{grid-template-columns:30px 1fr}.mini-avatar{width:30px;height:30px}.player-chip strong{font-size:14px}.profile-main h2{font-size:16px}}
@media(max-width:390px){.hero-card{display:block}.hero-orb{display:none}.hero-copy h1{font-size:23px}.feature-grid{grid-template-columns:1fr}.status-strip small{font-size:7px}.options{grid-template-columns:1fr}.result-changes{gap:5px}.reward-body{align-items:flex-start;flex-wrap:wrap}.claim-btn{margin-right:0}.stat-cards{grid-template-columns:repeat(2,1fr)}}
.ad-mission-panel{margin-top:16px}.ad-mission{display:flex;gap:14px;align-items:center}.ad-box{flex:1;display:flex;flex-direction:column;gap:4px}.ad-box span{font-size:28px}.ad-box small,.muted-note{color:#7d899a;font-size:12px}.claim-btn:disabled{opacity:.55;cursor:not-allowed}.coin-pack-list{display:grid;gap:10px}.coin-pack{border:1px solid #273244;background:#101621;color:#fff;border-radius:16px;padding:15px;text-align:right;display:grid;gap:4px;cursor:pointer}.coin-pack b{font-size:18px}.coin-pack span{color:#5ee7ff;font-weight:800}.coin-pack small{color:#8490a2}.coin-pack.featured{border-color:#00d9ff;box-shadow:0 0 0 1px #00d9ff33 inset}.payment-note{font-size:12px;color:#778395;line-height:1.8;margin-top:12px}.stat-cards{grid-template-columns:repeat(4,1fr)}
@media(max-width:600px){.stat-cards{grid-template-columns:repeat(2,1fr)}.ad-mission{align-items:flex-start;flex-direction:column}.ad-mission .claim-btn{width:100%}}
.ad-panel{border-color:#3b3655}.ad-mission-body{display:flex;align-items:center;gap:12px;margin-top:13px}.ad-visual{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#30234a,#171125);border:1px solid #4b3c68;flex:none}.mission-reward{border:1px solid transparent;background:transparent;padding:5px 2px;border-radius:9px}.mission-reward.ready{background:#17382f;border-color:#2c6d5a;color:#7ff1c5;padding:7px 9px;cursor:pointer}.mission-reward:disabled{cursor:default}.ad-mission-body .reward-copy{flex:1}.ad-mission-body .claim-btn{flex:none}
@media(max-width:480px){.ad-mission-body{align-items:flex-start;flex-wrap:wrap}.ad-mission-body .reward-copy{min-width:calc(100% - 70px)}.ad-mission-body .claim-btn{width:100%;margin-right:0}}

.hidden{display:none!important}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.auth-tab{border:1px solid var(--line);background:#0c121a;color:var(--muted);border-radius:12px;padding:10px;font-weight:900}.auth-tab.active{color:var(--accent);border-color:#3b756d;background:#10231f}.result-state #resultText b{color:var(--accent)}


/* پاسخ مسابقه: فقط رنگ گزینه‌ها + انیمیشن مرکزی، بدون متن زیر گزینه‌ها */
#answerFeedback,#practiceFeedback{display:none!important}
.answer-animation{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;opacity:0;transform:scale(.72);transition:opacity .16s ease,transform .28s cubic-bezier(.2,.9,.2,1)}
.answer-animation.show{opacity:1;transform:scale(1)}
.answer-animation .answer-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:58px;font-weight:900;border:3px solid currentColor;background:rgba(8,12,20,.92);box-shadow:0 0 45px currentColor,0 0 90px rgba(255,255,255,.08)}
.answer-animation b{font-size:25px;letter-spacing:.5px;text-shadow:0 0 20px currentColor}
.answer-animation.is-correct{color:#36e58a}.answer-animation.is-wrong{color:#ff4f67}
.options .option.correct{border-color:#36e58a!important;background:rgba(54,229,138,.14)!important;color:#fff!important;box-shadow:0 0 18px rgba(54,229,138,.18)}
.options .option.wrong{border-color:#ff4f67!important;background:rgba(255,79,103,.14)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,79,103,.18)}

.home-mini-hero{padding:20px 18px;margin-top:6px}.home-mini-hero h1{font-size:23px;line-height:1.5;margin:12px 0 6px}.home-mini-hero p{margin:0;color:var(--muted);font-size:10px;line-height:1.9}.home-history-panel{margin-top:12px}.text-btn{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:900;padding:6px}.answer-animation{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;opacity:0;transform:scale(.72);transition:opacity .16s ease,transform .28s cubic-bezier(.2,.9,.2,1)}.answer-animation.show{opacity:1;transform:scale(1)}.answer-animation .answer-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:58px;font-weight:900;border:3px solid currentColor;background:rgba(8,12,20,.94);box-shadow:0 0 45px currentColor}.answer-animation b{font-size:25px;text-shadow:0 0 20px currentColor}.answer-animation.is-correct{color:#36e58a}.answer-animation.is-wrong{color:#ff4f67}

.option.correct.disabled,.option.wrong.disabled{opacity:1}.option.correct{box-shadow:0 0 0 1px #398a68,0 0 22px #398a6830}.option.wrong{box-shadow:0 0 0 1px #8b3850,0 0 22px #8b385030}


/* V5 — Match results, Ranking, MC and Staff Channel */
.coin-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(145deg,#ffd166,#a97917);color:#17120a;font-size:9px;font-weight:1000;letter-spacing:-.4px;box-shadow:0 0 18px #ffd16633}
.bottom-nav{grid-template-columns:repeat(4,1fr)}
.match-players{grid-template-columns:1fr 62px 1fr}
.match-players .player-chip{min-width:0}
.match-players .player-chip.me{justify-content:flex-end;text-align:right}
.match-players .player-chip:last-child{justify-content:flex-start;text-align:left}
.result-vs-card{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:8px;width:100%;margin:16px 0;padding:14px;border:1px solid var(--line2);border-radius:20px;background:linear-gradient(145deg,#111a27,#0b1018)}
.result-player{display:flex;align-items:center;gap:7px;min-width:0;flex-direction:column;text-align:center}
.result-player b{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-player small{font-size:8px;color:var(--muted)}
.result-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#2d6b68,#171f2b);border:1px solid #5cf1d255;font-weight:1000;font-size:17px}
.result-avatar.opp,.history-avatar.opp{background:linear-gradient(145deg,#332a56,#17131f);border-color:#7d69ff55}
.result-vs{font-size:13px;font-weight:1000;color:var(--accent);letter-spacing:1px;text-align:center}
.result-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:8px 0 14px}
.result-stats-grid>div{padding:10px 7px;border:1px solid var(--line);border-radius:13px;background:#0c131b;text-align:center}
.result-stats-grid span{display:block;color:var(--muted);font-size:8px}
.result-stats-grid b{display:block;margin-top:4px;font-size:11px}
.result-details-panel{max-height:88vh;overflow:auto}
.detail-rate{text-align:center;padding:16px;border-radius:18px;background:radial-gradient(circle at 50% 0,#1d3940,#0d131b 65%);border:1px solid #5cf1d233;margin:10px 0 14px}
.detail-rate b{display:block;font-size:30px;color:var(--accent)}
.detail-rate span{font-size:9px;color:var(--muted)}
.detail-note{padding:11px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:9px;line-height:1.8}
.match-history-card{width:100%;border:1px solid var(--line);border-radius:18px;padding:12px;background:#0d131b;color:var(--text);text-align:inherit;font:inherit;display:block;margin-bottom:8px;transition:.18s ease}
.match-history-card:hover{transform:translateY(-1px);border-color:#395064}
.match-history-card.win{border-color:#254f3c}.match-history-card.loss{border-color:#512b35}
.history-vs-row{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:7px}
.history-side{display:flex;align-items:center;gap:7px;min-width:0}.history-side.right{justify-content:flex-end;text-align:right}.history-side.left{justify-content:flex-start;text-align:left}
.history-side b{display:block;font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-side small{display:block;color:var(--muted);font-size:7px;margin-top:2px}
.history-avatar{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:#173b39;border:1px solid #5cf1d244;font-size:12px;font-weight:1000}.history-avatar.opp{background:#29213e;border-color:#7d69ff44}
.history-vs{text-align:center}.history-vs span{display:block;color:var(--accent);font-size:10px;font-weight:1000}.history-vs small{display:block;color:var(--muted);font-size:6px;margin-top:3px}
.history-card-foot{display:flex;justify-content:space-between;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:7px;color:var(--muted)}.history-card-foot span:first-child{color:var(--text);font-weight:900}
.rank-hero{display:flex;align-items:center;gap:12px;padding:15px;margin-bottom:12px}.rank-hero-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:#28220f;border:1px solid #5c4915}.rank-hero>div{min-width:0;flex:1}.rank-hero h2{margin:2px 0;font-size:16px}.rank-hero p{margin:3px 0 0;color:var(--muted);font-size:8px}.rank-hero>strong{font-size:18px;color:var(--accent)}
.rank-levels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rank-level{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:15px;background:#0c131b}.rank-level-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#171e29;font-size:15px}.rank-level b{display:block;font-size:10px}.rank-level small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.rank-group{margin-bottom:14px}.rank-group:last-child{margin-bottom:0}.rank-group-head{display:flex;align-items:center;gap:8px;padding:9px 3px}.rank-group-head .rank-level-icon{background:#171e29}.rank-group-head b{display:block;font-size:12px}.rank-group-head small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.ranking-full-panel .ranking-list{display:grid;gap:6px}
.staff-channel-card{display:flex;align-items:center;gap:10px;padding:13px;margin-bottom:13px;border:1px solid #7d69ff44;border-radius:18px;background:linear-gradient(145deg,#19152b,#0d121b)}.staff-logo{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:1000;color:#fff;background:linear-gradient(145deg,#7d69ff,#3c326f);box-shadow:0 0 28px #7d69ff33}.staff-channel-card b{display:block;font-size:11px}.staff-channel-card small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.support-subtitle{font-size:10px;font-weight:900;margin:17px 0 8px}.support-tickets{display:grid;gap:7px}.support-ticket{padding:10px;border:1px solid var(--line);border-radius:14px;background:#0c131b}.support-ticket>div{display:flex;justify-content:space-between;gap:8px}.support-ticket b{font-size:9px}.support-ticket span{font-size:7px;color:var(--accent)}.support-ticket small{font-size:7px;color:var(--muted)}.support-ticket p{margin:7px 0 0;color:#c3cad5;font-size:8px;line-height:1.7}
@media(max-width:460px){.result-stats-grid{grid-template-columns:repeat(2,1fr)}.rank-levels-grid{grid-template-columns:1fr}.history-vs-row{grid-template-columns:1fr 45px 1fr}.history-side b{max-width:78px}.bottom-nav{padding:6px}.nav-btn{padding:7px 2px}.nav-btn b{font-size:9px}}

/* V5 completion: tasks + separated quick-match queues */
.tasks-panel{margin-top:12px}
.task-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111a20,#0b1118)}
.task-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:#172329;border:1px solid #ffffff10}
.task-main{min-width:0}.task-main>b{font-size:12px;display:block}.task-main>small{display:block;color:var(--muted);font-size:8px;line-height:1.8;margin-top:3px}
.task-ad-slot{margin-top:8px;min-height:44px;border:1px dashed #31414b;border-radius:12px;background:#0a1016;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:8px;transition:.2s}
.task-ad-slot.active{border-color:#5cf1d255;background:#101c20}.task-ad-slot small{font-size:7px;opacity:.75}
.task-progress{height:5px;border-radius:99px;background:#1a2330;overflow:hidden;margin-top:7px}.task-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .9s linear}
.quick-mode-panel{padding-bottom:14px}.quick-mode-list{display:grid;gap:8px}.quick-mode-option{width:100%;border:1px solid var(--line);border-radius:17px;background:#0c131b;color:var(--text);padding:12px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;text-align:right;font:inherit;cursor:pointer}
.quick-mode-option:hover{border-color:#5cf1d244;background:#101a20}.quick-mode-option .mode-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#151e29;font-size:20px}.quick-mode-option b{display:block;font-size:12px}.quick-mode-option small{display:block;color:var(--muted);font-size:8px;line-height:1.7;margin-top:2px}.quick-mode-option>strong{font-size:10px;color:var(--gold);white-space:nowrap}.quick-mode-note{margin-top:10px;padding:9px 10px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:8px;line-height:1.8}
@media(max-width:520px){.task-card{grid-template-columns:42px 1fr}.task-card .claim-btn{grid-column:1/-1;width:100%;margin-top:2px}.task-icon{width:42px;height:42px}}

/* V6 mobile experience — desktop layout intentionally unchanged */
.match-search-stage{width:min(520px,100%);display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:12px;margin:20px 0 10px;direction:ltr}
.search-player{position:relative;min-width:0;padding:14px 9px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#101821,#0a1017);text-align:center;overflow:hidden}
.search-player.me-search{border-color:#315b52;box-shadow:0 0 35px #5cf1d20d}
.search-avatar{width:54px;height:54px;border-radius:17px;margin:0 auto 8px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#6b5aff,#211c54);font-size:20px;font-weight:900}
.search-ghost{background:#121b25;border:1px dashed #425264;color:#778697;animation:searchPulse 1.6s ease-in-out infinite}
.search-player b,.search-player small{display:block;direction:rtl}
.search-player b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-player small{font-size:7px;color:var(--muted);margin-top:3px}
.queue-vs{font-size:16px;font-weight:1000;color:var(--gold);text-shadow:0 0 25px #ffd16655;animation:vsPulse 1.4s ease-in-out infinite}
.search-radar{position:absolute;inset:-45px;border:1px solid #5cf1d214;border-radius:50%;animation:radarSpin 3s linear infinite;pointer-events:none}
@keyframes searchPulse{50%{transform:scale(1.05);box-shadow:0 0 35px #5cf1d218}}
@keyframes vsPulse{50%{transform:scale(1.12);opacity:.65}}
@keyframes radarSpin{to{transform:rotate(360deg)}}

.rank-level{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rank-level:hover{transform:translateY(-2px)}
.rank-tier-برنز .rank-level-icon{color:#c58b62}
.rank-tier-نقره‌ای .rank-level-icon{color:#dbe7f2}
.rank-tier-طلایی .rank-level-icon{color:#ffd166}
.rank-tier-پلاتین .rank-level-icon{color:#8ee8ff}
.rank-tier-الماس .rank-level-icon{color:#7d9cff}
.rank-tier-استاد .rank-level-icon{color:#c09cff}
.rank-tier-گرندمستر .rank-level-icon{color:#ffdf8a}
.rank-system-card .section-title{margin-bottom:10px}

@media(max-width:600px){
  .app-shell{padding:0 9px 86px}
  .topbar{padding:10px 2px 9px}
  .brand{gap:7px}.brand-mark{width:36px;height:36px;border-radius:12px;font-size:18px}
  .brand small{font-size:7px}.brand b{font-size:12px}
  .top-actions{gap:5px}.icon-btn{width:35px;height:35px;border-radius:11px}.coin-chip{padding:8px 9px;border-radius:12px;font-size:11px}
  main{padding:0}
  .panel,.auth-card,.page-title{margin-left:0;margin-right:0}
  .page-title{gap:8px;margin-top:8px;margin-bottom:11px}.page-icon{width:42px;height:42px;border-radius:13px;font-size:19px}.page-title h2{font-size:18px}.page-title p{font-size:8px}
  .home-mini-hero{padding:15px 14px;border-radius:19px}.home-mini-hero h1{font-size:18px;line-height:1.45;margin:9px 0 4px}.home-mini-hero p{font-size:8px}
  .quick-grid{gap:7px;margin-top:8px}.quick-card{min-height:72px;padding:10px 11px;border-radius:16px;gap:8px}.card-icon{width:34px;height:34px;border-radius:10px;font-size:15px}.card-content b{font-size:10px}.card-content small{font-size:7px}.arrow{font-size:12px}
  .guest-banner{padding:9px;border-radius:14px;gap:7px}.guest-banner small{font-size:7px}.guest-banner button{padding:8px 9px;font-size:8px}
  .section-title{margin-bottom:8px}.section-title h2{font-size:14px}.kicker{font-size:7px}.tiny-badge{font-size:6px;padding:5px 7px}
  .task-card{padding:9px;border-radius:15px}.task-main>b{font-size:10px}.task-main>small{font-size:7px}.task-card .claim-btn{padding:9px 10px;font-size:8px}
  .home-history-panel{margin-top:8px}
  .modal{padding:6px}.match-panel{width:100%;max-height:98vh;min-height:92vh;border-radius:22px;padding:10px}
  .match-top{gap:6px}.timer{width:42px;height:42px;font-size:15px}.match-round span{font-size:7px}.match-round b{font-size:9px}
  .waiting-state,.result-state{min-height:82vh;padding:10px 7px}
  .waiting-state h2,.result-state h2{font-size:18px;margin:8px 0 4px}.waiting-state p,.result-state p{font-size:8px}
  .match-search-stage{grid-template-columns:1fr 42px 1fr;gap:6px;margin:13px 0 6px}.search-player{padding:9px 5px;border-radius:15px}.search-avatar{width:42px;height:42px;border-radius:13px;font-size:16px;margin-bottom:5px}.search-player b{font-size:9px}.search-player small{font-size:6px}.queue-vs{font-size:12px}
  .match-loader{margin:7px 0 5px}.match-loader span{width:7px;height:7px}.queue-tips{gap:4px;margin:9px 0}.queue-tips span{padding:5px 7px;font-size:6px}
  .outline-btn{padding:9px 11px;border-radius:11px;font-size:8px}
  #questionState{padding-bottom:4px}
  #questionState .match-players{margin-top:5px}
  #questionState .question-progress{margin:6px 0}
  #questionState .question-card{height:33vh;min-height:245px;padding:10px;border-radius:16px;overflow:auto}
  #questionState .question-card h2{font-size:14px;line-height:1.55;margin:8px 0 9px}
  #questionState .question-meta>span:last-child{font-size:6px}.difficulty-pill{padding:4px 6px;font-size:6px}
  #questionState .options{grid-template-columns:1fr 1fr;gap:6px}
  #questionState .option{min-height:54px;padding:9px 7px;border-radius:11px;font-size:9px;line-height:1.45}
  #questionState .powerups-head{margin:7px 1px 4px;font-size:7px}
  #questionState .powerups{gap:5px}.powerups button{padding:7px 4px;border-radius:11px}.powerups strong{font-size:12px}.powerups span{font-size:6px}.powerups small{font-size:5px}
  .match-footer-note{font-size:6px;margin-top:5px}
  .match-players{grid-template-columns:1fr 30px 1fr;gap:5px}.player-chip{grid-template-columns:27px 1fr;padding:7px;border-radius:12px}.mini-avatar{width:27px;height:27px;border-radius:9px}.player-chip b{font-size:7px}.player-chip small{font-size:5px}.vs-badge{font-size:7px}
  .result-vs-card{width:100%;padding:8px}.result-player b{font-size:8px}.result-player small{font-size:6px}.result-avatar{width:38px;height:38px}
  .result-stats-grid{gap:5px}.result-stats-grid>div{padding:8px}.result-stats-grid span{font-size:6px}.result-stats-grid b{font-size:10px}
  .bottom-nav{width:calc(100% - 14px);bottom:6px;padding:5px;border-radius:17px;gap:4px}.nav-btn{padding:6px 2px;border-radius:12px}.nav-btn span{font-size:17px}.nav-btn b{font-size:7px}
  .rank-hero{padding:12px}.rank-hero-icon{width:42px;height:42px}.rank-hero h2{font-size:14px}.rank-hero p{font-size:7px}.rank-hero>strong{font-size:18px}
  .rank-levels-grid{grid-template-columns:1fr 1fr;gap:6px}.rank-level{padding:8px;border-radius:12px;gap:6px}.rank-level-icon{width:27px;height:27px;font-size:13px}.rank-level b{font-size:8px}.rank-level small{font-size:6px}
  .ranking-list{gap:5px}.rank-row{padding:8px}.rank-name b{font-size:8px}.rank-name small{font-size:6px}.rank-score{font-size:9px}.rank-medal{font-size:10px}
  .profile-hero{padding:11px}.profile-avatar{width:48px;height:48px;border-radius:15px}.profile-main h2{font-size:14px}.profile-main p{font-size:7px}.profile-rank-line{font-size:7px}
  .stat-card{padding:10px;border-radius:13px}.stat-card span{font-size:6px}.stat-card b{font-size:15px}.stat-card small{font-size:6px}
  .auth-card{padding:15px;border-radius:18px}.auth-card h2{font-size:19px}.auth-card>p{font-size:8px}.form-row input,.otp-box>input{padding:10px;font-size:10px;border-radius:11px}.primary-btn{padding:10px 12px;font-size:9px;border-radius:11px}
  .coming-card{padding:20px 13px;border-radius:19px}.coming-card h2{font-size:19px}.coming-card p{font-size:8px}
  .preview-card{padding:10px 7px}.preview-card b{font-size:8px}.preview-card small{font-size:6px}
}
@media(max-width:390px){
  .rank-levels-grid{grid-template-columns:1fr}
  #questionState .question-card{height:35vh;min-height:235px}
  #questionState .option{min-height:50px;font-size:8px}
  .home-mini-hero h1{font-size:17px}
}

/* SEO landing content: readable, indexable, and still consistent with the app UI. */
.seo-content{margin-top:18px}
.seo-content>p{line-height:2;color:var(--muted,#aeb5c8);max-width:900px}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.seo-grid article{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}
.seo-grid h3,.seo-faq h3{margin:0 0 8px;font-size:16px}
.seo-grid p,.seo-faq p{margin:0;line-height:1.9;color:var(--muted,#aeb5c8);font-size:14px}
.seo-faq{margin-top:18px}
.seo-faq details{padding:13px 0;border-top:1px solid rgba(255,255,255,.07)}
.seo-faq summary{cursor:pointer;font-weight:700}
@media(max-width:760px){.seo-grid{grid-template-columns:1fr}}


/* V12 Earn Coins — Telegram/Rubika channel task flow */
.tasks-panel .tasks-list{display:grid;gap:9px}
.tasks-panel .section-title{margin-bottom:10px}
.task-channel-card{display:grid;grid-template-columns:72px minmax(0,1fr) 150px;grid-template-areas:"brand main action";gap:12px;align-items:center;padding:11px 12px;direction:ltr;border:1px solid #233142;background:linear-gradient(145deg,#101a22,#0a1118);box-shadow:0 10px 26px #00000018}
.task-channel-card .task-brand-link{grid-area:brand;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--text);direction:rtl}
.task-brand-mark{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-weight:1000;line-height:1;box-shadow:0 8px 22px #0004;transition:transform .18s ease,filter .18s ease}
.task-brand-link:hover .task-brand-mark{transform:translateY(-2px) scale(1.03);filter:brightness(1.12)}
.task-brand-mark.telegram{background:linear-gradient(145deg,#1f92d3,#156ca4);font-size:29px;padding-right:2px}
.task-brand-mark.rubika{background:linear-gradient(145deg,#8a4de7,#4d2a8f);font-size:22px;letter-spacing:-1px}
.task-brand-link small{font-size:8px;color:#93a1b1;font-weight:900}
.task-channel-card .task-main{grid-area:main;min-width:0;direction:rtl;text-align:right}
.task-channel-card .task-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.task-channel-card .task-main>b{font-size:12px}
.task-reward-pill{flex:none;padding:5px 7px;border-radius:999px;background:#142a28;border:1px solid #2b665d;color:#82eed1;font-size:8px;font-weight:1000;white-space:nowrap}
.task-channel-card .task-main>small{display:block;color:var(--muted);font-size:8px;line-height:1.8;margin-top:4px}
.task-status-line{margin-top:6px;color:#79879a;font-size:7px;line-height:1.7}
.task-action-wrap{grid-area:action;display:flex;justify-content:stretch;direction:rtl}
.task-follow-btn{width:100%;min-height:42px;border:1px solid #2f765f;border-radius:13px;background:linear-gradient(145deg,#143e36,#102922);color:#bffff0;font:inherit;font-size:9px;font-weight:1000;cursor:pointer;box-shadow:0 9px 22px #0004;transition:transform .18s ease,border-color .18s ease,filter .18s ease}
.task-follow-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.task-follow-btn span{display:block;margin-top:2px;color:#77eecf;font-size:7px}
.task-follow-btn.checking{border-color:#6b5830;background:linear-gradient(145deg,#332915,#211b0f);color:#f0d38d}
.task-follow-btn.ready{border-color:#33618b;background:linear-gradient(145deg,#173a58,#10283e);color:#bce4ff}
.task-follow-btn.done{border-color:#315446;background:#0d1b17;color:#81b3a7;cursor:default;box-shadow:none}
.tasks-footnote{margin-top:9px;padding:9px 10px;border:1px dashed #263547;border-radius:13px;color:#748194;font-size:7px;line-height:1.8;text-align:center}
.tasks-footnote b{color:#aeb9c8}
.task-channel-card.is-waiting{border-color:#5d4a25}
.task-channel-card.is-verified{border-color:#285a7d}
.task-channel-card.is-completed{border-color:#2a4c43}
@media(max-width:620px){
  .task-channel-card{grid-template-columns:58px minmax(0,1fr) 128px;gap:9px;padding:9px}
  .task-brand-mark{width:46px;height:46px;border-radius:15px;font-size:22px}
  .task-channel-card .task-main>b{font-size:10px}
  .task-reward-pill{font-size:7px}
  .task-follow-btn{min-height:40px;font-size:8px}
}
@media(max-width:430px){
  .task-channel-card{grid-template-columns:54px minmax(0,1fr);grid-template-areas:"brand main" "brand action";align-items:center}
  .task-action-wrap{padding-top:3px}
  .task-follow-btn{min-height:38px}
}