/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Vazirmatn", system-ui, sans-serif;--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;@layer utilities{.visible{visibility:visible}.block{display:block}.hidden{display:none}.table{display:table}.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,)}}html{font-family:Vazirmatn,system-ui,sans-serif}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.shop-page{min-height:100dvh;background:linear-gradient(155deg,#f7f7ff,#eaf3ff 65%,#fff8ee);padding:env(safe-area-inset-top) 16px calc(35px + env(safe-area-inset-bottom))}.shop-inner{width:100%;max-width:1200px;margin:auto}.shop-header{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:28px 0}.shop-header>div:nth-child(2){flex:1 1 280px}.shop-header h1{display:flex;align-items:center;gap:11px;font-size:clamp(26px,5vw,42px);line-height:1.4;margin:3px 0;color:#202347}.shop-header h1 svg{color:#6551d4;flex:none}.shop-header p{font-size:14px;color:#65738a;margin:0}.shop-balances{display:flex;flex-wrap:wrap;gap:8px}.shop-balances span{display:inline-flex;align-items:center;gap:7px;border:1px solid #e3e6f0;background:#fff;border-radius:99px;padding:9px 14px;font-weight:800;color:#30415e;font-size:14px}.shop-balances svg{color:#e2a737}.shop-balances span+span svg{color:#7161d9}.shop-tabs{display:flex;gap:8px;border-bottom:1px solid #dfe4f0;margin:0 0 18px;overflow-x:auto}.shop-tabs button{min-height:49px;padding:8px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:#66738a;font-weight:800;white-space:nowrap}.shop-tabs button.active{border-color:#6551d4;color:#5542c5}.shop-notice{padding:10px 15px;border-radius:12px;background:#eae6ff;color:#4939a6;font-weight:800;font-size:14px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{min-width:0;background:#fff;border:1px solid #e4e7f2;border-radius:19px;overflow:hidden;box-shadow:0 12px 28px #293e790c}.shop-card.equipped{border-color:#6551d4}.hero-preview{height:125px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-head{position:absolute;top:31px;width:65px;height:61px;border-radius:49% 49% 42% 42%;box-shadow:inset -10px -5px #24335a25;z-index:2}.preview-head:before,.preview-head:after{content:"";position:absolute;top:-7px;width:19px;height:24px;border-radius:60% 60% 20% 20%;background:inherit}.preview-head:before{left:3px;transform:rotate(-22deg)}.preview-head:after{right:3px;transform:rotate(22deg)}.preview-head i{position:absolute;right:12px;top:20px;width:9px;height:12px;border-radius:50%;background:#1e3456;box-shadow:inset 2px 2px #fff}.preview-hat{position:absolute;top:19px;width:64px;height:13px;border-radius:15px;z-index:3;transform:rotate(-7deg);box-shadow:0 4px #2c2a5666}.preview-body{position:absolute;top:78px;width:49px;height:40px;border-radius:20px 20px 8px 8px}.preview-feet{position:absolute;top:109px;width:68px;height:12px;border-radius:12px;box-shadow:inset 0 -3px #fff8}.shop-card-info{padding:13px}.shop-card h2{font-size:14px;line-height:1.5;margin:0 0 4px;color:#262d4e}.shop-card p{font-size:12px;line-height:1.6;color:#708096;margin:0 0 12px;min-height:38px}.shop-action{min-height:44px;width:100%;border:1px solid #6551d4;border-radius:10px;background:#6551d4;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800;padding:6px}.shop-action:hover:not(:disabled){background:#4c3bb3}.shop-action.selected{background:#eff8f6;border-color:#c5e5d8;color:#328565}.power-icon{height:90px;display:grid;place-items:center;font-size:39px;background:linear-gradient(125deg,#eae5ff,#e7f6ff)}.owned-count{display:block;font-size:12px;color:#5845c9;font-weight:800;margin-bottom:10px}.shop-footer-note{display:flex;align-items:flex-start;gap:8px;margin:24px 0;font-size:14px;color:#61738c}.shop-footer-note svg{flex:none;color:#8c6bd1;margin-top:3px}@media(min-width:700px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-preview{height:145px}}@media(min-width:1000px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.power-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.hero-preview.costume-1 .preview-hat{width:77px;height:71px;top:23px;border:4px solid #e9f9ff99;border-radius:50%;box-shadow:0 0 15px #e9f9ff88;z-index:4}.hero-preview.costume-2 .preview-hat{top:37px;height:8px;width:78px;transform:rotate(8deg)}.hero-preview.costume-2 .preview-body{border:3px solid #ffffff66}.hero-preview.creature-1 .preview-head,.hero-preview.creature-7 .preview-head{border-radius:45% 45% 32% 32%;width:72px}.hero-preview.creature-2 .preview-head:before,.hero-preview.creature-2 .preview-head:after,.hero-preview.creature-9 .preview-head:before,.hero-preview.creature-9 .preview-head:after{height:39px;top:-27px;width:14px}.hero-preview.creature-5 .preview-head,.hero-preview.creature-10 .preview-head{width:77px;border-radius:52%}.hero-preview.creature-11 .preview-head:before,.hero-preview.creature-8 .preview-head:after{transform:rotate(42deg);height:30px}.hero-preview.creature-3 .preview-head,.hero-preview.creature-8 .preview-head{box-shadow:inset -13px -5px #172a504d}.hero-preview.creature-6 .preview-head i,.hero-preview.creature-7 .preview-head i{box-shadow:inset 2px 2px #fff,-18px 0 #1e3456}@media(max-width:410px){.shop-header{gap:10px}.shop-header>button{order:0}.shop-header>div:nth-child(2){order:1}.shop-balances{order:2;width:100%}.shop-balances span{font-size:12px;padding:7px 10px}.shop-card-info{padding:10px}.shop-card h2{font-size:13px}.shop-card p,.shop-action{font-size:11px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6ff;color:#202347;font-family:Vazirmatn,sans-serif;line-height:1.7}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #71b9ff;outline-offset:3px}a{text-decoration:none;color:inherit}.home-page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(160deg,#f7f7ff,#fff9f5 56%,#f7f9ff)}.home-glow{position:absolute;border-radius:50%;pointer-events:none}.glow-one{width:500px;height:500px;background:#e5f5ff;filter:blur(90px);top:80px;left:-250px}.glow-two{width:480px;height:480px;background:#fff2e0;filter:blur(110px);top:400px;right:-240px}.site-header,.home-main{width:100%;max-width:1200px;margin:auto;padding-right:24px;padding-left:24px;position:relative}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:900;letter-spacing:-.5px}.brand-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#5845c9;color:#fff;font-size:27px;line-height:1;box-shadow:0 8px 20px #5845c950}.brand-period{color:#ecaa3d}.header-right{display:flex;align-items:center;gap:28px}.header-tag{font-size:13px;font-weight:700;color:#356286;background:#e9f5fd;border-radius:99px;padding:7px 13px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;flex:none;width:8px;height:8px;background:#32b989;border-radius:50%;box-shadow:0 0 0 4px #32b98929}.how-link{border:0;background:none;display:flex;gap:8px;align-items:center;color:#38506b;font-weight:700;font-size:14px;min-height:44px}.how-link:hover{color:#1d78d1}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:590px;padding:54px 0 75px}.hero-copy{position:relative;z-index:1}.hero-kicker,.eyebrow{color:#247fc9;font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:9px}.kicker-line{width:24px;height:2px;background:#edaf50}.hero h1{font-size:clamp(44px,5.1vw,75px);line-height:1.28;letter-spacing:-1.3px;margin:22px 0;font-weight:900}.hero h1 span{color:#6550d8}.hero-copy>p{max-width:490px;font-size:17px;line-height:2.05;color:#65758a;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-btn,.outline-btn{min-height:51px;border-radius:13px;padding:10px 21px;border:1px solid transparent;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;font-size:15px}.primary-btn{background:#5e4bd4;color:#fff;box-shadow:0 11px 22px #5845c944}.primary-btn:hover:not(:disabled){background:#4938b7;box-shadow:0 14px 25px #5845c955;transform:translateY(-2px)}.outline-btn{border-color:#d4e0eb;color:#2c4865;background:#fff}.outline-btn:hover{border-color:#70aee6;color:#1674cb;transform:translateY(-2px)}.flip{transform:rotate(180deg)}.hero-start{padding-inline:23px}.hero-stats{display:flex;align-items:center;gap:25px;margin-top:57px}.hero-stats>div:not(.stat-divider){display:flex;flex-direction:column}.hero-stats strong{font-size:26px;font-weight:900;line-height:1.2;color:#243f5a}.hero-stats span{font-size:12px;color:#8292a4;font-weight:600}.stat-divider{width:1px;height:33px;background:#dee6ed}.hero-art{height:460px;border-radius:36px;position:relative;overflow:hidden;background:linear-gradient(180deg,#222556,#7056a7 57%,#fb9b8e);box-shadow:0 32px 60px #44319a35,inset 0 0 0 1px #ffffff87}.art-sun{position:absolute;left:78px;top:53px;width:95px;height:95px;background:#fff0af;border-radius:50%;box-shadow:0 0 0 17px #fff7c544,0 0 80px #fff3a9}.art-cloud{position:absolute;width:102px;height:23px;border-radius:50%;background:#ffffffc7}.art-cloud:before,.art-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.art-cloud:before{width:54px;height:34px;left:16px;top:-18px}.art-cloud:after{width:40px;height:29px;right:9px;top:-12px}.cloud-a{right:50px;top:93px}.cloud-b{left:42px;top:191px;transform:scale(.72)}.art-hill{position:absolute;width:140%;height:300px;border-radius:50% 50% 0 0}.hill-back{background:#5a5499;bottom:-125px;left:-90px;transform:rotate(-7deg)}.hill-front{background:#343e7b;bottom:-175px;right:-90px;transform:rotate(10deg)}.art-path{position:absolute;bottom:0;width:100%;height:111px;background:#1e2958;border-top:13px solid #65e5df;overflow:hidden}.art-checkers{height:100%;opacity:.16;background:conic-gradient(#273339 25%,transparent 0 50%,#273339 0 75%,transparent 0);background-size:44px 44px}.art-ring{position:absolute;border:9px solid #ffd56d;border-radius:50%;width:37px;height:47px;box-shadow:0 3px #b57b2e,inset 0 2px #fff3c4}.ring-a{top:225px;left:100px}.ring-b{top:181px;left:165px}.ring-c{top:148px;left:227px}.art-character{position:absolute;right:120px;bottom:96px;width:105px;height:112px;background:#53e0d9;border-radius:48% 53% 45% 45%;transform:rotate(-11deg);box-shadow:inset -14px -9px #22a9b7,0 15px 25px #183b5140}.art-spike{position:absolute;width:72px;height:15px;border-radius:99px;background:#ffe08b;right:83px;top:67px;transform:rotate(14deg);box-shadow:-27px 15px 0 -3px #fff4ab}.art-face{position:absolute;width:59px;height:44px;background:#effcff;right:-5px;top:32px;border-radius:55% 40% 50% 50%;transform:rotate(-10deg)}.art-eye{position:absolute;width:14px;height:23px;border-radius:50%;background:#273458;right:21px;top:36px;box-shadow:inset 4px 2px #fff}.art-shoe{position:absolute;width:57px;height:21px;border-radius:20px 20px 10px 10px;background:#ef6373;bottom:-8px;box-shadow:inset 0 -5px #fff}.shoe-a{right:40px;transform:rotate(12deg)}.shoe-b{right:-28px;bottom:-1px;transform:rotate(-15deg)}.art-speed{position:absolute;height:5px;background:#ffffffa8;border-radius:5px}.speed-a{width:100px;right:260px;bottom:157px}.speed-b{width:63px;right:290px;bottom:138px}.art-label{position:absolute;right:25px;top:25px;background:#ffffffed;color:#2b5573;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:800;box-shadow:0 7px 18px #33677f18}.art-label span{color:#f1ae3e;font-size:17px;margin-left:5px}.features-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:110px}.feature{border:1px solid #e6edf3;background:#fff;box-shadow:0 12px 30px #2c608309;border-radius:18px;display:flex;align-items:flex-start;gap:16px;padding:25px 21px}.feature-icon{width:47px;height:47px;flex:none;display:grid;place-items:center;border-radius:13px}.feature-icon.blue{background:#e5f3ff;color:#2383d5}.feature-icon.gold{background:#fff4df;color:#e5a637}.feature-icon.purple{background:#f0edff;color:#8977d2}.feature strong{display:block;font-weight:900;font-size:16px}.feature p{font-size:13px;color:#7d8a9b;margin:4px 0 0;line-height:1.85}.ring-mark{display:inline-block;width:20px;height:20px;border:5px solid #f5c34f;border-radius:50%;box-shadow:0 1px #b78025;flex:none}.room-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:0 20px 115px}.room-intro h2{font-size:clamp(33px,3.5vw,48px);font-weight:900;line-height:1.45;letter-spacing:-.7px;margin:18px 0}.room-intro h2 span{color:#207cd5}.room-intro>p{color:#718094;font-size:16px;line-height:2;max-width:460px}.room-note{display:flex;align-items:flex-start;gap:11px;background:#e9f4fb;border-radius:13px;color:#4d6e86;padding:14px 16px;max-width:480px;margin-top:26px;font-size:13px;line-height:1.9}.room-note svg{flex:none;margin-top:4px;color:#207cd5}.room-card{background:#fff;padding:29px;border:1px solid #e5edf5;border-radius:24px;box-shadow:0 25px 65px #1f577e13}.room-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:25px}.room-card-icon{height:50px;width:50px;display:grid;place-items:center;background:#e7f3ff;color:#237dd0;border-radius:14px}.room-card h3{font-size:20px;margin:0;font-weight:900}.room-card-heading p{font-size:13px;margin:0;color:#8a98a7}.room-card label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.room-card input{height:49px;width:100%;border:1px solid #dce6ef;border-radius:11px;background:#fbfdff;padding:0 14px;color:#24394d;outline:none;min-width:0}.room-card input:focus{border-color:#2081da;box-shadow:0 0 0 3px #2081da1a}.room-card input::placeholder{color:#acb9c5}.create-btn{width:100%;margin-top:16px}.create-btn .flip{margin-right:auto}.or-divider{display:flex;align-items:center;gap:14px;color:#9aa9b7;font-size:12px;margin:22px 0}.or-divider:before,.or-divider:after{content:"";height:1px;flex:1;background:#e7edf3}.join-row{display:flex;gap:9px;min-width:0}.join-row input{text-align:center;font-size:17px;letter-spacing:5px;direction:ltr;flex:1}.join-row button{border:1px solid #dce6ef;background:#f5f9fc;color:#2d587a;border-radius:11px;padding:0 18px;display:flex;align-items:center;gap:7px;min-height:49px;font-size:13px;font-weight:800;white-space:nowrap}.join-row button:hover{background:#e7f3ff;color:#1877c9}.form-error{font-size:13px;color:#bf4353;margin:11px 0 0}.copy-code{margin-top:12px;border:0;color:#1a74c8;background:none;display:flex;gap:6px;align-items:center;font-size:13px;font-weight:800}.site-footer{border-top:1px solid #e7edf3;padding:25px 0;display:flex;justify-content:space-between;color:#8a98aa;font-size:13px}.site-footer span:first-child{font-size:17px;font-weight:900;color:#356183}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#152a45a8;display:grid;place-items:center;padding:20px}.help-modal{position:relative;width:100%;max-width:500px;background:#fff;border-radius:22px;padding:35px;box-shadow:0 25px 80px #13294044}.help-modal h2{font-size:25px;margin:17px 0 10px}.help-modal p{font-size:14px;color:#66788b;line-height:2}.help-modal .primary-btn{margin-top:10px}.modal-close{position:absolute;left:20px;top:15px;font-size:27px;border:0;background:none;color:#8191a1;width:44px;height:44px}.game-page{min-height:100dvh;background:radial-gradient(circle at 50% -20%,#393e83,#171c3d 70%);color:#f5f5ff;padding:env(safe-area-inset-top) 24px calc(40px + env(safe-area-inset-bottom))}.top-stage-badge{font-size:12px;font-weight:900;color:#9e91f6}.game-top{max-width:1330px;margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-back,.sound-btn{border:1px solid #6f72b066;background:#ffffff14;min-height:43px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 13px;border-radius:10px;color:#f0efff;font-size:13px;font-weight:800}.top-back:hover,.sound-btn:hover{color:#1b7bd0;border-color:#90bdeb}.game-top-title{font-size:12px;font-weight:800;display:flex;flex-direction:column;align-items:center;line-height:1.35;color:#bab8df}.game-top-title strong{font-size:19px;color:#fff}.challenge-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.challenge-tags span{font-size:11px;font-weight:800;background:#6854d727;color:#baaeff;border:1px solid #8c7ce646;border-radius:99px;padding:5px 9px}.checkpoint-note{margin-top:16px!important;color:#99e8d7!important}.boost-chip{background:#5cd8d6!important;color:#193455!important}.mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.mode-picker button{min-height:46px;border:1px solid #dce6ef;background:#f8faff;border-radius:11px;color:#526985;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800}.mode-picker button.selected{background:#eeeaff;border-color:#7662dd;color:#5845c9}.mode-picker button:hover{border-color:#7662dd}.timer-chip{font-variant-numeric:tabular-nums}.record-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;font-size:13px;color:#d5d0f5}.record-line svg{color:#f9d16a}.record-line strong{color:#fff;font-size:13px}.boss-status{margin-top:8px!important;color:#ffb8c8!important}.race-wait{position:absolute;top:0;right:0;bottom:0;left:0;background:#121b3bc9;display:grid;place-items:center;text-align:center;padding:18px;color:#fff;font-weight:900;font-size:clamp(15px,3vw,24px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.race-side-results{margin-top:14px;padding-top:12px;border-top:1px solid #aaa6e335;font-size:12px;color:#c1c1df}.race-side-results>div{display:flex;justify-content:space-between;gap:8px;padding:4px 0}.race-side-results b{color:#ffe19a}.race-standings{width:min(100%,310px);max-height:100px;overflow-y:auto;margin:0 0 12px}.race-standings>div{display:flex;justify-content:space-between;gap:12px;padding:3px 9px;font-size:13px;border-bottom:1px solid #ffffff44}.race-standings b{font-variant-numeric:tabular-nums}.game-top-divider{color:#abbccc;margin:0 5px}.sound-btn{min-width:43px;padding:7px}.game-layout{max-width:1330px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 267px;gap:22px;align-items:start}.arena-wrap{min-width:0}.arena{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;box-shadow:0 28px 60px #090c2599,0 0 0 1px #9489ef55;background:#171f4f;border:5px solid #4d4b83}.arena canvas{display:block;width:100%;height:100%;object-fit:fill}.canvas-hud{position:absolute;top:18px;right:18px;left:18px;display:flex;align-items:center;gap:8px;pointer-events:none}.hud-chip{height:34px;min-width:61px;padding:3px 11px;border-radius:99px;background:#17314bbd;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-chip .ring-mark{width:16px;height:16px;border-width:4px}.stage-chip{margin-right:auto}.progress-track{position:absolute;height:5px;background:#ffffff6b;bottom:0;left:0;right:0}.progress-track>div{height:100%;background:#f9d16a;transition:width .2s}.game-sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-card{background:#ffffff10;border:1px solid #aaa6e335;border-radius:16px;padding:21px;box-shadow:0 10px 25px #090c2526}.sidebar-card h2{font-size:21px;margin:8px 0;font-weight:900}.sidebar-card p{font-size:13px;line-height:1.9;color:#c1c1df;margin:0}.sidebar-progress{display:flex;justify-content:space-between;font-size:12px;color:#8191a1;margin-top:25px}.sidebar-progress strong{color:#2783d6}.sidebar-bar{height:7px;border-radius:10px;background:#e9f1f6;margin-top:8px;overflow:hidden}.sidebar-bar>div{height:100%;background:#3f9ee6;border-radius:10px}.controls-card,.multiplayer-card{display:flex;gap:12px;align-items:flex-start}.controls-card>svg,.multiplayer-card>svg{flex:none;color:#2888d6;margin-top:3px}.sidebar-card strong{font-size:14px}.multiplayer-card>svg{color:#8d76d5}.mobile-controls{display:flex;justify-content:space-between;margin:25px 0;touch-action:none;-webkit-user-select:none;user-select:none}.direction-controls{display:flex;gap:12px}.touch-btn{height:71px;width:71px;border:2px solid #7776ad;border-radius:20px;background:#373a73;color:#f6f3ff;display:grid;place-items:center;box-shadow:0 6px #161a42;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-btn:active{transform:translateY(4px);box-shadow:0 2px #dce8f1;background:#eef8ff}.touch-btn.jump-btn{width:102px;background:#6853d9;color:#fff;border-color:#8e7be8;box-shadow:0 6px #322674;font-weight:900}.touch-btn.jump-btn:active{background:#146ab9;box-shadow:0 2px #125b9c}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#172b43bc;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-overlay h2{font-size:29px;margin:7px 0}.game-overlay p{font-size:14px;margin:0 0 19px;color:#e6edf5}.overlay-icon{font-size:47px;color:#ffcc72;line-height:1}.overlay-icon.success{color:#ffe18a}.session-page{min-height:100dvh;background:#171c3d}.room-banner{color:#e4e3ff}.room-banner{max-width:1330px;padding:10px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#e4e3ff}.room-banner>div,.room-banner button{display:flex;align-items:center;gap:9px}.room-banner strong{color:#a99afa;letter-spacing:2px;font-size:15px}.room-banner button{border:0;background:none;color:#a99afa;font-weight:800;min-height:44px}.session-page .game-page{min-height:calc(100dvh - 50px)}.end-screen{min-height:100dvh;background:radial-gradient(circle at 50% 32%,#d7efff,#f7fbff 55%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.end-screen h1{font-size:clamp(32px,5vw,55px);margin:13px 0;color:#1d4568}.end-screen p{max-width:460px;color:#6f8193;margin:0 0 25px}.end-spark{font-size:80px;color:#f0b946;line-height:1;margin-bottom:15px}.end-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-hub{min-height:100dvh;background:linear-gradient(155deg,#f7f7ff,#eaf4ff 65%,#fff8ee);padding:env(safe-area-inset-top) 16px calc(36px + env(safe-area-inset-bottom))}.hub-inner{width:100%;max-width:1200px;margin:auto}.hub-header{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:28px 0}.hub-header h1{font-size:clamp(30px,5vw,48px);line-height:1.3;margin:5px 0;color:#202347}.hub-header p{color:#66788b;margin:0}.hub-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.hub-panel{background:#fff;border:1px solid #e0e8f4;border-radius:22px;padding:20px;box-shadow:0 15px 36px #2439770c;min-width:0}.hub-panel>h2{display:flex;align-items:center;gap:9px;font-size:21px;margin:0 0 16px}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stage-tile{min-width:0;min-height:83px;border:1px solid #e5e9f4;border-radius:14px;background:#f8f9ff;padding:10px;text-align:right;color:#283750;transition:transform .2s,border-color .2s,background .2s}.stage-tile:hover{transform:translateY(-2px);border-color:#7563df}.stage-tile.active{border-color:#6652d4;background:#efecff;box-shadow:inset 0 0 0 1px #6652d4}.stage-tile.locked{color:#8995a8;background:#f7f8fa}.stage-tile span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e7e4ff;color:#5845c9;font-weight:900}.stage-tile.locked span{background:#ecedf1;color:#929aaa}.stage-tile small{display:block;font-size:11px;line-height:1.5;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-details>h2{margin:9px 0;font-size:23px}.hub-details>p{font-size:14px;color:#66788b;line-height:1.8}.hub-details label{display:block;font-size:14px;font-weight:800;margin:19px 0 7px}.hub-details input{width:100%;height:48px;border:1px solid #dce6ef;border-radius:11px;padding:0 13px;outline:none}.hub-details input:focus{border-color:#6652d4}.hub-play{width:100%;margin:16px 0 22px}.hub-leaderboard{border-top:1px solid #e6eaf3;padding-top:14px}.hub-leaderboard h3{font-size:16px;display:flex;align-items:center;gap:8px;margin:0 0 14px}.hub-leaderboard h3 svg{color:#e5a637}.hub-leaderboard ol{margin:0;padding:0;list-style:none;max-height:360px;overflow-y:auto}.hub-leaderboard li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px;border-bottom:1px solid #edf0f6;font-size:14px}.hub-leaderboard li span{min-width:0;overflow-wrap:anywhere}.hub-leaderboard li span b{display:inline-grid;place-items:center;background:#eeeaff;color:#5845c9;border-radius:8px;min-width:29px;height:29px;margin-left:7px}.hub-leaderboard li strong{direction:ltr;white-space:nowrap;font-variant-numeric:tabular-nums}.leaderboard-state{color:#65768c;font-size:14px;min-height:65px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.leaderboard-state button{border:0;background:#eeeaff;color:#5845c9;border-radius:9px;padding:8px 12px;display:flex;align-items:center;gap:5px;min-height:44px}@media(min-width:700px){.hub-header{flex-direction:row;align-items:center;justify-content:space-between}.hub-header .outline-btn{order:2}.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1000px){.hub-layout{grid-template-columns:minmax(0,1fr) 340px}.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-tile{min-height:100px}.stage-tile small{font-size:12px}}@media(max-width:1050px){.hero{gap:25px}.hero-art{height:400px}.art-character{right:65px}.room-section{gap:40px;padding-inline:0}.game-layout{grid-template-columns:minmax(0,1fr) 225px}.sidebar-card{padding:16px}}@media(max-width:750px){.arena{aspect-ratio:auto;height:clamp(270px,78vw,380px)}.arena canvas{width:100%;height:100%}.site-header,.home-main{padding-inline:18px}.site-header{height:76px}.brand{font-size:23px}.header-tag{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0 45px;min-height:0}.hero h1{font-size:clamp(40px,9vw,60px);margin:15px 0}.hero-copy>p{font-size:15px}.hero-stats{margin-top:34px;gap:20px}.hero-art{height:340px;order:-1}.art-sun{width:72px;height:72px;left:45px;top:45px}.art-character{transform:scale(.85) rotate(-11deg);right:80px;bottom:76px}.art-path{height:85px}.art-ring{transform:scale(.8)}.ring-a{top:155px}.ring-b{top:125px}.ring-c{top:102px}.features-section{grid-template-columns:1fr;gap:10px;padding-bottom:74px}.feature{padding:18px}.room-section{grid-template-columns:1fr;padding-bottom:70px;gap:24px}.room-intro h2{font-size:36px}.game-layout{grid-template-columns:1fr}.game-sidebar{display:none}.game-page{padding:0 12px 28px}.game-top{min-height:65px}.arena{border-width:3px;border-radius:12px}.mobile-controls{margin-top:21px}.touch-btn{height:70px;width:70px}.touch-btn.jump-btn{width:100px}}@media(max-width:420px){.site-header,.home-main{padding-inline:16px}.how-link{font-size:0;gap:0;min-width:44px;justify-content:center}.how-link svg{width:21px;height:21px}.hero-art{height:278px;border-radius:24px}.art-character{right:42px;bottom:65px;transform:scale(.7) rotate(-11deg)}.art-ring{transform:scale(.68)}.ring-a{left:43px;top:115px}.ring-b{left:86px;top:86px}.ring-c{left:130px;top:65px}.art-label{right:10px;top:13px}.hero h1{font-size:42px}.hero-actions{align-items:stretch}.hero-actions a,.hero-actions button{flex:1 1 100%}.hero-stats{gap:13px;justify-content:space-between}.hero-stats strong{font-size:23px}.hero-stats span{font-size:10px}.stat-divider{height:29px}.room-card{padding:20px}.join-row button{padding:0 11px}.game-top-title{font-size:11px}.game-top-title strong{font-size:14px}.top-back{font-size:12px;padding:6px 8px}.canvas-hud{top:8px;left:7px;right:7px;gap:4px}.hud-chip{height:26px;font-size:11px;padding:2px 7px;min-width:47px}.hud-chip svg{width:13px}.timer-chip{padding-inline:5px;gap:3px;font-size:10px}.stage-chip{padding-inline:4px}.hud-chip .ring-mark{width:13px;height:13px;border-width:3px}.touch-btn{width:65px;height:65px}.touch-btn.jump-btn{width:88px}.room-banner{padding-inline:12px}.site-footer{font-size:11px}}@media(max-width:360px){.hero h1{font-size:37px}.hero-stats{gap:7px}.game-top-title{max-width:123px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.join-row input{letter-spacing:2px}}.game-top-actions{display:flex;align-items:center;gap:7px;flex:none}.game-top-actions .sound-btn{min-width:44px;min-height:44px}.mobile-controls{position:relative;display:block;height:124px;margin:18px 0 8px;touch-action:none;-webkit-user-select:none;user-select:none}.positioned-touch{position:absolute;transform:translate(-50%,-50%);z-index:2}.settings-backdrop{z-index:100;overflow-y:auto;align-items:start}.settings-panel{background:#fff;color:#222647;width:100%;max-width:580px;margin:auto;border-radius:24px;padding:24px;box-shadow:0 30px 80px #12153160}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-heading h2{font-size:26px;margin:5px 0 0}.settings-close{width:44px;height:44px;border:1px solid #e6e5f1;border-radius:12px;background:#f7f7ff;color:#4a4c71;display:grid;place-items:center;flex:none}.settings-section{border-top:1px solid #e9eaf2;margin-top:19px;padding-top:18px}.settings-section h3{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 4px}.settings-section>p{color:#65738a;font-size:14px;line-height:1.8;margin:0 0 14px}.difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.difficulty-options button{min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #dfe3f0;border-radius:13px;background:#f9faff;color:#33405b}.difficulty-options button.active{background:#eeeaff;border-color:#6551d4;color:#5140b9;box-shadow:inset 0 0 0 1px #6551d4}.difficulty-options button small{font-size:12px}.settings-section .settings-note{color:#6b569e;margin:10px 0 0;font-size:13px}.volume-row{display:block;margin:14px 0}.volume-row span{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}.volume-row b{color:#5845c9}.volume-row input{width:100%;accent-color:#6551d4;cursor:pointer;min-height:32px}.controls-editor{height:125px;position:relative;border:2px dashed #aaa3e9;border-radius:17px;background:linear-gradient(135deg,#f4f2ff,#e9f4ff);touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.editor-control{position:absolute;transform:translate(-50%,-50%);width:66px;height:60px;border:2px solid #7873b9;background:#363975;color:#fff;border-radius:16px;display:grid;place-items:center;font-weight:800;touch-action:none;cursor:grab;box-shadow:0 5px #242453}.editor-control.editor-jump{width:84px;background:#6652d4;border-color:#a094ef}.editor-control.dragging{cursor:grabbing;box-shadow:0 8px 18px #26225260;z-index:3}.settings-reset{min-height:44px;border:0;background:transparent;color:#5947c4;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px;margin-top:5px}.settings-done{width:100%;margin-top:14px}@media(max-width:420px){.settings-panel{padding:18px;border-radius:18px}.settings-heading h2{font-size:22px}.header-right{gap:5px}.game-top{gap:6px}.game-top-actions{gap:3px}.game-top-actions .sound-btn{padding:6px}.mobile-controls{height:124px}}.power-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.power-button{position:relative;min-width:0;min-height:69px;border-radius:12px;background:#ffffff16;border:1px solid #aaa6e354;color:#fff;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:background .2s,transform .2s}.power-button:hover:not(:disabled){background:#7c69df;transform:translateY(-2px)}.power-button:disabled{opacity:.45}.power-button.power-running{border-color:#90e7f9;background:#347b91a1}.power-button span{font-size:20px;line-height:1}.power-button small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.power-button b{font-size:11px;color:#ffe097}.power-button em{position:absolute;top:2px;left:5px;font-size:9px;font-style:normal;opacity:.6}.item-message{font-size:13px;color:#ffdf9b;min-height:25px;margin:5px 0;text-align:center}.wallet-hud svg{color:#ffe098}@media(max-width:750px){.power-bar{gap:5px}.power-button{min-height:60px}.power-button small{font-size:10px}}@media(max-width:420px){.wallet-hud{min-width:30px;padding:2px 4px;gap:2px}.wallet-hud svg{width:11px;height:11px}.wallet-hud b{font-size:10px}.power-button span{font-size:17px}.power-button small{font-size:9px}.power-button b{font-size:10px}}