/*! 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{background:#070b15}body{color:#f8fafc;background:#070b15;min-width:320px;margin:0;font-family:Vazirmatn,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{background:radial-gradient(circle at 50% -10%,#263263 0,#10152b 36%,#070b15 75%);min-height:100dvh;padding-bottom:82px;overflow:hidden}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#0d1225cc;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:68px;padding:0 16px;display:flex;position:relative}.brand{color:#fff;letter-spacing:1px;background:0 0;border:0;align-items:center;gap:7px;font-style:italic;display:flex}.brand span{color:#20170a;background:linear-gradient(145deg,#f3d987,#a97a1c);border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;font-weight:900;display:grid}.brand b{font-size:17px}.wallet{direction:ltr;gap:8px;font-size:12px;display:flex}.wallet span{background:#1a213c;border:1px solid #303a60;border-radius:99px;padding:6px 8px}.menu{color:#fff;background:#1a213c;border:0;border-radius:10px;width:38px;height:38px;font-size:20px}nav{z-index:9;background:#151b33;border:1px solid #354064;border-radius:18px;grid-template-columns:repeat(2,1fr);padding:8px;display:grid;position:absolute;top:76px;left:12px;right:12px;box-shadow:0 18px 40px #0009}nav button{color:#dbe4ff;text-align:right;background:0 0;border:0;border-radius:11px;padding:12px;font-size:13px}nav button:hover{background:#283457}nav i{margin-left:8px;font-style:normal}.home,.panel{width:100%;max-width:950px;margin:auto;padding:18px 16px}.hero{background:linear-gradient(125deg,#101a38,#1a1842 55%,#2a1751);border:1px solid #3b3c72;border-radius:24px;align-items:center;min-height:280px;padding:26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff1,0 14px 35px #0004}.hero:after{content:"";filter:blur(35px);background:#a14eff33;width:220px;height:220px;position:absolute;bottom:-90px;left:-55px}.eyebrow{letter-spacing:2px;color:#aebcff;margin:0 0 7px;font-size:10px}.hero h1{letter-spacing:1px;margin:0;font-size:44px;font-weight:900;line-height:.9}.hero em{color:#edc65c;font-style:normal}.hero p:last-child{color:#b5bdd4;max-width:220px;font-size:13px;line-height:1.9}.hero-ball{background:radial-gradient(circle at 33% 25%,#5f6680 0,#121724 25%,#03050a 65%);border:3px solid #c9ac55;border-radius:50%;place-items:center;width:115px;height:115px;font-size:48px;font-weight:900;display:grid;position:absolute;top:67px;left:24px;box-shadow:inset -14px -15px 22px #000c,0 15px 26px #0009}.match-card{background:linear-gradient(120deg,#223558,#15223d);border:1px solid #385176;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:16px;padding:17px;display:grid}.match-card span,.match-card small,.cue-card small,.mission small,.tournament small{color:#aebbd5;margin-top:3px;font-size:11px;display:block}.match-card strong{font-size:17px}.match-card select{color:#fff;background:#0e162b;border:1px solid #4a618a;border-radius:9px;padding:7px;font-size:12px}.match-card button{color:#251b08;background:linear-gradient(90deg,#e0b84d,#f4da7c);border:0;border-radius:13px;grid-column:1/-1;padding:13px;font-size:14px;font-weight:800}.match-card button b{float:left;font-size:18px}.quick{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.quick button{color:#fff;text-align:right;background:#141b31;border:1px solid #303a5d;border-radius:17px;align-items:center;gap:9px;padding:14px 10px;display:flex}.quick i{font-size:23px;font-style:normal}.quick small{color:#99a6c1;margin-top:3px;font-size:10px;display:block}.panel{padding-top:26px}.panel h2{margin:0 0 9px;font-size:23px}.panel>p{color:#aebbd5;margin-bottom:18px;font-size:13px;line-height:2}.cue-card,.mission,.rank,.tournament{background:#141a30;border:1px solid #2b3554;border-radius:16px;align-items:center;gap:12px;margin:10px 0;padding:13px;display:flex}.cue-card.owned{background:linear-gradient(110deg,#1b1d2b,#242038);border-color:#8d7741}.cue-stick{background:linear-gradient(90deg,#d4a658,#613914);border-radius:99px;width:54px;height:9px}.cue-card div:nth-child(2){flex:1}.cue-card button,.tournament button{color:#251c09;background:#e2bd54;border:0;border-radius:9px;padding:8px;font-size:11px}.cue-card>span{color:#9ba9c6;font-size:11px}.avatar{background:linear-gradient(145deg,#e2c65d,#725413);border:4px solid #f7e69b;border-radius:50%;place-items:center;width:85px;height:85px;margin:10px auto;font-size:42px;display:grid}.profile{text-align:center}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.stat-grid div{background:#151c32;border-radius:14px;padding:12px}.stat-grid i,.stat-grid b,.stat-grid small{display:block}.stat-grid i{font-size:20px;font-style:normal}.stat-grid b{margin:3px;font-size:19px}.stat-grid small{color:#a2aec8;font-size:10px}.mission span{color:#e5c55d;font-size:24px}.mission div{flex:1}.mission progress{accent-color:#e2bd54;width:62px}.rank b{font-size:21px}.rank span{flex:1;font-size:14px}.rank small{color:#e5c55d}.daily-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.daily-grid button{color:#fff;background:#151d34;border:1px solid #384362;border-radius:13px;min-height:76px;padding:6px;font-size:11px}.daily-grid button:first-child{background:#342c18;border-color:#e0ba50}.daily-grid small,.daily-grid b{display:block}.daily-grid small{color:#aebbd2;font-size:10px}.daily-grid b{margin-top:9px}.success{color:#80e4a9!important}.tournament div{flex:1}.game{max-width:1050px;margin:auto;padding:12px}.game-top{text-align:center;justify-content:space-between;align-items:center;margin:2px 2px 10px;font-size:11px;display:flex}.game-top>div:not(.turn){width:27%}.game-top small{color:#a8b2c9;margin-top:2px;display:block}.turn{width:42%;font-size:12px}.turn span{color:#505a73;margin:0 6px;font-size:17px}.turn span.active{color:#edc65c;text-shadow:0 0 10px #edc65c}.table-wrap{touch-action:none;background:#5a2b10;border:3px solid #c17a35;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 12px 25px #0008}.table-wrap canvas{width:100%;height:auto;display:block}.notice{color:#d5dced;text-align:center;min-height:24px;margin:9px;font-size:12px}.controls{background:#12192d;border:1px solid #2e3858;border-radius:17px;align-items:stretch;gap:12px;padding:10px;display:flex}.spin{direction:ltr;grid-template-rows:repeat(2,27px);grid-template-columns:repeat(3,28px);gap:2px;display:grid}.spin b{color:#9aa7c4;text-align:center;grid-column:1/-1;font-size:9px}.spin button{color:#fff;background:#202b47;border:1px solid #4b5879;border-radius:7px;font-size:14px;line-height:1}.power{flex:1;min-width:0}.power label{color:#b7c2da;justify-content:space-between;font-size:11px;display:flex}.power label b{color:#e7c860}.power input{accent-color:#e3bd54;width:100%;margin:5px 0}.power button{color:#251b09;background:linear-gradient(90deg,#e2bb4d,#f5dc82);border:0;border-radius:9px;width:100%;padding:7px;font-size:13px;font-weight:900}.exit{color:#9ca9c4;background:0 0;border:0;margin:10px auto 0;font-size:11px;display:block}.tutorial{z-index:20;background:#060912e8;place-items:center;padding:22px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.tutorial>div{text-align:center;background:linear-gradient(140deg,#27345a,#151b33);border:1px solid #52658d;border-radius:24px;max-width:390px;padding:25px;box-shadow:0 20px 50px #000}.tutorial span{font-size:42px}.tutorial h2{margin:9px 0;font-size:23px}.tutorial p{color:#c2cce0;font-size:13px;line-height:2}.tutorial button{color:#241b09;background:#e0bb53;border:0;border-radius:12px;width:100%;padding:12px;font-weight:700}footer{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom);background:#0d1224ed;border-top:1px solid #303959;position:fixed;bottom:0;left:0;right:0}.xp{color:#aeb9d4;direction:ltr;align-items:center;gap:7px;height:24px;padding:0 14px;font-size:9px;display:flex}.xp span{color:#edca62;font-weight:700}.xp div{background:#313b57;border-radius:99px;flex:1;height:4px;overflow:hidden}.xp i{background:#e6c258;border-radius:99px;height:100%;display:block}.bottom-nav{justify-content:space-around;height:56px;display:flex}.bottom-nav button{color:#9ba7c0;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:20%;font-size:9px;display:flex}.bottom-nav i{font-size:17px;font-style:normal}.bottom-nav button.selected{color:#f0ce62}@media(min-width:700px){.app{padding-bottom:0}header{padding:0 calc(50% - 500px)}.home{grid-template-columns:1.4fr .9fr;gap:16px;padding-top:38px;display:grid}.hero{grid-row:span 2}.match-card,.quick{margin:0}.panel{padding-top:45px}.game{padding-top:22px}.table-wrap{border-radius:22px}.controls{max-width:650px;margin:12px auto}footer{margin-top:30px;position:static}.bottom-nav,.xp{max-width:600px;margin:auto}}.game-top{position:relative;gap:8px;padding:10px;border:1px solid rgba(226,189,84,.28);border-radius:17px;background:linear-gradient(110deg,#141d34f5,#0d1325f5);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0003}.game-top>div:not(.turn){position:relative;min-height:45px;padding:3px 27px 3px 0;text-align:right}.game-top>div:not(.turn):before{content:"🎱";position:absolute;right:0;top:5px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e8c65e;font-size:13px;box-shadow:0 0 0 2px #e8c65e2e}.game-top>div:last-child{padding:3px 0 3px 27px;text-align:left}.game-top>div:last-child:before{right:auto;left:0;background:#384b87;box-shadow:0 0 0 2px #718be033}.game-top>div:not(.turn) b{display:block;overflow:hidden;color:#fff8dc;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.game-top>div:not(.turn) small{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 7px;border:1px solid rgba(166,183,214,.2);border-radius:99px;background:#070c1973;color:#c7d2ea;font-size:9px}.game-top>div:not(.turn) small:before{content:"●";color:#e5c55d;font-size:9px}.game-top>div:not(.turn) small:not(:empty){font-weight:600}.game-top .turn{align-self:center;min-width:0;padding:0 5px;color:#d8e0f2}.game-top .turn b{display:inline-block;max-width:114px;overflow:hidden;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}@media(max-width:390px){.game-top{padding:8px 6px;gap:2px}.game-top>div:not(.turn){padding-right:24px}.game-top>div:last-child{padding-right:0;padding-left:24px}.game-top>div:not(.turn) b{font-size:10px}.game-top>div:not(.turn) small{font-size:8px;padding:2px 4px}.game-top .turn{font-size:10px}.game-top .turn b{max-width:84px}.game-top .turn span{margin:0 2px}}