@font-face{font-family:Vazirmatn;src:url(/assets/fonts/vazirmatn.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--app-inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--app-inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--app-inset-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--app-inset-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--page-inset-top: var(--app-inset-top);--page-inset-bottom: var(--app-inset-bottom);--page-inset-left: var(--app-inset-left);--page-inset-right: var(--app-inset-right);--app-viewport-height: calc(100dvh - var(--app-inset-top) - var(--app-inset-bottom));--game-nav-height: 64px;--game-nav-extent: calc(var(--game-nav-height) + var(--app-inset-bottom));--bg-dark: #0f0c24;--bg-dark-alt: #161233;--surface-card: #1f1947;--surface-card-hover: #29225c;--surface-elevated: #2d2566;--surface-border: #3b3180;--surface-border-bright: #5245ad;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--primary-hover: #4f46e5;--secondary: #06b6d4;--secondary-glow: rgba(6, 182, 212, .4);--gold: #f59e0b;--gold-light: #fbbf24;--gold-glow: rgba(245, 158, 11, .4);--streak-fire: #ff5722;--success: #10b981;--success-surface: rgba(16, 185, 129, .15);--success-border: #059669;--error: #ef4444;--error-surface: rgba(239, 68, 68, .15);--error-border: #dc2626;--warning: #f59e0b;--text-main: #f9fafb;--text-muted: #9ca3af;--text-dim: #6b7280;--font-family: Vazirmatn, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 8px 24px -4px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .2);--shadow-glow-primary: 0 0 20px var(--primary-glow);--shadow-glow-gold: 0 0 20px var(--gold-glow);--transition-fast: .15s ease;--transition-normal: .25s ease}input,textarea,select,button,input::placeholder,textarea::placeholder{font-family:var(--font-family)}html.native-app body{--page-inset-top: 0px;--page-inset-bottom: 0px;--page-inset-left: 0px;--page-inset-right: 0px;padding:var(--app-inset-top) var(--app-inset-right) var(--app-inset-bottom) var(--app-inset-left)}html.native-app .shell-backdrop,html.native-app .app-frame,html.native-app .solo-arena-container,html.native-app .gameplay-viewport,html.native-app .login-page,html.native-app app-tutorial .page,html.native-app .onboarding-page{min-height:var(--app-viewport-height)}html.native-app .connection-bar{top:var(--app-inset-top)}app-root[data-startup-error]{display:grid;min-height:100dvh;place-items:center;padding:2rem;color:var(--text-main);text-align:center}html.native-app .navigation-bar{left:var(--app-inset-left);right:var(--app-inset-right)}@media(max-width:1023px){html.native-app .navigation-bar{bottom:0;height:var(--game-nav-extent);padding-bottom:calc(.5rem + var(--app-inset-bottom));background:#161233}}@media(min-width:1024px){html.native-app .navigation-bar{top:var(--app-inset-top);bottom:var(--app-inset-bottom);left:auto;height:auto}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);direction:rtl;text-align:right;overflow-x:hidden;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{font-family:inherit;cursor:pointer;border:none;background:none}app-root :is(button,a,[role=button],summary){touch-action:manipulation}app-root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}app-root :is(input,textarea,[contenteditable=true],[contenteditable=""]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}app-root app-player-avatar,app-root app-game-mark,app-root app-globe-hero,app-root app-coin-emblem,app-root app-quiz-play .arena-art-layer,app-root app-1v1 .arena-art-layer,app-root app-quiz-play .celestial-motif-container,app-root app-quiz-result .result-backdrop,app-root img[alt=""],app-root svg[aria-hidden=true],app-root app-celestial-atmosphere{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}app-root app-player-avatar img,app-root app-game-mark img{-webkit-user-drag:none;-webkit-touch-callout:none}app-root app-globe-hero img{-webkit-user-drag:none;-webkit-touch-callout:none}:root{--game-press: .12s ease-out;--game-reveal: .18s ease-out;--game-surface: linear-gradient(155deg, #172c4a, #0b172b);--game-edge: #8baac52e;--game-depth: 0 8px 24px #02081759, inset 0 1px #d6e9ff0d}:where(app-home,app-quiz-setup,app-quiz-play,app-quiz-result,app-1v1) :is(button,[role=button],a[href],summary){transition:transform var(--game-press),opacity var(--game-press),border-color var(--game-press),background-color var(--game-press)}:where(app-home,app-quiz-setup,app-quiz-play,app-quiz-result,app-1v1) :is(button,[role=button],a[href],summary):focus-visible{outline:2px solid #e9ce8c;outline-offset:3px}:where(app-home,app-quiz-setup,app-quiz-play,app-quiz-result,app-1v1) :is(button,[role=button],a[href],summary):not(:disabled):not([aria-disabled=true]):not(.solo-option-btn):not(.option-btn):active{transform:scale(.98)}:is(.solo-option-btn,.option-btn):not(:disabled):active{transform:none;opacity:.82}.game-question-enter{animation:game-question-reveal var(--game-reveal)}@keyframes game-question-reveal{0%{opacity:.65}to{opacity:1}}@media(prefers-reduced-motion:reduce){:where(app-home,app-quiz-setup,app-quiz-play,app-quiz-result,app-1v1) :is(button,[role=button],a[href],summary):is(:hover,:active){transform:none!important}.game-question-enter{animation:none}}@font-face{font-family:Danoosh Startup;src:url(/assets/fonts/vazirmatn.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.startup-screen{position:fixed;inset:0;z-index:1000;box-sizing:border-box;display:grid;place-items:center;align-items:safe center;overflow:auto;padding:calc(24px + var(--app-inset-top, var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))) calc(24px + var(--app-inset-right, var(--safe-area-inset-right, env(safe-area-inset-right, 0px)))) calc(24px + var(--app-inset-bottom, var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))) calc(24px + var(--app-inset-left, var(--safe-area-inset-left, env(safe-area-inset-left, 0px))));background:#08172f;color:#f7efdb;text-align:center;font:400 16px/1.8 Danoosh Startup,Tahoma,sans-serif;font-synthesis:none}.startup-journey{position:relative;z-index:1;width:min(100%,360px)}.startup-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 34%,#2b506977,transparent 65%)}.startup-scenery:before,.startup-scenery:after{content:"";position:absolute;width:130%;height:48%;left:-15%;bottom:-26%;border:1px solid #53628d30;border-radius:50%;background:#16243a55;transform:rotate(-9deg)}.startup-scenery:after{bottom:-32%;left:-6%;border-color:#c7a65625;background:#25335633;transform:rotate(12deg)}.scene-book{position:absolute;display:flex;opacity:.65}.scene-book i{width:36px;height:48px;border:1px solid #bfaa704f;border-bottom:4px solid #8997bd55;border-radius:6px 1px 1px 6px;background:#253957}.scene-book i+i{border-radius:1px 6px 6px 1px;transform:skewY(-9deg);background:#304a6a}.scene-book-near{left:7%;top:22%;transform:rotate(-23deg)}.scene-book-far{right:12%;bottom:16%;transform:rotate(19deg) scale(.65);opacity:.4}.scene-page{position:absolute;width:32px;height:42px;border:1px solid #baa77655;border-radius:3px 10px 3px 3px;background:#9b9cb31a}.scene-page:after{content:"";position:absolute;inset:13px 6px;border-block:1px solid #c7b88a55}.scene-page-left{left:19%;bottom:18%;transform:rotate(16deg) scale(.7)}.scene-page-right{right:19%;top:12%;transform:rotate(21deg)}.scene-spark{position:absolute;color:#d4b675;opacity:.45;font-size:15px}.scene-spark-one{left:28%;top:9%;font-size:10px;opacity:.3}.scene-spark-two{right:8%;top:43%;font-size:24px}.scene-spark-three{left:9%;bottom:27%}.startup-art{position:relative;height:220px;isolation:isolate}.startup-orbit{position:absolute;width:210px;height:210px;top:0;left:calc(50% - 105px);border:1px solid #b99b5833;border-radius:50%;background:radial-gradient(circle at 45% 35%,#355a7055,#16334a22 65%,transparent);box-shadow:inset 0 0 0 12px #bfd8e805}.startup-art img{position:absolute;width:240px;height:80px;max-width:100%;object-fit:contain;top:78px;left:calc(50% - 120px);transform-origin:50% 65%;filter:drop-shadow(0 12px 9px #020c1c55);animation:startup-main-book 4.6s ease-in-out infinite}.startup-horizon{position:absolute;width:160px;height:18px;border-radius:50%;background:#0e142b;border-top:1px solid #526697;bottom:24px;left:calc(50% - 80px);z-index:-1;animation:startup-shadow 4.6s ease-in-out infinite}.startup-star{position:absolute;color:#e9c77c;font-size:30px;animation:startup-float 4.8s ease-in-out infinite alternate}.star-one{top:12px;left:17%}.star-two{top:102px;right:9%;font-size:23px;animation-delay:-2s}.startup-little-book{position:absolute;display:flex;top:165px;left:17%;transform:rotate(-16deg);animation:startup-book-float 5.6s ease-in-out infinite alternate}.startup-little-book i{display:block;width:16px;height:22px;border:1px solid #e9c77c;border-radius:4px 1px 1px 4px;background:#334b7e}.startup-little-book i+i{border-radius:1px 4px 4px 1px;transform:skewY(-10deg)}.startup-screen h1{margin:12px 0 4px;font:700 36px/1.5 Danoosh Startup,Tahoma,sans-serif;color:#f3d28c}.startup-letter{position:relative;isolation:isolate;display:grid;place-items:center;min-height:104px;margin:14px -6px 24px;padding:24px 32px;box-sizing:border-box;filter:drop-shadow(0 3px #624425) drop-shadow(0 7px 12px #020c1c44)}.startup-paper{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.startup-line{margin:0;color:#3b4235;font:inherit;font-size:16px;font-weight:700;line-height:1.9;text-wrap:balance}.startup-progress{height:11px;padding:2px;overflow:hidden;border:1px solid #b99b5877;box-shadow:inset 0 2px 4px #020c1c;border-radius:20px;background:#07172a;direction:ltr}.startup-indicator{display:grid;min-height:54px;align-items:center}.startup-meter,.startup-error-label{grid-area:1 / 1}.startup-progress-label{display:flex;justify-content:space-between;align-items:baseline;color:#c4cce3;font-size:14px;margin-bottom:8px}.startup-percent{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;color:#f3d28c;background:none;text-shadow:none;font-size:24px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums}.startup-error-label{display:none;align-items:center;justify-content:center;gap:10px;margin:0;color:#ffd1b6;font-size:16px}.startup-error-label span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cf9177;border-radius:50%;font-weight:700}.startup-failed .startup-meter,.startup-failed .startup-letter{visibility:hidden}.startup-failed .startup-error-label{display:flex}.startup-failed .startup-status{color:#e8bdac}.startup-failed{background:radial-gradient(ellipse at 50% 32%,#9c4e415c,transparent 67%),#141b2d}.startup-failed .startup-scenery{background:radial-gradient(ellipse at 50% 34%,#9c4e412b,transparent 65%)}.startup-failed .startup-orbit{border-color:#997365;background:#20243a}.startup-failed button{border-color:#dcad84;background:linear-gradient(#f7d990,#d6a34f);color:#352610;box-shadow:inset 0 1px #fff4c9,0 3px #805622;font-weight:800}.startup-failed *{animation:none!important;transition:none!important}.startup-progress span{display:block;width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffe5a0,#dba64d);box-shadow:inset 0 1px #fff4d0;border-radius:inherit;transform:scaleX(.05);transform-origin:right;transition:transform .18s ease-out}.startup-status{min-height:52px;margin:12px 0 0;color:#c4cce3;font:400 14px/1.8 Danoosh Startup,Tahoma,sans-serif}.startup-action{min-height:48px}.startup-screen button{min-height:44px;padding:8px 24px;border:1px solid #c7a656;border-radius:12px;color:#f4db9a;background:#202b4c;font:inherit;cursor:pointer}.startup-screen button:focus-visible{outline:2px solid #f4db9a;outline-offset:3px}.startup-screen [hidden]{display:none}.startup-paused *,.startup-paused *:after,.startup-failed *,.startup-failed *:after{animation-play-state:paused}@keyframes startup-float{to{transform:translateY(-7px) rotate(8deg)}}@keyframes startup-book-float{to{transform:translateY(-6px) rotate(-9deg)}}@keyframes startup-main-book{0%,to{transform:translateY(3px) rotate(-4deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes startup-shadow{0%,to{transform:scaleX(1);opacity:.8}50%{transform:scaleX(.78);opacity:.4}}.startup-progress span:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#fff6cd80 50%,transparent 75%);transform:translate(-100%);animation:startup-glint 2.8s ease-in-out infinite}@keyframes startup-glint{65%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.startup-screen *,.startup-screen *:after{animation:none;transition:none}}@media(max-height:640px){.startup-art{height:150px}.startup-orbit{width:150px;height:150px;left:calc(50% - 75px)}.startup-art img{top:48px}.startup-little-book{top:125px}.startup-letter{min-height:90px;margin-block:10px 16px;padding-block:18px}.startup-screen h1{font-size:32px;margin-top:8px}.startup-status{min-height:52px;margin-top:8px}}@media(max-width:600px){.scene-book-near{left:-22px;top:14%;transform:rotate(-23deg) scale(.8)}.scene-book-far{right:-16px;bottom:12%}.scene-page-right{right:10%;top:7%;transform:rotate(21deg) scale(.7)}.scene-page-left{left:12%;bottom:10%}.scene-spark-two{right:5%;top:29%;font-size:16px}}