@font-face{font-family:Vazir;src:url("vazirmatn-arabic.woff2") format("woff2");font-display:swap;font-weight:100 900;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazir;src:url("vazirmatn-latin.woff2") format("woff2");font-display:swap;font-weight:100 900;unicode-range:U+0000-05FF}
:root{--navy:#0e1728;--navy2:#17233a;--ink:#111a2b;--paper:#f5f1e8;--cream:#fffdf7;--lime:#c7f36b;--lime2:#e7ffc1;--muted:#6d7480;--line:rgba(15,24,41,.13);--radius:28px;--shadow:0 24px 70px rgba(13,23,41,.12);--accent:#c7f36b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazir,Tahoma,sans-serif;line-height:1.75;overflow-x:hidden}
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip{position:fixed;z-index:999;top:10px;right:10px;background:#fff;padding:9px 14px;border-radius:9px;transform:translateY(-180%)}
.skip:focus{transform:none}
.topbar{height:78px;background:rgba(14,23,40,.95);color:#fff;position:sticky;top:0;z-index:90;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px}
.brand img{width:44px;height:44px;object-fit:contain}
.brand span{display:grid;line-height:1.2}.brand strong{font-size:16px}.brand small{font-size:9px;letter-spacing:1.5px;opacity:.64;margin-top:5px}
.nav-side{display:flex;align-items:center;gap:25px;font-size:13px}
.nav-side a:not(.nav-cta){opacity:.75}.nav-side a:hover{opacity:1}
.nav-cta{background:var(--lime);color:var(--navy);padding:9px 15px;border-radius:99px;font-weight:800}
.hero{position:relative;background:var(--navy);color:#fff;min-height:720px;overflow:hidden;padding:80px 0 98px}
.hero:after{content:"BETWEEN";position:absolute;left:-2vw;bottom:-105px;font-size:clamp(120px,19vw,285px);font-weight:900;letter-spacing:-12px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);direction:ltr}
.hero-glow{position:absolute;width:520px;height:520px;background:var(--lime);filter:blur(190px);opacity:.10;right:-140px;top:-180px;border-radius:50%}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:80px;position:relative;z-index:2}
.live-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:6px 11px;font-size:10px;letter-spacing:.2px;color:#e9eefe}
.live-pill span,.pulse,.hourly i{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(199,243,107,.12);animation:pulse 1.8s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(199,243,107,0)}}
.overline,.eyebrow{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#758096;margin:20px 0 8px}
.hero .overline{color:var(--lime);opacity:.72}
.hero h1{font-size:clamp(52px,6.4vw,92px);line-height:1.05;letter-spacing:-4px;margin:12px 0 26px;font-weight:850}
.hero h1 em{font-style:normal;color:var(--lime);position:relative}.hero h1 em:after{content:"";position:absolute;right:0;left:0;bottom:2px;height:7px;background:rgba(199,243,107,.18);transform:rotate(-1deg)}
.hero-lead{max-width:590px;color:#bbc4d5;font-size:17px;line-height:2;margin:0 0 28px}
.hero-actions,.point-actions,.final-actions{display:flex;gap:11px;flex-wrap:wrap}
.btn{border:0;border-radius:14px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;min-height:48px;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-lime{background:var(--lime);color:var(--navy)}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.16)}
.btn-dark{background:var(--navy);color:#fff}.btn-soft{background:#eef1e8;color:var(--ink)}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.btn-ghost-light{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15)}
.hero-facts{display:flex;gap:28px;margin-top:34px;color:#8f9aaf;font-size:11px}.hero-facts span{display:flex;align-items:center;gap:7px}.hero-facts b{font-size:19px;color:#fff}
.hero-photo-wrap{position:relative}
.ic{width:1em;height:1em;display:inline-block;vertical-align:-.14em}
.hero-photo{margin:0;position:relative;min-height:560px;border-radius:180px 180px 28px 28px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.1)}
.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,15,27,.82))}
.hero-photo figcaption{position:absolute;z-index:2;right:30px;bottom:28px;display:grid}.hero-photo figcaption span{font-size:9px;letter-spacing:2px;color:var(--lime);direction:ltr}.hero-photo figcaption b{font-size:21px;margin-top:5px}
.code-note{position:absolute;z-index:3;left:-30px;top:100px;background:var(--lime);color:var(--navy);width:215px;padding:17px 19px;border-radius:17px;transform:rotate(-3deg);box-shadow:0 20px 45px rgba(0,0,0,.22)}.code-note small{font-size:9px;font-weight:900;opacity:.55}.code-note b{display:block;font-size:13px;line-height:1.8;margin-top:4px}
.section{padding:105px 0}.setup-section{position:relative;z-index:5;margin-top:-42px}.setup-card{background:var(--cream);border-radius:32px;padding:35px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}
.setup-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.setup-head>div{flex:1}.step-no{width:49px;height:49px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.step-no.light{border-color:rgba(255,255,255,.25);color:#fff}
.setup-head h2,.section-head h2{font-size:clamp(30px,4.2vw,53px);line-height:1.15;letter-spacing:-2px;margin:3px 0 7px}.setup-head p{margin:0;color:var(--muted)}
.relation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}
.relation{background:#f1eee6;border:1px solid transparent;border-radius:18px;padding:17px;text-align:right;color:var(--ink);transition:.25s;min-height:125px}.relation i{font-style:normal;display:block;color:#9da18d;line-height:0}.relation i .ic{width:23px;height:23px}.relation b,.relation span{display:block}.relation b{font-size:14px;margin:8px 0 2px}.relation span{font-size:10px;color:var(--muted)}.relation:hover,.relation.active{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-3px)}.relation.active i{color:var(--lime)}.relation.active span{color:#aeb9cc}
.mood-row{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.mood-row>span{font-size:11px;font-weight:850;margin-left:5px}.mood{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:11px;color:var(--ink)}.mood.active{background:var(--lime2);border-color:#bedf7f;font-weight:850}
.setup-result{display:flex;align-items:center;gap:15px;margin-top:25px;background:#eff3e9;border-radius:17px;padding:14px 17px}.setup-result p{display:grid;flex:1;margin:0;line-height:1.5}.setup-result b{font-size:12px}.setup-result small{font-size:10px;color:var(--muted);margin-top:4px}.setup-result a{font-size:11px;font-weight:900}
.section-head{margin-bottom:42px}.section-head>div:first-child{max-width:690px}.section-head .step-no{margin-bottom:18px}.section-desc{max-width:410px;color:var(--muted);font-size:14px;margin-top:48px}
.hourly{display:flex;align-items:center;gap:11px;margin-top:54px}.hourly p{display:grid;margin:0}.hourly b{font-size:11px}.hourly small{font-size:9px;color:var(--muted)}
.question-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:25px;align-items:stretch}.question-photo{margin:0;position:relative;border-radius:28px;overflow:hidden;min-height:510px}.question-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.question-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,15,27,.82))}
.question-photo figcaption,.point-photo figcaption{position:absolute;z-index:2;right:25px;left:25px;bottom:22px;color:#fff;display:grid}.question-photo figcaption b,.point-photo figcaption b{font-size:16px}.question-photo figcaption span,.point-photo figcaption span{font-size:10px;color:#ccd3df;margin-top:4px}
.question-deck{background:var(--cream);border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 20px 60px rgba(15,24,41,.08);display:flex;flex-direction:column;justify-content:center;min-height:510px;position:relative;overflow:hidden}.question-deck:before,.question-deck:after{content:"";position:absolute;border:1px solid var(--line);border-radius:28px;inset:9px -9px -9px 9px;z-index:-1;background:#ebe7dd}.question-deck:after{inset:17px -17px -17px 17px;background:#e2ded3}
.deck-top{display:flex;justify-content:space-between;color:#778091;font-size:10px}.question-deck blockquote{font-size:clamp(28px,3.3vw,44px);font-weight:820;line-height:1.55;margin:32px 0 16px;letter-spacing:-1.5px}.question-deck>p{font-size:12px;color:var(--muted)}
.depth-track{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:22px 0}.depth-track span{height:4px;border-radius:5px;background:#e0ded5}.depth-track span.active{background:var(--accent)}.deck-actions{display:flex;gap:8px}
.mini-dev{margin-top:25px;padding:12px 14px;border-radius:12px;background:#121d31;color:#bac4d7;font-size:10px;direction:rtl}.mini-dev b{color:var(--lime)}.mini-dev code,.dev-caption code{direction:ltr;display:inline-block}
.games-section{background:#e9e5db}.know-game{background:var(--navy);color:#fff;border-radius:35px;min-height:540px;padding:32px;box-shadow:0 35px 90px rgba(14,23,40,.2);position:relative;overflow:hidden}.know-game:after{content:"01";position:absolute;left:20px;bottom:-85px;color:rgba(255,255,255,.035);font-size:240px;font-weight:900;line-height:1}
.game-status{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px;position:relative;z-index:2;font-size:11px;color:#9ea9bc}.score-dots{display:flex;gap:7px}.score-dots i{width:28px;height:5px;border-radius:8px;background:rgba(255,255,255,.12)}.score-dots i.done{background:var(--lime)}.score-dots i.miss{background:#ff8879}
.game-screen{display:none;min-height:420px;position:relative;z-index:2;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 10%;animation:screenIn .35s both}.game-screen.active{display:flex}@keyframes screenIn{from{opacity:0;transform:translateY(12px)}}
.player-tag,.final-kicker{border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:5px 12px;font-size:9px;letter-spacing:.5px;color:var(--lime);margin-bottom:14px}.player-tag.alt{color:#9ad6ff}.game-screen h3{font-size:clamp(25px,3.6vw,43px);line-height:1.4;margin:8px 0 7px}.game-screen>p{color:#aeb8ca;font-size:12px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,250px));gap:10px;margin-top:24px;width:100%;justify-content:center}.answer-grid button{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:14px 10px;min-height:55px;transition:.2s}.answer-grid button:hover{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.handoff-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--navy);font-size:35px;line-height:0;margin-bottom:14px;animation:swap 1.8s ease-in-out infinite}@keyframes swap{50%{transform:rotate(180deg)}}
.result-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--navy);font-size:30px;font-weight:900;line-height:0}.result-orb.no{background:#ff8879}.final-score{display:flex;align-items:end;gap:12px;direction:rtl}.final-score b{font-size:clamp(70px,10vw,130px);line-height:1;color:var(--lime);letter-spacing:-5px}.final-score span{font-size:11px;margin-bottom:16px;color:#aeb8ca}
.dev-ticker{margin-top:15px;background:var(--lime);border-radius:16px;padding:13px 17px;display:flex;align-items:center;gap:15px;color:var(--navy)}.dev-ticker span{font-size:9px;font-weight:900;border-left:1px solid rgba(14,23,40,.2);padding-left:15px;white-space:nowrap}.dev-ticker p{font-size:11px;font-weight:800;margin:0;flex:1}.dev-ticker button{border:0;background:var(--navy);color:#fff;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto}
.point-section{background:var(--navy2);color:#fff}.point-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.point-game h2,.poem-intro h2{font-size:clamp(36px,5vw,65px);line-height:1.15;letter-spacing:-2.5px;margin:10px 0 30px}.point-game .eyebrow,.poem-intro .eyebrow{color:var(--lime)}
.point-card{background:#fff;color:var(--ink);border-radius:25px;padding:30px;margin-top:15px;min-height:190px;display:flex;flex-direction:column;justify-content:center}.point-card span{font-size:9px;color:#7b8290}.point-card p{font-size:clamp(22px,3vw,34px);font-weight:850;line-height:1.65;margin:10px 0 0}
.countdown{font-size:76px;font-weight:900;color:var(--lime);line-height:1;text-align:center;height:90px;margin:20px 0 7px}.countdown.pop{animation:pop .4s}@keyframes pop{50%{transform:scale(1.3)}}
.dev-caption{font-size:10px;color:#9ea9ba;margin-top:22px}.dev-caption code{color:var(--lime)}.point-photo{margin:0;position:relative;min-height:650px;border-radius:180px 180px 25px 25px;overflow:hidden}.point-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.point-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,15,27,.86))}
.poem-section{min-height:760px;position:relative;color:#fff;overflow:hidden;display:flex;align-items:center}.poem-bg,.poem-bg:after{position:absolute;inset:0}.poem-bg img{width:100%;height:100%;object-fit:cover}.poem-bg:after{content:"";background:linear-gradient(90deg,rgba(8,15,27,.96),rgba(8,15,27,.7) 48%,rgba(8,15,27,.35))}
.poem-grid{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.programmer-label{display:inline-flex;background:var(--lime);color:var(--navy);border-radius:99px;padding:6px 11px;font-size:9px;font-weight:900;margin:17px 0 10px}.programmer-label.dark{background:var(--navy);color:var(--lime)}
.poem-intro>p:last-child{color:#b6bfce;max-width:400px}.poem-card{position:relative;background:rgba(255,255,255,.92);color:var(--ink);border-radius:32px;padding:50px;backdrop-filter:blur(15px);box-shadow:0 35px 100px rgba(0,0,0,.28);transition:.3s}.poem-card.changing{opacity:.15;transform:translateY(10px)}.poem-index{font-size:9px;color:#79818d}.poem-mark{position:absolute;left:28px;top:18px;color:rgba(14,23,40,.06);font-size:130px;font-weight:900;line-height:1}
.poem-card blockquote{font-family:Vazir,serif;font-size:clamp(26px,3.8vw,47px);font-weight:720;line-height:1.85;margin:35px 0 20px;position:relative;z-index:2}.poem-card>p{font-size:12px;color:#606875;border-right:3px solid var(--lime);padding-right:12px}.poem-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:27px;padding-top:18px}.poem-actions a{font-size:9px;color:#737b88}.poem-actions button{border:0;background:var(--navy);color:#fff;border-radius:99px;padding:8px 14px;font-size:10px}
.mission-section{background:var(--paper)}.mission-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.secret-card{background:var(--navy);color:#fff;border-radius:30px;overflow:hidden;min-height:490px}.secret-top{height:52px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:9px;color:#8190a7;direction:ltr}.secret-top i{font-style:normal;color:#ff8879;letter-spacing:4px}
.secret-screen{display:none;min-height:438px;padding:42px 10%;text-align:center;align-items:center;justify-content:center;flex-direction:column}.secret-screen.active{display:flex;animation:screenIn .35s}.secret-screen h3{font-size:clamp(24px,3vw,39px);line-height:1.55;margin:12px 0}.secret-screen p{font-size:12px;color:#aeb8ca}.lock{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--navy);font-size:29px;line-height:0}.lock.done{font-weight:900}
.order-card{background:var(--lime);border-radius:30px;padding:38px;display:flex;flex-direction:column;align-items:flex-start}.order-card h2{font-size:clamp(28px,3.8vw,45px);line-height:1.35;margin:15px 0}.order-card>p:not(.eyebrow){font-size:13px}.order-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 25px}.order-tags span{border:1px solid rgba(14,23,40,.22);border-radius:99px;padding:6px 10px;font-size:9px}.order-card>small{font-size:9px;margin-top:auto;padding-top:25px;opacity:.65}
.closing{padding:0 0 100px}.closing-box{background:var(--navy);color:#fff;border-radius:40px;padding:70px;position:relative;overflow:hidden}.closing-box:after{content:"</>";position:absolute;left:20px;bottom:-100px;font-size:260px;color:rgba(255,255,255,.035);font-weight:900;direction:ltr}.closing-box h2{font-size:clamp(38px,6vw,73px);line-height:1.15;margin:10px 0 20px;letter-spacing:-3px}.closing-box>p:not(.eyebrow){max-width:650px;color:#aeb8ca}.closing-box>div{display:flex;gap:9px;margin-top:28px}.closing-code{display:block;direction:ltr;text-align:left;margin-top:50px;color:var(--lime);font:11px monospace}
footer{background:#0a1220;color:#fff;padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner>div{display:flex;gap:20px;font-size:11px;color:#9ea9bc}.mobile-bar{display:none}.toast{position:fixed;z-index:200;bottom:25px;right:50%;transform:translate(50%,25px);background:#fff;color:var(--ink);border-radius:13px;padding:11px 17px;font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:980px){
  .hero-grid,.question-layout,.point-grid,.poem-grid,.mission-grid{grid-template-columns:1fr}
  .hero{padding-top:55px}.hero-copy{max-width:700px}.hero-photo-wrap{width:min(620px,90%);margin-inline:auto}.hero-photo{min-height:520px}.code-note{left:-20px}
  .relation-grid{grid-template-columns:repeat(2,1fr)}
  .question-photo{min-height:430px}.question-deck{min-height:450px}
  .point-photo{min-height:580px;max-width:600px;width:90%;margin-inline:auto}.point-game{max-width:700px}
  .poem-section{padding:100px 0}.poem-grid{gap:35px}.poem-intro{max-width:650px}.poem-card{max-width:760px}
  .section-desc{margin-top:30px}.section-head{align-items:end}
}
@media (max-width:680px){
  .container{width:min(100% - 28px,1180px)}
  .topbar,.nav{height:66px}.brand img{width:38px;height:38px}.brand strong{font-size:14px}.brand small{font-size:8px}.nav-side a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:8px 12px}
  .hero{min-height:0;padding:45px 0 74px}.hero-grid{gap:38px}.hero h1{font-size:clamp(43px,13.6vw,63px);letter-spacing:-2.8px;margin-top:10px}.hero-lead{font-size:14px;line-height:1.95}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:10px 8px;font-size:10px}.hero-facts{justify-content:space-between;gap:8px}.hero-facts span{display:grid;gap:0}.hero-facts b{font-size:17px}.hero-photo-wrap{width:100%}.hero-photo{min-height:430px;border-radius:110px 110px 20px 20px}.hero-photo figcaption{right:20px;bottom:18px}.hero-photo figcaption b{font-size:17px}.code-note{left:12px;top:45px;width:172px;padding:12px 14px}.code-note b{font-size:10px}.hero:after{font-size:100px;bottom:-40px;letter-spacing:-5px}
  .setup-section{margin-top:-26px}.setup-card{padding:22px 16px;border-radius:24px}.setup-head{gap:12px}.step-no{width:40px;height:40px}.setup-head h2,.section-head h2{font-size:30px;letter-spacing:-1.3px}.setup-head p{font-size:11px}.relation-grid{gap:7px;margin-top:20px}.relation{min-height:112px;padding:13px}.relation b{font-size:12px}.mood-row>span{width:100%}.mood{flex:1;padding:7px 8px}.setup-result{align-items:flex-start}.setup-result a{display:none}
  .section{padding:75px 0}.section-head{display:block;margin-bottom:28px}.section-head .step-no{margin-bottom:12px}.section-desc{font-size:11px;margin-top:13px}.hourly{margin-top:18px}.question-layout{gap:13px}.question-photo{min-height:330px;border-radius:22px}.question-deck{min-height:410px;padding:23px 18px;border-radius:22px}.question-deck blockquote{font-size:26px;line-height:1.6;margin:25px 0 12px}.deck-actions{display:grid;grid-template-columns:1fr 1fr}.deck-actions .btn{padding:8px;font-size:10px}.mini-dev{font-size:9px;margin-top:18px}.depth-track{margin:17px 0}
  .know-game{padding:18px 14px;border-radius:25px;min-height:530px}.game-status{font-size:9px}.score-dots{gap:4px}.score-dots i{width:17px}.game-screen{min-height:450px;padding:30px 4%}.game-screen h3{font-size:27px}.answer-grid{grid-template-columns:1fr 1fr;gap:7px}.answer-grid button{font-size:10px;padding:10px 5px}.final-score b{font-size:75px}.final-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.final-actions .btn{font-size:10px;padding:8px}.dev-ticker{align-items:flex-start}.dev-ticker span{white-space:normal;max-width:76px}.dev-ticker p{font-size:9px}
  .point-grid{gap:35px}.point-game h2,.poem-intro h2{font-size:37px;letter-spacing:-1.5px}.point-card{padding:22px;min-height:175px}.point-card p{font-size:23px}.countdown{font-size:65px;height:80px}.point-actions{display:grid;grid-template-columns:1fr 1fr}.point-actions .btn{font-size:10px;padding:9px}.point-photo{min-height:440px;width:100%;border-radius:110px 110px 20px 20px}
  .poem-section{padding:78px 0}.poem-grid{gap:25px}.programmer-label{font-size:8px}.poem-card{padding:28px 20px;border-radius:23px}.poem-mark{font-size:90px}.poem-card blockquote{font-size:27px;line-height:1.9;margin:25px 0 15px}.poem-actions{align-items:flex-end}.poem-actions a{max-width:130px}.poem-bg:after{background:linear-gradient(180deg,rgba(8,15,27,.78),rgba(8,15,27,.93))}
  .mission-grid{gap:12px}.secret-card,.order-card{border-radius:24px}.secret-screen{padding:35px 7%;min-height:420px}.order-card{padding:26px 20px;min-height:430px}.order-card h2{font-size:31px}.closing{padding-bottom:80px}.closing-box{padding:45px 22px;border-radius:28px}.closing-box h2{font-size:41px;letter-spacing:-2px}.closing-box>div{display:grid;grid-template-columns:1fr 1fr}.closing-box .btn{font-size:10px;padding:8px}.closing-code{font-size:8px;overflow-wrap:anywhere}
  footer{padding:25px 0 90px}.footer-inner{display:grid;gap:20px}.footer-inner>div{justify-content:space-between}
  .mobile-bar{position:fixed;display:grid;grid-template-columns:1fr 1.2fr 1fr;bottom:0;right:0;left:0;background:rgba(10,18,32,.96);z-index:100;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}.mobile-bar a{color:#fff;text-align:center;font-size:10px;padding:8px;display:flex;align-items:center;justify-content:center;gap:0}.mobile-bar .main{background:var(--lime);color:var(--navy);border-radius:10px;font-weight:900}
  .toast{bottom:78px;width:max-content;max-width:calc(100% - 30px)}
}
@media (max-width:370px){
  .container{width:calc(100% - 20px)}.hero h1{font-size:42px}.hero-actions,.closing-box>div{grid-template-columns:1fr}.hero-photo{min-height:390px}.relation{min-height:106px;padding:10px}.relation span{font-size:9px}.question-deck blockquote{font-size:23px}.answer-grid{grid-template-columns:1fr}.game-screen{padding-inline:1%}.score-dots i{width:13px}.poem-card blockquote{font-size:24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.handoff-icon .ic{width:36px;height:36px}
.result-orb .ic{width:33px;height:33px}
.lock .ic{width:32px;height:32px}
.secret-top i{display:flex;gap:5px;align-items:center;letter-spacing:0}
.secret-top i b{width:7px;height:7px;border-radius:50%;background:#ff8879;display:block}
.dev-ticker button .ic{width:15px;height:15px}
.poem-actions a .ic,.poem-actions button .ic{width:12px;height:12px;margin-inline-start:4px}
.mobile-bar .ic{width:15px;height:15px;margin-inline-start:5px}
/* در پهنای بین ۹۸۱ تا ۱۲۶۰ پیکسل، حاشیه صفحه کم می‌شود و کارت سبز از لبه چپ بیرون می‌زد */
@media (min-width:981px) and (max-width:1260px){.code-note{left:0}}

/* ---------- امضای سازنده — فیل طور ---------- */
.filtor-credit{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;
  font-size:12px;font-weight:500;line-height:2;text-align:center}
.filtor-credit .filtor-heart{width:16px;height:16px;flex:0 0 auto;display:inline-block;
  filter:drop-shadow(0 1px 2px rgba(239,36,64,.35))}
.filtor-credit a{color:inherit;font-weight:800;text-decoration:none;
  border-bottom:1px dashed currentColor;padding-bottom:1px;transition:opacity .2s}
.filtor-credit a:hover{opacity:.72}
@media(prefers-reduced-motion:reduce){.filtor-credit a{transition:none}}
footer .filtor-credit{margin-top:18px;padding-top:16px;color:#9ea9bc;
  border-top:1px solid rgba(255,255,255,.10)}

/* ===== افزوده‌های نسخه filtori.com/line/together ===== */
.byline-mini{display:inline-flex;align-items:center;gap:6px;margin-top:26px;font-size:9.5px;color:#6f7a8e;letter-spacing:.2px}
.byline-mini a{color:#8d99ad;border-bottom:1px dotted rgba(255,255,255,.22);padding-bottom:1px}
.byline-mini a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.byline-mini i{font-style:normal;width:3px;height:3px;border-radius:50%;background:#49536a;display:block}

/* نوار زمان میز */
.time-row{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.time-row>span{font-size:11px;font-weight:850;margin-left:5px}
.tbtn{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:11px;color:var(--ink)}
.tbtn.active{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:850}

/* مسیر میز */
.plan-section{background:#efebe1}
.plan-card{background:var(--cream);border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:0 20px 60px rgba(15,24,41,.07)}
.plan-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px dashed var(--line);padding-bottom:18px;margin-bottom:6px}
.plan-head h3{margin:0;font-size:clamp(20px,2.6vw,29px);letter-spacing:-1px}
.plan-head small{font-size:10px;color:var(--muted)}
.plan-badge{background:var(--navy);color:var(--lime);border-radius:99px;padding:7px 13px;font-size:10px;font-weight:900;white-space:nowrap}
.plan-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.plan-steps li{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
.plan-steps li:last-child{border-bottom:0}
.plan-steps em{font-style:normal;width:44px;height:44px;border-radius:50%;background:#eef3e6;color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:900}
.plan-steps b{display:block;font-size:15px;margin-bottom:3px}
.plan-steps span{display:block;font-size:12px;color:var(--muted);line-height:1.9}
.plan-steps li.now em{background:var(--lime)}
.plan-steps .mins{display:inline-block;margin-top:7px;font-size:10px;font-weight:800;color:var(--navy);background:#eef3e6;border-radius:99px;padding:4px 10px}
.plan-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;background:#121d31;color:#bac4d7;border-radius:15px;padding:14px 17px;font-size:11px}
.plan-foot b{color:var(--lime)}

/* دو کارت کوچک: چالش ۶۰ ثانیه و قرعه میز */
.duo-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.duo-section:after{content:"60s";position:absolute;left:2vw;bottom:-90px;font-size:clamp(120px,17vw,250px);font-weight:900;color:rgba(255,255,255,.035);line-height:1;direction:ltr}
.duo-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;position:relative;z-index:2;align-items:stretch}
.duo-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:32px;display:flex;flex-direction:column}
.duo-card .eyebrow{color:var(--lime);margin-top:0}
.duo-card h3{font-size:clamp(24px,3.2vw,36px);line-height:1.35;letter-spacing:-1.4px;margin:4px 0 10px}
.duo-card>p{color:#aeb8ca;font-size:12.5px;margin:0 0 20px}
.topic-box{background:#fff;color:var(--ink);border-radius:20px;padding:24px;min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(17px,2.3vw,24px);font-weight:850;line-height:1.7}
.timer-wrap{display:flex;align-items:center;gap:20px;margin:22px 0}
.timer-ring{position:relative;width:96px;height:96px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) var(--p,0%),rgba(255,255,255,.1) 0)}
.timer-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#17233a}
.timer-ring b{position:relative;z-index:2;font-size:27px;font-weight:900;color:var(--lime);letter-spacing:-1px}
.timer-wrap p{margin:0;font-size:11.5px;color:#9ea9bc;line-height:2}
.duo-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}
.duo-actions .btn{flex:1}
.pick-stage{background:#fff;color:var(--ink);border-radius:20px;padding:26px 20px;text-align:center;margin:4px 0 20px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.pick-orb{width:86px;height:86px;border-radius:50%;background:var(--navy);color:var(--lime);display:grid;place-items:center;font-size:30px;font-weight:900;transition:.25s}
.pick-orb.spin{animation:pickSpin .45s linear infinite}
@keyframes pickSpin{to{transform:rotate(360deg)}}
.pick-stage b{font-size:19px;letter-spacing:-.5px}
.pick-stage small{font-size:11px;color:var(--muted)}
.pick-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}
.pick-chips button{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:7px 12px;font-size:10.5px}
.pick-chips button.active{background:var(--lime);color:var(--navy);border-color:var(--lime);font-weight:850}

/* سؤالات متداول */
.faq-section{background:var(--paper)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start}
.faq-list{display:grid;gap:10px}
.faq-list details{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:0 20px;transition:.25s}
.faq-list details[open]{background:#fff;box-shadow:0 14px 40px rgba(15,24,41,.07)}
.faq-list summary{cursor:pointer;list-style:none;padding:17px 0;font-size:14px;font-weight:850;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:19px;color:var(--muted);flex:0 0 auto;line-height:1}
.faq-list details[open] summary:after{content:"−";color:var(--navy)}
.faq-list details p{margin:0;padding:0 0 18px;font-size:12.5px;color:var(--muted);line-height:2.1;border-top:1px solid var(--line);padding-top:14px}
.faq-side h2{font-size:clamp(30px,4vw,47px);line-height:1.15;letter-spacing:-2px;margin:6px 0 14px}
.faq-side>p{color:var(--muted);font-size:13px;max-width:360px}
.faq-note{margin-top:22px;background:var(--navy);color:#bac4d7;border-radius:18px;padding:18px 20px;font-size:11.5px;line-height:2}
.faq-note b{display:block;color:var(--lime);font-size:12px;margin-bottom:5px}

/* کردیت ریز نویسنده */
.credit-bar{border-top:1px solid rgba(255,255,255,.07);margin-top:22px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:9.5px;color:#5f6b80;letter-spacing:.2px}
.credit-bar a{color:#7e8a9e;border-bottom:1px dotted rgba(255,255,255,.18)}
.credit-bar a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.credit-bar .heart{width:11px;height:11px;vertical-align:-1px;margin-inline:2px}

@media (max-width:980px){
  .duo-grid,.faq-grid{grid-template-columns:1fr}
  .faq-side>p{max-width:none}
}
@media (max-width:680px){
  .plan-card{padding:22px 17px;border-radius:24px}
  .plan-steps li{grid-template-columns:36px 1fr;gap:11px;padding:15px 0}
  .plan-steps em{width:36px;height:36px;font-size:10px}
  .plan-steps b{font-size:13.5px}.plan-steps span{font-size:11.5px}
  .plan-foot{font-size:10px;padding:12px 14px}
  .duo-card{padding:22px 18px;border-radius:24px}
  .topic-box{padding:20px 15px;min-height:105px}
  .timer-ring{width:82px;height:82px}.timer-ring b{font-size:23px}
  .duo-actions{display:grid;grid-template-columns:1fr 1fr}.duo-actions .btn{font-size:10px;padding:9px}
  .pick-stage{padding:22px 14px;min-height:165px}.pick-orb{width:74px;height:74px;font-size:25px}
  .faq-grid{gap:24px}
  .faq-list summary{font-size:12.5px;padding:15px 0}
  .faq-list details p{font-size:11.5px;line-height:2}
  .credit-bar{font-size:9px;justify-content:center;text-align:center}
  .byline-mini{font-size:9px;margin-top:20px}
  .time-row>span{width:100%}.tbtn{flex:1}
}