/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;*{box-sizing:border-box}html{direction:rtl;background:#f7a919}body{color:#172033;background:#fff6df;min-width:320px;margin:0;font-family:Vazirmatn,sans-serif;font-size:15px;line-height:1.7}button,input{font:inherit}button{cursor:pointer;border:0}.page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));animation:.35s both enter}.splash{text-align:center;color:#fff;background:radial-gradient(circle at 50% 30%,#ffe878 0,#ffe878 8%,#0000 9%),linear-gradient(145deg,#f6c41a,#f56b22);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;animation:.45s fade;display:flex}.splash .trophy{filter:drop-shadow(0 9px #8f410838);font-size:70px;animation:1s ease-in-out infinite alternate bob}.splash h1{letter-spacing:1px;margin:10px 0 0;font-size:36px;font-weight:900}.splash p{margin:0;font-size:17px;font-weight:700}.home{color:#fff;background:radial-gradient(circle at 5% 8%,#fff2ad 0,#fff2ad 4%,#0000 22%),linear-gradient(150deg,#f8ce27,#f57626)}.home header{justify-content:space-between;align-items:center;gap:12px;max-width:680px;margin:auto auto 25px;display:flex}.home h1{letter-spacing:.5px;margin:0;font-size:28px;font-weight:900}.home header p{margin:0;font-weight:600}.settings{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff38;border-radius:15px;width:45px;height:45px;font-size:21px}.home-grid{grid-template-columns:1fr;gap:13px;max-width:680px;margin:auto;display:grid}.home-card{text-align:right;color:#172033;background:#fffffff2;border-radius:24px;align-items:center;gap:14px;width:100%;min-height:108px;padding:16px;display:flex;box-shadow:0 10px 24px #73300529}.card-icon{background:#fff0c3;border-radius:20px;flex:none;place-items:center;width:65px;height:65px;font-size:34px;display:grid}.home-card span:nth-child(2){flex:1;min-width:0}.home-card b,.home-card small{display:block}.home-card b{font-size:17px;font-weight:900}.home-card small{color:#6b5d48;font-size:13px}.home-card i{color:#f17820;font-size:22px;font-style:normal}.home-stats{background:#7e37072e;border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:680px;margin:18px auto 0;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.inner{background:#fff9ed}.back{color:#684314;background:#ffe4a2;border-radius:14px;align-items:center;min-height:42px;padding:0 13px;font-weight:800;display:inline-flex}.inner h2,.game-intro h2{margin:18px 0 2px;font-size:25px;font-weight:900}.lead{color:#746857;margin:0 0 20px}.design-types{gap:13px;display:grid}.type-card{text-align:right;background:#fff;border-radius:23px;padding:21px 17px;box-shadow:0 6px 18px #e9d8b54a}.type-card i{float:right;margin-left:15px;font-size:41px;font-style:normal}.type-card b,.type-card small{display:block}.type-card b{font-size:17px;font-weight:900}.type-card small{color:#7b7062;font-size:13px}.full-set-button{margin-top:18px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{text-align:center;background:#fff;border-radius:20px;padding:12px;box-shadow:0 5px 15px #e8d1a752}.product-card b{min-height:49px;font-size:14px;display:block}.product-card button,.primary{color:#fff;background:#f47722;border-radius:14px;width:100%;min-height:45px;font-weight:900;box-shadow:0 5px #c75712}.apparel-art{--wear-color:#f6be18;filter:drop-shadow(0 6px 4px #6a3d2525);width:78px;height:92px;margin:4px auto 12px;position:relative}.apparel-art:before,.apparel-art:after,.apparel-art i{content:"";background:var(--wear-color);border:2px solid #1720332e;display:block;position:absolute}.apparel-art.shirt:before{border-radius:12px 12px 8px 8px;width:48px;height:66px;top:13px;right:15px}.apparel-art.shirt:after{border-radius:7px 2px 2px 7px;width:19px;height:27px;top:17px;right:0}.apparel-art.shirt i:first-child{border-radius:2px 7px 7px 2px;width:19px;height:27px;top:17px;left:0}.apparel-art.shirt i:nth-child(2){background:#fff9ed;border-radius:0 0 12px 12px;width:19px;height:11px;top:11px;right:30px}.apparel-art.pants:before{clip-path:polygon(0 0,100% 0,93% 100%,54% 100%,50% 39%,46% 100%,7% 100%);border-radius:9px 9px 8px 8px;width:53px;height:76px;top:8px;right:12px}.apparel-art.pants:after{border-radius:8px;width:42px;height:7px;top:8px;right:17px}.apparel-art.shoes{height:74px;margin-top:20px}.apparel-art.shoes:before{border-radius:17px 9px 12px 15px;width:66px;height:29px;top:29px;right:7px;transform:skew(-16deg)}.apparel-art.shoes:after{border-radius:8px 9px 3px 2px;width:35px;height:13px;top:19px;right:29px;transform:skew(-16deg)}.apparel-art.shoes i:first-child{background:#172033;border-radius:8px;width:63px;height:7px;top:56px;right:8px}.apparel-art.pattern-1:before,.apparel-art.pattern-1:after,.apparel-art.pattern-1 i{background-image:repeating-linear-gradient(45deg,#0000 0,#0000 6px,#ffffffa8 7px,#ffffffa8 9px)}.apparel-art.pattern-2:before,.apparel-art.pattern-2:after,.apparel-art.pattern-2 i{background-image:linear-gradient(130deg,#0000 40%,#fff 41%,#fff 50%,#0000 51%)}.apparel-art.pattern-3:before,.apparel-art.pattern-3:after,.apparel-art.pattern-3 i{background-image:repeating-linear-gradient(90deg,#0000 0,#0000 9px,#ffffffad 10px,#ffffffad 14px)}.apparel-art.pattern-4:before,.apparel-art.pattern-4:after,.apparel-art.pattern-4 i{background-image:radial-gradient(circle,#fff 2px,#0000 3px);background-size:13px 13px}.apparel-art.large{margin:21px auto 30px;transform:scale(1.35)}.custom-preview{text-align:center;color:#fff;background:linear-gradient(135deg,#f6c319,#f58123);border-radius:24px;min-height:190px;margin:15px 0;padding:15px}.custom-preview .apparel-art{margin-top:22px}.custom-panel{background:#fff;border-radius:22px;padding:17px;box-shadow:0 4px 14px #e8d1a752}.custom-panel h3{margin:0 0 8px;font-size:15px}.color-row,.pattern-row{flex-wrap:wrap;gap:9px;margin-bottom:17px;display:flex}.color-row button{border:2px solid #eee;border-radius:50%;width:34px;height:34px}.color-row .selected{outline-offset:2px;outline:3px solid #172033}.pattern-row button{color:#5d5346;background:#fff;border:1px solid #e4d7c5;border-radius:11px;padding:7px 11px}.pattern-row .active{background:#fff0c3;border-color:#ee9b20;font-weight:800}.custom-panel label{margin:12px 0;font-weight:800;display:block}.custom-panel input{border:1px solid #e0d5c5;border-radius:12px;outline-color:#f47722;width:100%;min-height:45px;margin-top:5px;padding:0 12px;display:block}.secondary{color:#9a5014;background:#ffe5ba;border-radius:14px;width:100%;min-height:45px;margin-top:14px;font-weight:900}.text-button{color:#80511d;background:0 0;min-height:42px;margin:16px auto 0;font-weight:800;display:block}.result{text-align:center}.result .back{float:right}.finished-set{background:#fff1c9;border-radius:28px;justify-content:center;align-items:center;gap:10px;max-width:285px;min-height:220px;margin:25px auto 12px;padding:20px 8px;display:flex}.finished-set:not(.complete){max-width:205px}.finished-piece{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.finished-piece .apparel-art{margin:2px auto 8px;transform:scale(.88)}.finished-set.complete .finished-piece .apparel-art{margin:2px auto 6px;transform:scale(.76)}.finished-piece strong,.finished-piece em{color:#172033;font-size:11px;font-style:normal;font-weight:900;position:absolute;top:46px}.finished-piece em{font-size:17px;top:65px}.finished-piece small{color:#725934;font-size:10px;line-height:1.5}.game-intro{text-align:center;background:linear-gradient(155deg,#fff9e8,#ffe4a9);flex-direction:column;justify-content:center;align-items:center;display:flex}.game-intro .back{top:calc(18px + env(safe-area-inset-top));position:absolute;right:18px}.game-intro p{color:#685d51;max-width:310px}.big-emoji{font-size:74px;animation:1s ease-in-out infinite alternate bob}.game-intro .primary{max-width:310px;margin-top:12px}.best{background:#fff;border-radius:12px;padding:7px 15px}.tennis-page{background:#fff8de;padding-left:12px;padding-right:12px}.game-top{justify-content:space-between;align-items:center;gap:7px;max-width:650px;min-height:42px;margin:0 auto 8px;font-size:13px;display:flex}.game-top button{color:#6e4512;background:#ffe3a2;border-radius:11px;min-height:38px;padding:0 10px;font-weight:800}.game-top b{font-size:12px}.game-top span{color:#fff;direction:ltr;background:#172033;border-radius:9px;padding:4px 8px}.tennis-stage{background:#ffc34f;border-radius:24px;max-width:600px;min-height:355px;margin:auto;overflow:hidden;box-shadow:0 8px 23px #bd812857}.tennis-wrap{width:100%}.tennis-wrap canvas{touch-action:none;width:100%;height:auto;display:block}.countdown-overlay{color:#fff;text-align:center;background:radial-gradient(circle,#f9d739,#f47722);flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:355px;display:flex}.countdown-overlay b{text-shadow:0 6px #aa4617;font-size:94px;font-weight:900;line-height:1;animation:.75s both count}.countdown-overlay span{font-weight:800}.swipe-tip,.live-counter{text-align:center;color:#715d3d;margin:8px auto;font-size:12px}.challenge{background:#fff8e9}.challenge-board{background:radial-gradient(circle at 30% 20%,#fff7bf,#ffe0a5);border-radius:25px;max-width:700px;height:calc(100dvh - 90px);margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff}.challenge-board>h2{text-align:center;margin:0;font-size:19px;position:absolute;top:14px;left:0;right:0}.target{border:3px solid #fff;border-radius:50%;width:58px;height:58px;position:absolute;box-shadow:0 6px #8d461d55}.reaction,.memory{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.reaction h2,.memory h2{margin:0}.reaction-target{color:#fff;background:#f6be18;border-radius:50%;width:112px;height:112px;margin-top:25px;font-size:20px;font-weight:900;box-shadow:0 8px #bd810c}.memory-grid{direction:ltr;grid-template-columns:repeat(3,76px);gap:10px;display:grid}.memory-grid button{color:#fff;background:#f47722;border-radius:17px;height:76px;font-size:27px;font-weight:900;box-shadow:0 5px #bd520f}.memory-grid .flipped{color:#172033;background:#fff;box-shadow:0 4px #e1d1bd}.quiz{background:#fff7e6}.quiz-card{background:#fff;border-radius:25px;max-width:600px;margin:25px auto;padding:20px 16px;box-shadow:0 9px 25px #d8b07142}.progress{background:#f4e5cd;border-radius:99px;height:8px;overflow:hidden}.progress i{background:#f47722;height:100%;transition:width .4s;display:block}.quiz-card h2{margin:25px 0;font-size:21px;line-height:1.9}.answers{gap:10px;display:grid}.answers button{text-align:right;color:#302d29;background:#fff;border:1px solid #eadbc8;border-radius:15px;align-items:center;gap:10px;min-height:53px;padding:8px;display:flex}.answers button span{color:#a46810;background:#fff0c3;border-radius:10px;place-items:center;width:33px;height:33px;font-weight:900;display:grid}.answers button.right{background:#ddf7e8;border-color:#5ac88b}.answers button.wrong{opacity:.55}.correct{color:#16894c;font-weight:900}.incorrect{color:#dc4037;font-weight:900}.setting-card{background:#fff;border-radius:22px;margin-top:17px;padding:15px;box-shadow:0 5px 16px #e6cfa844}.toggle-row{border-bottom:1px solid #f0e5d4;justify-content:space-between;align-items:center;min-height:61px;display:flex}.toggle-row button{color:#765f45;background:#e6d8c5;border-radius:99px;align-items:center;gap:7px;padding:4px 8px 4px 4px;display:flex}.toggle-row button i{background:#fff;border-radius:50%;width:25px;height:25px;transition:all .2s}.toggle-row button.on{color:#fff;background:#f47722}.toggle-row button.on i{transform:translate(-25px)}.about{padding-top:15px}.about b,.about span,.about small{display:block}.about span{color:#716658;margin-top:4px;font-size:13px}.about small{color:#a39585;margin-top:9px}.press:active{transform:scale(.96)}button:focus-visible{outline-offset:3px;outline:3px solid #172033}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes bob{to{transform:translateY(-7px)rotate(3deg)}}@keyframes count{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@media(min-width:680px){.page{padding-left:32px;padding-right:32px}.home-grid{grid-template-columns:repeat(2,1fr)}.catalog,.design-types{grid-template-columns:repeat(3,1fr)}.type-card i{float:none;margin:0 0 7px;display:block}.challenge-board{height:650px}.tennis-stage{max-width:500px;min-height:600px}.countdown-overlay{min-height:600px}.finished-set{max-width:420px}}