/*! tailwindcss v4.3.1 | 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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-xl:calc(var(--radius) + 4px);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Arial", "Helvetica Neue", sans-serif;--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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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]){appearance:button}::file-selector-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}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.col-start-2{grid-column-start:2}.row-start-2{grid-row-start:2}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-screen{min-height:100vh}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:hsl(var(--border))}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:hsl(var(--border))}.bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-muted{background-color:hsl(var(--muted))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-warning{color:hsl(var(--warning))}.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,)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary{--tw-ring-color:hsl(var(--primary))}.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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--background:40 20% 95%;--foreground:195 12% 12%;--card:40 16% 98%;--card-foreground:195 12% 12%;--popover:40 16% 98%;--popover-foreground:195 12% 12%;--primary:21 82% 47%;--primary-foreground:0 0% 100%;--secondary:40 10% 90%;--secondary-foreground:195 12% 12%;--muted:40 10% 90%;--muted-foreground:190 5% 39%;--accent:30 19% 86%;--accent-foreground:195 12% 12%;--destructive:1 66% 43%;--destructive-foreground:0 0% 100%;--success:151 39% 32%;--success-foreground:0 0% 100%;--warning:27 85% 39%;--warning-foreground:0 0% 100%;--info:190 30% 37%;--info-foreground:0 0% 100%;--border:40 8% 78%;--input:40 8% 70%;--ring:21 82% 47%;--scene-ink:190 9% 8%;--scene-foreground:40 18% 94%;--scene-muted:40 10% 74%;--chalk:40 18% 85%;--chalk-foreground:190 9% 8%;--moss:142 10% 43%;--moss-foreground:40 18% 94%;--carbon:196 11% 23%;--carbon-foreground:40 18% 94%;--signal:22 83% 57%;--signal-foreground:190 9% 8%;--radius:.375rem;--shadow-sm:0 2px 4px hsl(var(--foreground) / .06);--shadow-md:0 8px 24px hsl(var(--foreground) / .12);--shadow-lg:0 24px 80px hsl(var(--foreground) / .24);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.2, .8, .2, 1)}.dark{--background:190 6% 10%;--foreground:40 18% 94%;--card:190 6% 13%;--card-foreground:40 18% 94%;--popover:190 7% 11%;--popover-foreground:40 18% 94%;--primary:22 83% 57%;--primary-foreground:190 9% 8%;--secondary:190 6% 17%;--secondary-foreground:40 18% 94%;--muted:190 6% 17%;--muted-foreground:40 6% 65%;--accent:190 5% 22%;--accent-foreground:40 18% 94%;--destructive:2 70% 57%;--destructive-foreground:190 9% 8%;--success:151 32% 62%;--success-foreground:190 9% 8%;--warning:34 85% 65%;--warning-foreground:190 9% 8%;--info:187 30% 65%;--info-foreground:190 9% 8%;--border:190 5% 25%;--input:190 5% 32%;--ring:22 83% 57%;--scene-ink:190 9% 8%;--scene-foreground:40 18% 94%;--scene-muted:40 10% 74%;--chalk:40 18% 85%;--chalk-foreground:190 9% 8%;--moss:142 10% 43%;--moss-foreground:40 18% 94%;--carbon:196 11% 23%;--carbon-foreground:40 18% 94%;--signal:22 83% 57%;--signal-foreground:190 9% 8%}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica Neue,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid hsl(var(--ring))}button{transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}input[type=range]{accent-color:hsl(var(--primary));cursor:pointer;min-height:24px}select{border:1px solid hsl(var(--input));background:hsl(var(--secondary));width:100%;color:hsl(var(--secondary-foreground));border-radius:var(--radius);padding:12px}.game-app{background:hsl(var(--scene-ink));min-height:100svh;color:hsl(var(--scene-foreground));position:relative;overflow:hidden}.world-canvas{z-index:0;width:100%;height:100svh;position:fixed;inset:0}.world-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.cinematic-shade{pointer-events:none;background:linear-gradient(90deg, hsl(var(--scene-ink) / .97) 0%, hsl(var(--scene-ink) / .84) 26%, hsl(var(--scene-ink) / .12) 73%), linear-gradient(0deg, hsl(var(--scene-ink)) 0%, hsl(var(--scene-ink) / .92) 18%, transparent 62%, hsl(var(--scene-ink) / .3) 100%);position:absolute;inset:0}.menu-header{z-index:2;justify-content:space-between;align-items:center;gap:24px;max-width:1680px;margin:auto;padding:32px 5%;display:flex;position:relative}.logo{color:hsl(var(--scene-foreground));flex-shrink:0}.logo svg{color:hsl(var(--signal));width:26px;height:30px}.logo-type{letter-spacing:-1px;font-size:23px;font-style:italic;font-weight:900;line-height:1}.logo-type small{letter-spacing:1.8px;margin-top:7px;font-size:10px;font-style:normal;font-weight:500;display:block}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav button{color:hsl(var(--scene-muted));letter-spacing:1.5px;background:0 0;border:0;padding:16px 0;font-size:11px;font-weight:600;position:relative}.desktop-nav button:hover,.desktop-nav button.active{color:hsl(var(--scene-foreground))}.desktop-nav button.active:after{content:"";background:hsl(var(--signal));height:2px;position:absolute;bottom:0;left:0;right:0}.coin-balance{border:1px solid hsl(var(--scene-muted) / .22);background:hsl(var(--scene-ink) / .32);color:hsl(var(--scene-foreground));border-radius:var(--radius);align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.coin-balance svg{color:hsl(var(--signal))}.header-icon{color:hsl(var(--scene-foreground));background:0 0;padding:10px}.menu-main{z-index:1;max-width:1680px;margin:0 auto;padding:0 5%;position:relative}.hero-copy{max-width:640px;padding-top:64px;padding-bottom:64px}.eyebrow{letter-spacing:2.1px;color:hsl(var(--muted-foreground));align-items:center;gap:9px;font-size:10px;font-weight:600;line-height:16px;display:flex}.hero-copy .eyebrow{color:hsl(var(--scene-muted))}.signal-dot{background:hsl(var(--signal));border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-title{letter-spacing:-1px;margin:24px 0 20px;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(64px,6.7vw,106px);font-weight:400;font-stretch:75%;line-height:1.02}.hero-title span{color:hsl(var(--signal))}.hero-description{color:hsl(var(--scene-muted));max-width:440px;font-size:14px;line-height:24px}.hero-actions{align-items:center;gap:20px;margin-top:32px;display:flex}.play-button{background:hsl(var(--signal));color:hsl(var(--signal-foreground));border-radius:var(--radius-md);letter-spacing:1.2px;gap:20px;height:58px;padding:0 24px;font-size:13px}.how-button{letter-spacing:1.2px;color:hsl(var(--scene-foreground));gap:10px;padding:16px 0;font-size:10px}.how-button:hover{color:hsl(var(--signal));background:0 0}.hero-spec{color:hsl(var(--scene-muted));letter-spacing:1px;gap:24px;margin-top:28px;font-size:10px;display:flex}.hero-spec span{align-items:center;gap:7px;display:flex}.scene-label{border-left:2px solid hsl(var(--signal));align-items:center;gap:14px;padding-left:16px;display:flex;position:absolute;top:330px;right:7%}.scene-index{color:hsl(var(--scene-muted));font-size:11px}.scene-label>div{letter-spacing:2px;font-size:13px;font-weight:600}.scene-label small{letter-spacing:1px;color:hsl(var(--scene-muted));margin-top:7px;font-size:9px;display:block}.mode-section{padding-bottom:32px}.mode-section>.flex{margin-bottom:16px}.mode-section .eyebrow{color:hsl(var(--scene-muted))}.mode-caption{color:hsl(var(--scene-muted));letter-spacing:1.5px;font-size:9px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.mode-card{text-align:left;background:hsl(var(--scene-ink) / .82);min-width:0;color:hsl(var(--scene-foreground));border:1px solid hsl(var(--scene-muted) / .2);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;position:relative}.mode-card:hover{border-color:hsl(var(--signal) / .65);box-shadow:var(--shadow-md);transform:translateY(-3px)}.mode-card.featured{border-color:hsl(var(--signal) / .65)}.mode-card.featured:before{content:"";background:hsl(var(--signal));height:2px;position:absolute;top:-1px;left:20px;right:20px}.mode-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mode-card-top svg{color:hsl(var(--signal))}.mode-card-top>span{color:hsl(var(--scene-muted));letter-spacing:1px;font-size:10px}.mode-card h3{letter-spacing:.25px;margin:0 0 8px;font-size:17px;font-weight:700}.mode-card p{color:hsl(var(--scene-muted));margin:0;font-size:12px;line-height:20px}.mode-card-bottom{border-top:1px solid hsl(var(--scene-muted) / .15);justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:16px;display:flex}.mode-card-bottom span{letter-spacing:.9px;color:hsl(var(--scene-muted));font-size:9px}.mode-card-bottom svg{color:hsl(var(--signal));flex-shrink:0}.menu-footer{z-index:1;max-width:1680px;color:hsl(var(--scene-muted));letter-spacing:1.2px;border-top:1px solid hsl(var(--scene-muted) / .12);justify-content:space-between;align-items:center;gap:16px;margin:auto;padding:20px 5% 24px;font-size:9px;display:flex;position:relative}.menu-footer button{letter-spacing:1px;color:hsl(var(--scene-muted));background:0 0;border:none;align-items:center;gap:7px;font-size:9px;display:flex}.menu-footer button:hover{color:hsl(var(--signal))}.version-label{align-items:center;gap:10px;display:flex}.dialog-overlay{background:hsl(var(--scene-ink) / .73);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;animation:fade-in var(--transition);position:fixed;inset:0}.dialog-content{z-index:31;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);width:calc(100% - 32px);max-width:540px;max-height:calc(100svh - 48px);box-shadow:var(--shadow-lg);animation:dialog-in var(--transition-smooth);padding:32px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.course-dialog,.garage-dialog{max-width:960px}.records-dialog{max-width:720px}.world-tabs{border-bottom:1px solid hsl(var(--border));grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:28px 0 24px;display:grid}.world-tabs button{text-align:left;color:hsl(var(--muted-foreground));padding:12px 8px 16px;font-size:13px;position:relative}.world-tabs small{letter-spacing:1px;margin-bottom:5px;font-size:10px;display:block}.world-tabs button.selected{color:hsl(var(--primary))}.world-tabs button.selected:after{content:"";background:hsl(var(--primary));height:2px;position:absolute;bottom:-1px;left:0;right:0}.course-tile{padding:16px}.course-illustration{background:hsl(var(--secondary));height:132px;color:hsl(var(--secondary-foreground));border-radius:var(--radius-sm);position:relative;overflow:hidden}.course-number{color:hsl(var(--muted-foreground));font-family:Impact,Arial Narrow,sans-serif;font-size:28px;line-height:1;position:absolute;top:12px;left:12px}.course-difficulty{letter-spacing:1.5px;color:hsl(var(--muted-foreground));font-size:9px;position:absolute;bottom:12px;right:12px}.mini-route{justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:16px;transform:rotate(-25deg)skew(-20deg)}.mini-route i{background:hsl(var(--chalk));border-bottom:10px solid hsl(var(--carbon));border-right:3px solid hsl(var(--signal));width:48px;height:40px;box-shadow:var(--shadow-md);display:block}.mini-route i:nth-child(2){transform:translateY(-18px)}.course-illustration[data-world=Industrial] .mini-route i{background:hsl(var(--carbon));border-bottom-color:hsl(var(--moss))}.course-illustration[data-world=Skyways] .mini-route i{height:20px}.course-illustration[data-world=Training] .mini-route i{border-bottom-width:16px;border-right-width:6px}.skin-card{padding:16px}.suit-preview{--suit-color:var(--signal);height:160px;margin-bottom:12px;position:relative}.suit-chalk{--suit-color:var(--chalk)}.suit-moss{--suit-color:var(--moss)}.suit-carbon{--suit-color:var(--carbon)}.suit-head{background:hsl(var(--chalk));border-bottom:8px solid hsl(var(--carbon));border-radius:40%;width:24px;height:25px;position:absolute;top:8px;left:calc(50% - 12px)}.suit-body{background:hsl(var(--suit-color));clip-path:polygon(5% 0,95% 0,90% 100%,10% 100%);border-right:12px solid hsl(var(--chalk));width:48px;height:49px;position:absolute;top:37px;left:calc(50% - 24px)}.suit-arms:before,.suit-arms:after{content:"";background:hsl(var(--suit-color));border-bottom:9px solid hsl(var(--carbon));width:13px;height:52px;position:absolute;top:39px}.suit-arms:before{left:calc(50% - 43px);transform:rotate(14deg)}.suit-arms:after{left:calc(50% + 30px);transform:rotate(-14deg)}.suit-legs:before,.suit-legs:after{content:"";background:hsl(var(--carbon));border-bottom:10px solid hsl(var(--chalk));width:18px;height:61px;position:absolute;top:87px}.suit-legs:before{left:calc(50% - 22px);transform:rotate(5deg)}.suit-legs:after{left:calc(50% + 4px);transform:rotate(-5deg)}.trail-preview{border-bottom:2px dotted hsl(var(--muted-foreground));width:36px;height:24px;transform:rotate(-10deg)}.trail-none{background:hsl(var(--muted));border:0;border-radius:50%;width:24px;height:24px}.trail-ember{border-color:hsl(var(--primary));border-bottom-style:solid}.settings-stack{flex-direction:column;gap:24px;margin-top:32px;display:flex}.settings-stack h2{letter-spacing:1.5px;color:hsl(var(--muted-foreground));align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.reset-link{color:hsl(var(--destructive));text-underline-offset:4px;background:0 0;padding:4px;font-size:12px;text-decoration:underline}.control-guide{align-items:flex-start;gap:16px;display:flex}.control-guide>svg{color:hsl(var(--primary));flex-shrink:0}.toast-host{z-index:60;max-width:calc(100% - 48px);position:fixed;bottom:24px;left:auto;right:24px}.result-grid{grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 20px;display:grid}.result-grid span{letter-spacing:1.5px;color:hsl(var(--muted-foreground));font-size:10px;display:block}.result-grid strong{letter-spacing:1px;margin-top:8px;font-family:Impact,Arial Narrow,sans-serif;font-size:36px;display:block}.result-award{border-top:1px solid hsl(var(--border));letter-spacing:1px;color:hsl(var(--primary));align-items:center;gap:9px;padding:12px 0;font-size:12px;display:flex}.race-header{z-index:2;color:hsl(var(--scene-foreground));background:linear-gradient(180deg, hsl(var(--scene-ink) / .55), transparent);justify-content:space-between;align-items:center;padding:24px 4%;display:flex;position:relative}.race-header>button{background:hsl(var(--scene-ink) / .7);color:hsl(var(--scene-foreground));border-color:hsl(var(--scene-muted) / .4)}.race-title{text-align:center;text-shadow:0 1px 3px hsl(var(--scene-ink))}.race-title>span{text-transform:uppercase;letter-spacing:1.5px;font-size:14px;font-weight:600}.race-title small{letter-spacing:2px;color:hsl(var(--scene-foreground));margin-top:5px;font-size:9px;display:block}.race-main{z-index:1;pointer-events:none;min-height:calc(100svh - 96px);position:relative}.hud-top{color:hsl(var(--scene-foreground));text-shadow:0 1px 4px hsl(var(--scene-ink));justify-content:space-between;gap:20px;display:flex;position:absolute;top:8px;left:4%;right:4%}.hud-timer>span,.hud-counters span{letter-spacing:1.5px;font-size:10px;display:block}.hud-timer>strong{letter-spacing:1px;font-variant-numeric:tabular-nums;font-family:Impact,Arial Narrow,sans-serif;font-size:36px;display:block}.hud-timer small{font-size:12px}.hud-counters{gap:32px;display:flex}.hud-counters strong{margin-top:6px;font-family:Impact,Arial Narrow,sans-serif;font-size:24px;display:block}.hud-counters>div:last-child strong{color:hsl(var(--signal));display:flex}.course-hint{background:hsl(var(--scene-ink) / .74);width:max-content;max-width:85%;color:hsl(var(--scene-foreground));border-left:2px solid hsl(var(--signal));text-align:center;border-radius:var(--radius);padding:10px 16px;font-size:12px;line-height:20px;position:absolute;top:120px;left:50%;transform:translate(-50%)}.race-bottom{color:hsl(var(--scene-foreground));text-shadow:0 1px 4px hsl(var(--scene-ink));align-items:center;gap:32px;display:flex;position:absolute;bottom:32px;left:4%;right:4%}.speed{align-items:baseline;gap:7px;display:flex}.speed strong{font-family:Impact,Arial Narrow,sans-serif;font-size:42px}.speed span{letter-spacing:1px;font-size:10px}.course-progress{background:hsl(var(--scene-ink) / .67);border-radius:var(--radius);flex:1;max-width:500px;margin:auto;padding:12px 16px}.progress-track{background:hsl(var(--scene-muted) / .3);height:3px;margin-top:9px}.progress-track>div{background:hsl(var(--signal));height:100%;transition:width var(--transition-fast)}.keyboard-hint{gap:20px;font-size:12px;display:flex}.keyboard-hint span{flex-direction:column;gap:4px;display:flex}.keyboard-hint small{letter-spacing:1px;color:hsl(var(--scene-foreground));font-size:10px}.touch-controls{pointer-events:auto;left:16px;right:16px;bottom:max(20px, env(safe-area-inset-bottom));z-index:4;justify-content:space-between;align-items:flex-end;gap:8px;display:none;position:fixed}.direction-pad{grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid}.touch-button{border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;background:hsl(var(--scene-ink) / .7);color:hsl(var(--scene-foreground));border:1px solid hsl(var(--scene-muted) / .5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.touch-button:hover{background:hsl(var(--scene-ink) / .8)}.action-touch{letter-spacing:1px;flex-direction:column;gap:5px;width:64px;height:68px;font-size:9px;display:flex}.jump-touch{background:hsl(var(--signal));color:hsl(var(--signal-foreground));border-color:hsl(var(--signal))}.jump-touch:hover{background:hsl(var(--signal))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width>=1440px){.hero-copy{padding-top:84px;padding-bottom:84px}.scene-label{top:370px}.mode-card{padding:24px}}@media (width<=1023px){.desktop-nav{gap:20px}.menu-header{padding:24px 5%}.hero-copy{padding-top:56px;padding-bottom:48px}.hero-title{font-size:80px}.scene-label{top:300px;right:5%}.scene-label small{max-width:140px;line-height:16px}.mode-grid{gap:12px}.mode-card{padding:16px}.mode-card h3{font-size:15px}.mode-card p{min-height:40px}.mode-card-bottom span{letter-spacing:.5px;font-size:8px}.mode-card-bottom{margin-top:12px;padding-top:12px}}@media (width<=767px){.desktop-nav{display:none}.menu-header{padding:24px}.menu-main{padding:0 24px}.hero-copy{padding-top:36px;padding-bottom:40px}.hero-title{font-size:72px}.scene-label{display:none}.hero-description{max-width:340px}.cinematic-shade{background:linear-gradient(90deg, hsl(var(--scene-ink) / .9), hsl(var(--scene-ink) / .48)), linear-gradient(0deg, hsl(var(--scene-ink)) 0%, transparent 90%)}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card p{min-height:0}.mode-card-bottom span{font-size:8px}.mode-caption{display:none}.menu-footer{flex-wrap:wrap;padding:20px 24px 32px;line-height:16px}.version-label{display:none}.hero-spec{gap:16px;font-size:9px}.dialog-content{padding:24px}.world-tabs button{font-size:11px}.course-illustration{height:100px}.touch-controls{display:flex}.race-bottom{gap:16px;bottom:124px}.keyboard-hint{display:none}.race-header{padding:20px 16px}.race-header .logo-type{font-size:18px}.race-header .logo svg{width:19px;height:24px}.race-header .logo{gap:8px}.race-title>span{font-size:11px}.race-title small{letter-spacing:1px;font-size:8px}.hud-counters{gap:16px}.hud-counters strong{font-size:21px}.hud-top{left:20px;right:20px}.hud-timer>strong{font-size:30px}.course-hint{font-size:12px;top:106px}.speed strong{font-size:32px}.course-progress{padding:10px 12px}.race-main{padding-bottom:124px}.toast-host{max-width:none;bottom:24px;left:16px;right:16px}.is-playing .toast-host{bottom:128px}.result-grid strong{font-size:32px}}@media (width<=479px){.menu-header{gap:12px;padding:20px}.logo-type{font-size:21px}.logo svg{width:23px}.coin-balance{padding:8px;font-size:12px}.menu-main{padding:0 20px}.hero-copy{padding-top:28px;padding-bottom:36px}.hero-title{margin-top:20px;font-size:65px;line-height:1.04}.hero-description{font-size:13px;line-height:22px}.hero-actions{gap:16px;margin-top:28px}.play-button{gap:12px;height:54px;padding:0 18px;font-size:12px}.how-button{gap:8px;font-size:9px}.hero-spec{margin-top:24px;font-size:8px}.mode-card{padding:16px 12px}.mode-card-top{margin-bottom:16px}.mode-card h3{font-size:14px}.mode-card p{min-height:36px;font-size:12px;line-height:18px}.mode-card-bottom span{letter-spacing:0;font-size:8px}.mode-card-bottom svg{width:16px}.menu-footer{padding:16px 20px 28px;font-size:8px}.menu-footer button{font-size:8px}.dialog-content{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:20px}.dialog-content h2.text-3xl{font-size:26px}.skin-card{padding:12px}.suit-preview{height:152px}.race-title{max-width:136px}.race-header>button{padding:10px 12px}.direction-pad{grid-template-rows:repeat(2,40px);grid-template-columns:repeat(3,40px)}.action-touch{width:58px;height:64px}.touch-controls{left:12px;right:12px}.hud-counters span,.hud-timer>span{font-size:9px}.hud-counters{gap:12px}}@media (pointer:coarse) and (width>=768px){.touch-controls{display:flex}.race-bottom{bottom:140px}.keyboard-hint{display:none}.race-main{padding-bottom:140px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms;animation-duration:.01ms}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}