@font-face{font-family:saudi_riyal;src:url(/fonts/saudi_riyal.woff2) format("woff2"),url(/fonts/saudi_riyal.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-2{left:.5rem}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-2{height:.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.min-h-\[32px\]{min-height:32px}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-2{width:.5rem}.w-6{width:1.5rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[52px\]{min-width:52px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-\[var\(--sj-radius-lg\)\]{border-radius:var(--sj-radius-lg)}.rounded-\[var\(--sj-radius-md\)\]{border-radius:var(--sj-radius-md)}.rounded-\[var\(--sj-radius-xl\)\]{border-radius:var(--sj-radius-xl)}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[rgba\(255\,255\,255\,0\.2\)\]{border-color:#fff3}.border-\[var\(--sj-accent\)\]{border-color:var(--sj-accent)}.border-\[var\(--sj-border\)\]{border-color:var(--sj-border)}.border-\[var\(--sj-border-strong\)\]{border-color:var(--sj-border-strong)}.border-\[var\(--sj-danger\)\]{border-color:var(--sj-danger)}.border-\[var\(--sj-gold\)\]{border-color:var(--sj-gold)}.border-\[var\(--sj-pink\)\]{border-color:var(--sj-pink)}.bg-\[rgba\(15\,23\,42\,0\.6\)\]{background-color:#0f172a99}.bg-\[rgba\(20\,184\,166\,0\.85\)\]{background-color:#14b8a6d9}.bg-\[rgba\(239\,68\,68\,0\.12\)\]{background-color:#ef44441f}.bg-\[rgba\(255\,255\,255\,0\.07\)\]{background-color:#ffffff12}.bg-\[var\(--sj-accent\)\]{background-color:var(--sj-accent)}.bg-\[var\(--sj-accent-light\)\]{background-color:var(--sj-accent-light)}.bg-\[var\(--sj-accent-surface\)\]{background-color:var(--sj-accent-surface)}.bg-\[var\(--sj-bg\)\]{background-color:var(--sj-bg)}.bg-\[var\(--sj-gold\)\]{background-color:var(--sj-gold)}.bg-\[var\(--sj-gold-light\)\]{background-color:var(--sj-gold-light)}.bg-\[var\(--sj-gold-surface\)\]{background-color:var(--sj-gold-surface)}.bg-\[var\(--sj-pink-light\)\]{background-color:var(--sj-pink-light)}.bg-\[var\(--sj-surface\)\]{background-color:var(--sj-surface)}.bg-\[var\(--sj-surface2\)\]{background-color:var(--sj-surface2)}.bg-transparent{background-color:transparent}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[var\(--sj-gold\)\]{--tw-gradient-from: var(--sj-gold) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#d97706\]{--tw-gradient-to: #d97706 var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[54px\]{font-size:54px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-\[var\(--sj-accent\)\]{color:var(--sj-accent)}.text-\[var\(--sj-danger\)\]{color:var(--sj-danger)}.text-\[var\(--sj-gold\)\]{color:var(--sj-gold)}.text-\[var\(--sj-text\)\]{color:var(--sj-text)}.text-\[var\(--sj-text-muted\)\]{color:var(--sj-text-muted)}.text-\[var\(--sj-text-secondary\)\]{color:var(--sj-text-secondary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.opacity-40{opacity:.4}.opacity-55{opacity:.55}.shadow-\[0_0_0_3px_var\(--sj-accent-glow\)\]{--tw-shadow: 0 0 0 3px var(--sj-accent-glow);--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_3px_12px_var\(--sj-accent-glow\)\]{--tw-shadow: 0 3px 12px var(--sj-accent-glow);--tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_3px_12px_var\(--sj-gold-glow\)\]{--tw-shadow: 0 3px 12px var(--sj-gold-glow);--tw-shadow-colored: 0 3px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--sj-shadow-md\)\]{--tw-shadow-color: var(--sj-shadow-md);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale-\[40\%\]{--tw-grayscale: grayscale(40%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font: "Tajawal", "Noto Color Emoji", sans-serif;--numfont: "Changa", "Tajawal", sans-serif;--titlefont: "Ruwudu", "Tajawal", serif;--bg: #1e1040;--bg2: #2e1f5e;--bg3: #3f2d78;--surface: #2e1f5e;--surface2: #3f2d78;--border: #7c4dff;--border2: #a67dff;--text: #f5f0ff;--text2: #c8b4f0;--text3: #9b80d0;--text-primary: #FFFFFF;--text-secondary: #E0E0FF;--text-muted: #A0A0C0;--text-accent: #4ADE80;--text-gold: #FBBF24;--accent: #00e676;--accent2: #00c853;--acg: rgba(0, 230, 118, .25);--gold: #ffca28;--gg: rgba(255, 202, 40, .25);--pink: #ff4081;--purple: #b388ff;--red: #ff5252;--cyan: #40c4ff;--orange: #ffab40;--ease: cubic-bezier(.22, 1, .36, 1);--r: 8px;--rl: 12px;--comic-border: 3px solid #1a0d36;--thick-border: 4px solid #1a0d36;--ubar-h: 48px;--sj-bg: #1e1040;--sj-bg-alt: #2e1f5e;--sj-surface: #2e1f5e;--sj-surface2: #3f2d78;--sj-surface-hover: #4a3590;--sj-border: #7c4dff;--sj-border-strong: #a67dff;--sj-text: #f5f0ff;--sj-text-secondary: #c8b4f0;--sj-text-muted: #9b80d0;--sj-accent: #00e676;--sj-accent-hover: #00c853;--sj-accent-glow: rgba(0, 230, 118, .25);--sj-accent-light: rgba(0, 230, 118, .12);--sj-accent-surface: rgba(0, 230, 118, .06);--sj-accent-deep: rgba(0, 230, 118, .25);--sj-gold: #ffca28;--sj-gold-glow: rgba(255, 202, 40, .2);--sj-gold-light: rgba(255, 202, 40, .12);--sj-gold-surface: rgba(255, 202, 40, .08);--sj-pink: #ff4081;--sj-pink-light: rgba(255, 64, 129, .15);--sj-pink-surface: rgba(255, 64, 129, .08);--sj-success: #00e676;--sj-danger: #ff5252;--sj-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--sj-shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--sj-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--sj-shadow-xl: 0 12px 48px rgba(0, 0, 0, .55);--sj-radius-sm: 8px;--sj-radius-md: 12px;--sj-radius-lg: 16px;--sj-radius-xl: 20px;--sj-radius-full: 9999px;--sj-ease: cubic-bezier(.22, 1, .36, 1);--sj-duration: .2s;font-family:var(--font)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;position:fixed;width:100%;background-color:#1e1040}body{position:fixed;width:100%;height:100%;overflow:hidden;margin:0;padding:0;background-color:#1e1040;background-image:radial-gradient(circle at 30% 20%,rgba(124,77,255,.25) 0%,transparent 70%),radial-gradient(circle at 70% 70%,rgba(0,230,118,.06) 0%,transparent 60%);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background:transparent}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 4px)}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input{font-family:var(--font);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--accent),0 0 0 0 var(--acg)}50%{box-shadow:0 0 20px var(--accent),0 0 0 8px transparent}}@keyframes bounceIn{0%{transform:scale(0) rotate(-10deg)}60%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes glitch{0%{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan)}50%{text-shadow:-2px 0 var(--pink),2px 0 var(--cyan)}to{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan)}}@keyframes powerUp{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes starPulse{0%,to{text-shadow:0 0 10px var(--gold)}50%{text-shadow:0 0 30px var(--gold),0 0 60px var(--orange)}}@keyframes sj-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sj-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sj-fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes sj-bounceIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes sj-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sj-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes sj-pulse-gold{0%,to{box-shadow:0 0 0 0 var(--sj-gold-glow)}50%{box-shadow:0 0 0 10px transparent}}@keyframes sj-glow{0%,to{box-shadow:0 0 0 0 var(--sj-accent-glow)}50%{box-shadow:0 0 0 10px transparent}}@keyframes sj-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.sj-animate-in{animation:sj-fadeIn .4s var(--sj-ease) both}.sj-animate-in-scale{animation:sj-fadeInScale .35s var(--sj-ease) both}.sj-animate-float{animation:sj-float 3s ease-in-out infinite}.sj-animate-bounce-in{animation:sj-bounceIn .3s var(--sj-ease) both}.sj-stagger-1{animation-delay:.05s}.sj-stagger-2{animation-delay:.1s}.sj-stagger-3{animation-delay:.15s}.sj-stagger-4{animation-delay:.2s}.sj-stagger-5{animation-delay:.25s}.sj-stagger-6{animation-delay:.3s}.sj-pulse-gold{animation:sj-pulse-gold 2s ease-in-out infinite}.sj-glow{animation:sj-glow 2s ease-in-out infinite}.sj-timer-pulse{animation:sj-timer-pulse 1.2s ease-in-out infinite}.sj-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:sj-confetti 3s linear forwards}.sj-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.num,.ss-v,.price-val,.price-sar,.price-old,.pf-stat b,.vb,.ct-cd,.top-badge,.ubar-coins,.bmenu-head-coins,.price-save,.ob-dot,.selbar-num,.tmr-val{font-family:var(--numfont)!important}.b{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border-radius:var(--r);font-size:16px;font-weight:800;transition:all .15s var(--ease);-webkit-tap-highlight-color:transparent;letter-spacing:.5px;position:relative;border:var(--comic-border);font-family:var(--font);cursor:pointer}.b:active{transform:scale(.93) translateY(2px);box-shadow:none!important}.b-p{background:var(--accent);color:#333}.b-p:hover{background:#3f9;transform:translateY(-1px)}.b-danger{background:var(--red);color:#fff;border:3px solid #1a0d36}.b-danger:hover{background:#ff7b7b;transform:translateY(-1px)}.b-danger:active{transform:translateY(2px)}.b-gold{background:linear-gradient(135deg,#c4960f,#e8b830);color:#1a1a2e;border:2px solid #C4960F;font-weight:800}.b-gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.b-gold:active{transform:translateY(2px);filter:brightness(.95)}.b-logout{background:transparent;color:var(--red);border:2.5px solid rgba(255,82,82,.3)}.b-logout:hover{background:#ff52521a;border-color:var(--red);transform:translateY(-1px)}.b-logout:active{transform:translateY(2px)}.gender-btn{flex:1;padding:8px 12px;border-radius:var(--r);font-size:14px;font-weight:800;cursor:pointer;border:2px solid var(--border);background:transparent;color:var(--text3);font-family:var(--font);transition:background .2s,border-color .2s,transform .1s}.gender-btn:hover{background:#7c4dff1a;border-color:var(--accent);transform:translateY(-1px)}.gender-btn.selected{border-color:var(--accent);background:#00e6761f;color:var(--accent)}.b-g{background:#ffffff14;color:var(--text);border-color:var(--border)}.b-g:hover{background:#ffffff24;border-color:var(--border2)}.b-o{background:transparent;border:2.5px solid var(--border2);color:var(--text2)}.b-end{background:var(--red, #ef4444);color:#fff;border-color:#0000004d}.b-o:hover{border-color:var(--accent);color:var(--accent)}.b-sm{padding:7px 14px;font-size:13px;border-width:2px}.b-bar{border-width:2px;padding:5px 12px;font-size:13px}.b-full{width:100%}.b-dis{opacity:.4;pointer-events:none}.b-skip{background:var(--orange);color:#333;border-color:#0000004d;font-size:13px;padding:7px 12px}.b-elevated{border:2px solid rgba(0,0,0,.6);box-shadow:0 4px 12px #0006;position:relative}.card{background:var(--surface);border:var(--thick-border);border-radius:var(--rl);padding:18px;box-shadow:5px 5px #00000059;position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:var(--rl);background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none}.fld{margin-bottom:12px}.fld label{display:block;font-size:15px;font-weight:800;color:var(--cyan);margin-bottom:5px}.fld input{width:100%;padding:8px 12px;border-radius:var(--r);background:#ffffff14;border:2px solid var(--border);color:var(--text);font-size:14px;font-weight:600;transition:border .2s,box-shadow .2s;font-family:var(--font)}.fld input:focus{border-color:var(--accent);box-shadow:0 0 12px var(--acg)}.fld input::-moz-placeholder{color:#fff6}.fld input::placeholder{color:#fff6}.fld input:disabled{opacity:.4;cursor:not-allowed}.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sec-t{font-size:18px;font-weight:800;margin-bottom:12px;color:var(--cyan)}.err{color:var(--red);font-size:14px;font-weight:800;margin-bottom:8px}.trial-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:var(--r);font-size:14px;font-weight:800;background:#ff40811f;color:var(--pink);border:2px solid rgba(255,64,129,.35)}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:var(--r);font-size:14px;font-weight:800;background:#ffca281a;color:var(--gold);border:2px solid rgba(255,202,40,.3);animation:starPulse 3s ease-in-out infinite}.ubar{position:fixed;top:0;left:0;right:0;z-index:9999;height:var(--ubar-h);background:#1e1040;border-bottom:3px solid var(--border);padding:8px 14px;display:none;align-items:center;justify-content:space-between;gap:8px}.ubar.show{display:flex}.ubar-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ubar-name{font-size:16px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ubar-coins{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r);font-size:14px;font-weight:800;color:var(--gold);background:#ffca281a;border:2px solid rgba(255,202,40,.25);flex-shrink:0}.ubar-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.ubar-burger{width:36px;height:36px;border-radius:var(--r);background:#ffffff0f;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .15s;color:var(--text)}.ubar-burger:hover{background:#ffffff1f}.bmenu{position:fixed;top:var(--ubar-h, 48px);right:4px;z-index:91;background:var(--surface);border:var(--thick-border);border-radius:var(--rl);padding:8px;box-shadow:6px 6px #0006;display:none;min-width:min(280px,80vw)}.bmenu.show{display:block;animation:scaleIn .2s var(--ease)}.bmenu-head{padding:clamp(10px,1.2vw,20px) clamp(12px,1.2vw,20px);border-bottom:2px solid var(--border);margin-bottom:4px;display:flex;align-items:center;gap:8px}.bmenu-head-name{font-size:clamp(18px,2vw,32px);font-weight:800;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmenu-head-coins{font-size:clamp(14px,1.5vw,24px);font-weight:800;color:var(--gold)}.bmenu-item{display:flex;align-items:center;gap:8px;padding:clamp(10px,1.2vw,20px) clamp(12px,1.2vw,20px);border-radius:var(--r);font-size:clamp(16px,1.8vw,28px);font-weight:700;color:var(--text);cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:right;font-family:var(--font)}.bmenu-item:hover{background:#ffffff0f}.bmenu-item.danger{color:var(--red)}.bmenu-item.b-gold{background:linear-gradient(135deg,#c4960f,#e8b830);color:#1a1a2e;border:none;border-radius:var(--r);box-shadow:none;font-weight:800}.bmenu-item.b-gold:hover{filter:brightness(1.1)}.bmenu-sep{height:2px;background:var(--border);margin:4px 0}.bmenu-overlay{position:fixed;inset:0;z-index:89;display:none;background:#0006}.bmenu-overlay.show{display:block}@keyframes bmenu-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bmenu-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes bmenu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bmenu-fade-out{0%{opacity:1}to{opacity:0}}.bmenu-sidebar{animation:bmenu-slide-in .25s ease-out forwards}.bmenu-sidebar.closing{animation:bmenu-slide-out .2s ease-in forwards}.bmenu-backdrop{animation:bmenu-fade-in .2s ease-out forwards}.bmenu-backdrop.closing{animation:bmenu-fade-out .2s ease-in forwards}.page-with-ubar{padding-top:var(--ubar-h)}.top{background:#1e1040;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:var(--ubar-h);z-index:20;border-bottom:3px solid var(--border)}.top-t{font-size:17px;font-weight:800;flex:1;text-align:center;color:var(--cyan)}.top-badge{font-size:13px;font-weight:800;background:var(--gold);color:#333;padding:4px 12px;border-radius:var(--r);flex-shrink:0;border:2px solid rgba(0,0,0,.3);box-shadow:2px 2px #00000059}.ob{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;padding-bottom:max(32px,env(safe-area-inset-bottom,32px));position:relative;overflow:hidden}.ob-bg{position:absolute;inset:0;z-index:0}.ob-bg:after{content:"";position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:14px 14px}.ob-c{position:relative;z-index:1;max-width:440px;width:100%}.ob-emoji{font-size:clamp(64px,16vw,80px);margin-bottom:12px;animation:float 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.ob-title{font-size:clamp(26px,7vw,36px);font-weight:800;margin-bottom:8px;animation:fadeUp .5s var(--ease) .1s both;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.ob-desc{font-size:clamp(16px,4vw,19px);color:var(--text2);font-weight:500;line-height:1.8;margin-bottom:28px;animation:fadeUp .5s var(--ease) .2s both}.ob-dots{display:flex;direction:ltr;gap:10px;justify-content:center;margin-bottom:24px;animation:fadeUp .5s var(--ease) .25s both}.ob-dot{width:10px;height:10px;border-radius:3px;background:var(--border2);transition:all .3s;border:2px solid rgba(0,0,0,.3)}.ob-dot.on{width:28px;background:var(--accent);border-radius:4px;box-shadow:0 0 10px var(--acg)}.ob-btns{animation:fadeUp .5s var(--ease) .3s both;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(orientation:landscape)and (max-height:500px){.ob{padding-bottom:60px;min-height:auto}.ob-emoji{font-size:48px;margin-bottom:8px}.ob-desc{margin-bottom:16px}.ob-btns{margin-bottom:20px}}.pixel-logo{display:inline-block;font-family:var(--titlefont);font-size:clamp(32px,9vw,48px);font-weight:700;color:#fff;text-shadow:4px 4px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,0 0 20px rgba(124,77,255,.4);-webkit-text-stroke:1px #000;paint-order:stroke fill}.pf-av{width:80px;height:80px;border-radius:var(--r);background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 12px;border:var(--thick-border);box-shadow:4px 4px #00000059}.pf-stat{text-align:center;padding:12px 8px;background:var(--bg);border-radius:var(--r);flex:1;border:2px solid var(--border)}.pf-stat b{font-size:26px;font-weight:800;color:var(--gold);display:block}.pf-stat small{font-size:13px;color:var(--text3);font-weight:700}.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ct{background:var(--surface2);border:3px solid var(--border);border-radius:var(--rl);overflow:hidden;cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);position:relative;box-shadow:4px 4px #0000004d;-webkit-tap-highlight-color:transparent}.ct:active:not(.locked):not(:has(button:active)){transform:scale(.97) translateY(1px);box-shadow:1px 1px #0000004d}.ct.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--acg),4px 4px #0000004d}.ct.dis{opacity:.3;filter:grayscale(60%);pointer-events:none}.ct.locked{cursor:not-allowed}.ct.locked .ct-top{filter:grayscale(.3)}.ct-locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1e1040bf;border-radius:var(--rl);z-index:2;pointer-events:none}.ct-locked-overlay .ct-lock-icon{font-size:28px}.ct-top{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:clamp(26px,7vw,50px)}.ct-bot{padding:6px 8px;display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--border)}.ct-nm{font-size:13px;font-weight:800}@media(min-width:500px){.ct-bot{padding:10px 12px}.ct-nm{font-size:15px}}.ct-cd{font-size:13px;color:var(--text3);font-weight:700}.ct-chk{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:var(--r);background:var(--accent);color:#333;font-size:14px;font-weight:800;display:none;align-items:center;justify-content:center;animation:bounceIn .3s var(--ease);border:2px solid rgba(0,0,0,.3)}.ct.sel .ct-chk{display:flex}.gh{background:linear-gradient(135deg,var(--bg2),var(--bg));padding:14px 14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;position:sticky;top:0;z-index:9999;border-bottom:4px solid var(--border);box-shadow:0 4px 20px #0003}.gh-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}.gh .ubar-burger{box-shadow:none;border-width:2px;width:clamp(36px,3vw,52px);height:clamp(36px,3vw,52px);font-size:clamp(18px,2vw,28px)}.gh-btn-end{height:clamp(36px,3vw,52px);padding:0 clamp(14px,1.5vw,24px);font-size:clamp(14px,1.5vw,24px);border-radius:var(--r);border-width:2px;box-shadow:none;display:flex;align-items:center;justify-content:center;white-space:nowrap}.gh-nm{font-size:clamp(20px,2.5vw,40px);font-weight:800;color:var(--text-primary);white-space:nowrap}.gh-turn{display:inline-flex;padding:4px 14px;border-radius:var(--r);background:#00e6761f;font-size:14px;font-weight:800;color:var(--accent);border:2px solid rgba(0,230,118,.25);animation:blink 2s ease-in-out infinite;margin-top:2px}.brd{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.brd{grid-template-columns:repeat(3,1fr)}}.bt{background:var(--surface);border:3px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:all .25s var(--ease);animation:fadeUp .4s var(--ease) both;box-shadow:4px 4px #0000004d;margin-bottom:0;display:flex;flex-direction:column;height:100%;min-height:0}.bt-in{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:4px;padding:6px;flex:1}.bt-col{display:flex;flex-direction:column;gap:4px;justify-content:stretch}.bt-col .vb{flex:1}.bt-ctr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.bt-ico{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg);border-radius:var(--r);font-size:clamp(24px,6vw,32px);border:2px solid var(--border);padding:4px}.bt-lbl{font-size:clamp(11px,2.6vw,14px);font-weight:800;color:var(--text2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vb{flex:1;display:flex;align-items:center;justify-content:center;border-radius:var(--r);font-size:clamp(13px,3vw,15px);font-weight:800;min-height:0;transition:all .15s var(--ease);-webkit-tap-highlight-color:transparent;border:2px solid transparent}.vb.on{background:linear-gradient(180deg,var(--accent),var(--accent2));color:#333;border-color:#0000004d;box-shadow:0 3px #008030;cursor:pointer}.vb.on:hover{transform:translateY(-1px)}.vb.on:active{transform:translateY(2px);box-shadow:0 1px #008030}.vb.off{background:#00000040;color:var(--text3);text-decoration:line-through;cursor:default}.ss{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;background:var(--surface);border:3px solid var(--border);border-radius:var(--rl);margin-top:10px;box-shadow:4px 4px #0000004d}.ss-t{text-align:center;padding:16px 8px;border-radius:var(--r);transition:border-color .3s;border:3px solid var(--border);width:100%;background:var(--surface)}.ss-t.on{background:#00e67614;border-color:var(--accent)}.ss-nm{font-size:16px;font-weight:700;color:var(--text2);margin-bottom:2px;display:flex;align-items:center;justify-content:center;gap:5px}.ss-dot{width:8px;height:8px;border-radius:3px;background:var(--accent);animation:glow 2s ease-in-out infinite}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:glow 2s ease-in-out infinite;position:absolute;top:10px;left:10px}.ss-v{font-size:30px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 15px var(--gg),2px 2px 0 rgba(0,0,0,.4);margin:6px 0}.ss-vs{font-size:18px;font-weight:800;color:var(--pink);animation:pulse 2s ease-in-out infinite}.board-area{flex:1;overflow:hidden;padding:10px 14px;display:flex;flex-direction:column}.tile-row{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0}.qpts{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--r);background:linear-gradient(135deg,var(--gold),var(--orange));color:#333;font-weight:800;border:2px solid rgba(0,0,0,.3);box-shadow:2px 2px #0000004d}.qpts-text{display:flex;flex-direction:column;line-height:1.2;text-align:right}.qpts-cat{font-size:17px;font-weight:900}.qpts-pts{font-size:13px;font-weight:700;opacity:.8}.qpts-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#0000001f;font-size:24px;flex-shrink:0}.qbox{background:#00e67608;border:3px solid rgba(0,230,118,.18);border-radius:var(--rl);padding:18px}.qlbl{font-size:14px;font-weight:800;color:var(--accent);margin-bottom:5px}.qtxt{font-size:clamp(22px,5.5vw,28px);font-weight:800;line-height:1.7}.abox{background:#00e6760d;border:3px solid var(--accent);border-radius:var(--rl);padding:20px;text-align:center;animation:scaleIn .3s var(--ease)}.atxt{font-size:clamp(28px,7vw,34px);font-weight:800;color:var(--accent)}.tmr{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r);background:var(--surface);border:3px solid var(--border);box-shadow:4px 4px #0000004d;transition:border-color .5s ease,box-shadow .5s ease}.tmr.run{border-color:var(--accent)}.tmr.buffer{border-color:var(--gold);background:#ffca280d}.tmr.second{border-color:var(--pink);background:#ff40810d}.price-card{background:var(--surface2);border:3px solid var(--border);border-radius:var(--rl);padding:18px;text-align:center;transition:all .2s var(--ease);cursor:pointer;position:relative;overflow:hidden;box-shadow:4px 4px #0000004d}.price-card:hover{border-color:var(--accent);transform:translateY(-3px)}.price-card.pop{border-color:var(--gold)}.price-card.pop:before{content:"⭐ الأكثر شعبية";position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,var(--gold),var(--orange));color:#333;font-size:13px;font-weight:800;padding:4px 0;text-align:center;border-bottom:2px solid rgba(0,0,0,.3)}.price-card.pop{padding-top:42px}.price-val{font-size:34px;font-weight:800;color:var(--text)}.price-label{font-size:15px;color:#fff;margin:4px 0 2px;font-weight:700}.price-sar{font-size:22px;font-weight:800;color:var(--gold)}.price-old{font-size:14px;color:var(--text3);text-decoration:none;margin-right:6px;position:relative;display:inline-block}.price-old:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:currentColor;pointer-events:none}.price-save{font-size:13px;font-weight:800;color:var(--accent);margin-top:4px}.mdl{position:fixed;inset:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:16px}.mdl.show{display:flex;animation:fadeIn .15s ease}.mdl-c{width:100%;max-width:380px;background:var(--surface);border:var(--thick-border);border-radius:var(--rl);padding:22px;box-shadow:8px 8px #0006;animation:scaleIn .25s var(--ease)}.mdl-t{font-size:20px;font-weight:800;margin-bottom:6px;color:var(--cyan)}.mdl-b{font-size:16px;color:var(--text2);margin-bottom:18px;line-height:1.7}.gr{background:var(--surface);border:3px solid var(--border);border-radius:var(--rl);padding:14px;margin-bottom:10px;box-shadow:4px 4px #0000004d}.st{font-size:13px;font-weight:800;padding:4px 10px;border-radius:var(--r);border:2px solid;display:inline-block}.ended{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px;padding-top:calc(var(--ubar-h) + 20px);position:relative;overflow:hidden}.return-game{position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--surface);border-top:3px solid var(--accent);padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));display:none;text-align:center;box-shadow:0 -4px 20px #0006;animation:fadeUp .3s var(--ease)}.return-game.show{display:block}.retro-line{height:4px;background:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 8px,transparent 8px,transparent 12px);border-radius:2px;margin:12px 0}.dc-color{width:32px;height:32px;border-radius:var(--r);border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:border .15s}.dc-color.active{border-color:var(--accent)!important;box-shadow:0 0 8px var(--acg)}.eraser-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--r);background:#ffffff14;border:2px solid var(--border);color:var(--text);font-size:14px;font-weight:800;cursor:pointer;font-family:var(--font)}.eraser-btn:hover{background:#ffffff24}.eraser-btn.active{border-color:var(--pink);background:#ff40811a;color:var(--pink)}.wrap{max-width:860px;margin:0 auto;padding:16px}@media(min-width:768px){.wrap{padding:20px 24px}}.selbar-num{font-size:16px;font-weight:800;flex-shrink:0;white-space:nowrap}@supports (padding: env(safe-area-inset-bottom)){.ubar{padding-top:max(8px,env(safe-area-inset-top))}.return-game{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(max-width:379px){.b{font-size:14px;padding:9px 16px}.b-sm{font-size:11px;padding:5px 10px}.ob-emoji{font-size:56px}.pixel-logo{font-size:28px!important}.ob-desc{font-size:14px}.card{padding:14px}.qpts{padding:6px 12px}.qpts-cat{font-size:15px}.ss-v{font-size:22px}.gh{padding:8px 10px}.dc-color{width:28px;height:28px}.brd{gap:6px}.bt-in{padding:6px 4px;gap:2px}.ss{gap:8px;padding:8px}}@media(max-height:500px)and (orientation:landscape){.ob{min-height:auto;padding:16px 20px}.ob-emoji{font-size:40px;margin-bottom:6px}.ob-desc{font-size:14px;margin-bottom:14px}.ob-dots{margin-bottom:12px}.gh{padding:6px 12px;gap:3px}.gh-turn{font-size:12px;padding:2px 10px}.wrap{padding:8px 12px}.card,.qbox{padding:12px}.qtxt{font-size:18px}.tmr{padding:6px 14px}.ss{padding:8px;margin-top:6px;gap:8px}.ss-v{font-size:20px}.brd{gap:6px}.bt-ico{min-height:40px!important;font-size:22px!important}.bt-lbl{font-size:10px}.vb{min-height:26px!important}.price-card{padding:12px}.fld input{padding:8px 12px}}@media(min-width:768px)and (max-width:1199px){.wrap{max-width:720px;padding:20px 28px}.brd{grid-template-columns:repeat(3,1fr);gap:14px}.bt-ico{min-height:70px;font-size:30px}.ss{max-width:560px;margin-left:auto;margin-right:auto;gap:16px;padding:16px}.ob-c{max-width:520px}.card,.qbox{padding:22px}.qtxt{font-size:26px}.atxt{font-size:32px}}@media(min-width:1200px){.wrap{max-width:1100px;padding:24px 40px}.brd{grid-template-columns:repeat(3,1fr);gap:18px}.bt{border-radius:16px}.bt-in{padding:12px 10px;gap:6px}.bt-ico{min-height:80px;font-size:40px}.bt-lbl{font-size:16px}.vb{min-height:44px;font-size:17px}.ss{padding:20px;max-width:700px;margin-left:auto;margin-right:auto;gap:20px}.ss-v{font-size:36px}.ss-nm{font-size:18px}.gh{padding:16px 24px;gap:8px}.gh-nm{font-size:20px}.gh-turn{font-size:17px;padding:6px 20px}.ob-c{max-width:600px}.ob-emoji{font-size:96px}.ob-title{font-size:40px}.ob-desc{font-size:22px}.pixel-logo{font-size:60px!important}.card{padding:28px;border-radius:16px}.qbox{padding:24px}.qtxt{font-size:32px}.atxt{font-size:40px}.qpts{padding:10px 24px}.qpts-cat{font-size:22px}.qpts-pts{font-size:16px}.b{font-size:20px;padding:14px 28px}.b-sm{font-size:16px;padding:10px 18px}.fld label{font-size:18px}.fld input{font-size:14px;padding:8px 12px}.sec-t{font-size:22px}.tmr{padding:14px 28px}.ubar{padding:12px 24px;height:56px}.ubar-name{font-size:20px}.ubar-coins{font-size:18px}.price-card{padding:24px;border-radius:16px}.price-val{font-size:42px}.price-sar{font-size:28px}.mdl-c{max-width:480px;padding:30px}.mdl-t{font-size:24px}.mdl-b{font-size:18px}.cg{gap:14px}.ct-nm{font-size:20px}.ct-top{font-size:60px}.dc-color{width:40px;height:40px}}@media(min-width:1800px){.wrap{max-width:1400px}.bt-ico{min-height:110px;font-size:52px}.ss-v{font-size:48px}.pixel-logo{font-size:72px!important}.ob-emoji{font-size:120px}}.tv-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(4px,.5vw,8px);padding:clamp(6px,.6vw,12px) clamp(8px,.8vw,16px);background:var(--bg2);border-top:3px solid var(--border)}.tv-bar-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.3vw,6px);padding:clamp(6px,.6vw,14px) clamp(8px,.8vw,16px);background:var(--surface);border:2px solid var(--border);border-radius:var(--rl);min-height:clamp(70px,8vw,120px)}.tv-bar-card.active{border-color:var(--accent);box-shadow:0 0 12px var(--acg)}.tv-bar-nm{font-size:clamp(20px,2.2vw,36px);font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:6px}.tv-bar-nm .ss-dot{width:clamp(6px,.6vw,10px);height:clamp(6px,.6vw,10px)}.tv-bar-sc{font-size:clamp(22px,2.8vw,48px);font-weight:900;color:var(--text-gold);font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--gg),2px 2px 0 rgba(0,0,0,.4);line-height:1}.tv-bar-vs{display:flex;align-items:center;justify-content:center;font-size:clamp(20px,2.5vw,40px);font-weight:900;color:#ef4444;border:none}.tv-bar-btns{display:flex;gap:clamp(3px,.3vw,6px)}.tv-bar-btns button{padding:clamp(6px,.8vw,12px) clamp(12px,1.5vw,24px);font-size:clamp(14px,1.5vw,24px);border-radius:clamp(6px,.8vw,12px);font-weight:700;font-family:var(--font);min-width:clamp(60px,7vw,100px);cursor:pointer;border:2px solid rgba(0,0,0,.3);box-shadow:0 2px #0000004d}.tv-scale{font-size:clamp(14px,1.8vw,36px)}.tv-scale .bt-ico{font-size:clamp(24px,4.2vw,72px)}.tv-scale .bt-lbl{font-size:clamp(14px,1.8vw,30px)}.tv-scale .vb{font-size:clamp(16px,2.4vw,40px)}.tv-scale .gh{padding:clamp(8px,1.2vw,26px) clamp(10px,1.8vw,36px)}.tv-scale .gh-nm{font-size:clamp(20px,3vw,52px)}.tv-scale .qtxt{font-size:clamp(22px,3.6vw,68px)}.tv-scale .atxt{font-size:clamp(28px,4.2vw,78px)}.tv-scale .qbox{padding:clamp(14px,1.8vw,46px)}.tv-scale .qlbl{font-size:clamp(13px,1.2vw,26px)}.tv-scale .tmr{padding:clamp(8px,1vw,24px) clamp(14px,1.8vw,46px)}.tv-scale .qpts{padding:clamp(6px,.8vw,18px) clamp(12px,1.5vw,36px)}.tv-scale .qpts-cat{font-size:clamp(15px,1.8vw,36px)}.tv-scale .qpts-pts{font-size:clamp(12px,1.1vw,24px)}.tv-scale .qpts-ico{width:clamp(28px,3vw,62px);height:clamp(28px,3vw,62px);font-size:clamp(20px,2.4vw,46px)}.tv-scale .ss{padding:clamp(10px,1.2vw,30px);gap:clamp(8px,1.2vw,30px)}.tv-scale .ss-v{font-size:clamp(26px,3.6vw,72px)}.tv-scale .ss-nm{font-size:clamp(14px,1.5vw,28px)}.tv-scale .ss-vs{font-size:clamp(16px,1.5vw,30px)}.tv-scale .b{font-size:clamp(15px,1.5vw,28px);padding:clamp(10px,1vw,20px) clamp(18px,1.8vw,40px)}.tv-scale .b-sm{font-size:clamp(12px,1.1vw,22px);padding:clamp(5px,.6vw,16px) clamp(10px,1vw,26px)}.tv-scale .wrap{max-width:clamp(640px,60vw,1600px);padding:clamp(12px,1.2vw,40px)}.tv-scale .card{padding:clamp(14px,1.8vw,46px)}.tv-scale .fld label{font-size:clamp(14px,1.2vw,26px)}.tv-scale .fld input,.tv-scale .fld select{font-size:clamp(14px,1.2vw,24px);padding:clamp(8px,.8vw,18px) clamp(10px,1vw,20px)}.tv-scale .ob-emoji{font-size:clamp(60px,7vw,156px)}.tv-scale .ob-title{font-size:clamp(28px,3.6vw,62px)}.tv-scale .ob-desc{font-size:clamp(15px,1.6vw,30px)}.tv-scale .ob-c{max-width:clamp(340px,45vw,900px)}.tv-scale .cg{gap:clamp(8px,1vw,20px)}.tv-scale .ct-nm{font-size:clamp(14px,1.5vw,28px)}.tv-scale .ct-top{font-size:clamp(36px,4.8vw,94px)}.tv-scale.ended .ended-content{max-width:clamp(340px,45vw,1000px)!important}.tv-scale.ended .ended-content .ss-v{font-size:clamp(30px,4.2vw,82px)}.tv-scale .tmr-val{font-size:clamp(18px,3vw,58px)!important}.tv-scale .premium-badge,.tv-scale .trial-badge{font-size:clamp(14px,1.5vw,28px);padding:clamp(5px,.6vw,16px) clamp(14px,1.5vw,36px)}.tv-scale .pixel-logo{font-size:clamp(42px,7vw,104px)!important}.tv-scale .home-btns{max-width:clamp(320px,40vw,780px);gap:clamp(10px,1vw,24px)}.tv-scale .top-t{font-size:clamp(17px,1.8vw,32px)}.tv-scale .sec-t{font-size:clamp(18px,1.8vw,34px);margin-bottom:clamp(12px,1vw,24px)}.tv-scale .ubar{height:clamp(48px,4vw,72px);padding:clamp(8px,.8vw,16px) clamp(12px,1.2vw,24px)}.tv-scale .ubar-burger{width:clamp(36px,3vw,56px);height:clamp(36px,3vw,56px);font-size:clamp(18px,2vw,32px)}.tv-scale .bmenu-item{font-size:clamp(15px,1.5vw,28px);padding:clamp(10px,.8vw,18px) clamp(14px,1.2vw,24px)}.tv-scale .bmenu-head-name{font-size:clamp(16px,1.5vw,28px)}.tv-scale .bmenu-head-coins{font-size:clamp(14px,1.2vw,24px)}.tv-scale .pf-av{width:clamp(80px,7vw,140px);height:clamp(80px,7vw,140px);font-size:clamp(36px,3.6vw,68px)}.tv-scale .pf-stat{padding:clamp(12px,1.2vw,24px) clamp(8px,1vw,18px)}.tv-scale .pf-stat b{font-size:clamp(26px,2.4vw,46px)}.tv-scale .pf-stat small{font-size:clamp(13px,1.2vw,24px)}.tv-scale .gender-btn{font-size:clamp(14px,1.2vw,24px);padding:clamp(8px,.8vw,18px) clamp(12px,1.2vw,24px)}.tv-scale .price-card{padding:clamp(18px,1.8vw,36px)}.tv-scale .price-val{font-size:clamp(34px,3.6vw,68px)}.tv-scale .price-label{font-size:clamp(15px,1.5vw,28px)}.tv-scale .price-sar{font-size:clamp(22px,2.2vw,42px)}.tv-scale .price-old{font-size:clamp(14px,1.2vw,24px)}.tv-scale .price-save{font-size:clamp(13px,1.2vw,24px)}.tv-scale .gr{padding:clamp(14px,1.5vw,30px);margin-bottom:clamp(10px,1vw,20px)}@media(orientation:landscape)and (max-width:1024px){body.no-scroll{overflow:hidden}.game-board-page{width:100vw;height:100%;max-width:none;margin:0;padding:0;display:grid;grid-template-rows:52px minmax(0,1fr) 100px;gap:0;overflow:hidden}.game-host-topbar{margin:0;border-radius:0;border-width:0 0 1px 0;border-color:var(--border);padding:0 8px;height:52px;display:flex;align-items:center;background:var(--surface)}.game-host-topbar-grid{width:100%;height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.game-host-topbar-btn{min-height:32px;padding:.25rem .6rem;font-size:.72rem;line-height:1.1;white-space:nowrap}.game-host-title-block{min-width:0}.game-host-title{font-size:.82rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.game-host-turn-pill{margin-top:2px;min-height:22px;padding:.15rem .5rem;font-size:.65rem;line-height:1;white-space:nowrap}.game-host-board-area{margin-top:0;min-height:0;border-radius:0;border-width:0 0 1px 0;border-color:var(--border);padding:6px;overflow:hidden;background:var(--bg)}.game-host-board-grid{height:100%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.game-host-tile{min-height:0;border:1px solid var(--border);border-radius:var(--r);padding:0;overflow:hidden;background:var(--surface)}.game-host-tile-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(72px,1.2fr) minmax(0,1fr);gap:6px;padding:0 4px}.game-host-stack{min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}.game-host-cell-btn{min-height:32px;height:100%;padding:.2rem;font-size:.72rem;line-height:1}.game-host-center{min-height:0;display:grid;grid-template-rows:minmax(72px,1fr) auto;gap:4px;align-content:start;padding:2px 0}.game-host-media{min-height:72px;height:100%}.game-host-label{margin:0;font-size:.62rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-host-bottom-strip{margin-top:0;height:100px;min-height:100px;max-height:120px;border-radius:0;border-width:0;padding:6px 8px;overflow:hidden;background:var(--surface)}.game-host-teams-grid{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-host-team-card{min-height:0;border:1px solid var(--border);border-radius:var(--r);padding:6px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px}.game-host-team-name{max-width:100%;font-size:.68rem;padding:.15rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-host-team-turn{font-size:.62rem;padding:.15rem .45rem;line-height:1;white-space:nowrap}.game-host-team-content{margin-top:0;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.game-host-team-score{margin:0;font-size:1.15rem;line-height:1}.game-host-team-actions{gap:4px}.game-host-adjust-btn{min-height:32px;padding:.2rem .4rem;font-size:.68rem;line-height:1.1}}@media(orientation:landscape)and (max-width:820px)and (max-height:420px){.game-host-title{font-size:.76rem}.game-host-topbar-btn{font-size:.68rem;padding:.2rem .5rem}.game-host-cell-btn{font-size:.68rem}.game-host-label{font-size:.58rem}.game-host-team-name,.game-host-adjust-btn{font-size:.62rem}}.placeholder\:text-\[var\(--sj-text-muted\)\]::-moz-placeholder{color:var(--sj-text-muted)}.placeholder\:text-\[var\(--sj-text-muted\)\]::placeholder{color:var(--sj-text-muted)}.hover\:border-\[var\(--sj-accent\)\]:hover{border-color:var(--sj-accent)}.hover\:border-\[var\(--sj-border-strong\)\]:hover{border-color:var(--sj-border-strong)}.hover\:bg-\[rgba\(20\,184\,166\,0\.2\)\]:hover{background-color:#14b8a633}.hover\:bg-\[rgba\(239\,68\,68\,0\.2\)\]:hover{background-color:#ef444433}.hover\:bg-\[rgba\(255\,255\,255\,0\.12\)\]:hover{background-color:#ffffff1f}.hover\:bg-\[rgba\(255\,255\,255\,0\.14\)\]:hover{background-color:#ffffff24}.hover\:bg-\[var\(--sj-accent-hover\)\]:hover{background-color:var(--sj-accent-hover)}.hover\:bg-\[var\(--sj-accent-surface\)\]:hover{background-color:var(--sj-accent-surface)}.hover\:bg-\[var\(--sj-surface-hover\)\]:hover{background-color:var(--sj-surface-hover)}.hover\:text-\[var\(--sj-accent\)\]:hover{color:var(--sj-accent)}.hover\:opacity-90:hover{opacity:.9}.focus\:border-\[var\(--sj-accent\)\]:focus{border-color:var(--sj-accent)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[var\(--sj-accent\)\]:focus-visible{--tw-ring-color: var(--sj-accent)}.focus-visible\:ring-\[var\(--sj-border-strong\)\]:focus-visible{--tw-ring-color: var(--sj-border-strong)}.focus-visible\:ring-\[var\(--sj-danger\)\]:focus-visible{--tw-ring-color: var(--sj-danger)}.focus-visible\:ring-\[var\(--sj-gold\)\]:focus-visible{--tw-ring-color: var(--sj-gold)}.focus-visible\:ring-white:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-\[var\(--sj-bg\)\]:focus-visible{--tw-ring-offset-color: var(--sj-bg)}.focus-visible\:ring-offset-\[var\(--sj-surface\)\]:focus-visible{--tw-ring-offset-color: var(--sj-surface)}.active\:scale-\[0\.95\]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:active\:scale-100:active:disabled{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:768px){.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}}