.motion-app{color:#fff;letter-spacing:0;isolation:isolate;background:#a5c9e3;width:100%;height:100dvh;font-family:Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.motion-app canvas{touch-action:none;width:100%;height:100%;display:block}.motion-night{background:#18212be8;border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex;position:absolute;top:100px;right:24px}.motion-night b{font-variant-numeric:tabular-nums;margin-left:8px}.motion-junction{text-align:center;width:min(340px,100% - 24px);position:absolute;top:18%;left:50%;transform:translate(-50%)}.motion-junction>span{background:#18212bee;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.motion-junction>div{gap:8px;margin-top:6px;display:flex}.motion-junction button{color:#fff;background:#18212bee;border:1px solid #ffffff80;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:12px;min-height:48px;font-size:13px;display:flex}.motion-junction button[aria-pressed=true]{color:#222d34;background:#f4e6b9;border-color:#fff}.motion-junction~.motion-feedback{top:34%}@media (width<=700px){.motion-junction{top:29%}.motion-night{padding:8px;font-size:10px;top:120px;right:12px}.motion-junction~.motion-feedback{top:42%}}.motion-impact{pointer-events:none;border:3px solid #ff8e7080;position:absolute;inset:0;box-shadow:inset 0 0 65px 10px #ee513c8c}.motion-impact[data-kind=protected]{border-color:#93ddff90;box-shadow:inset 0 0 55px 8px #70caff80}.motion-impact-message{color:#fff;text-align:center;pointer-events:none;text-shadow:0 2px 5px #101822;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 48px);font-size:16px;font-weight:850;display:flex;position:absolute;top:150px;left:24px}.motion-impact-message:not(:empty){background:#7e271de8;border-left:4px solid #ff9b80;padding:10px 15px}.motion-impact-message[data-kind=protected]:not(:empty){background:#123d62eb;border-color:#95ddff}.motion-app[data-phase=running]{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.motion-app button,.motion-app a{-webkit-tap-highlight-color:transparent}.motion-app button{cursor:pointer}.motion-app button:disabled{cursor:default;opacity:.42}.motion-app button:focus-visible,.motion-app a:focus-visible,.motion-app input:focus-visible{outline-offset:3px;outline:3px solid #80caff}.motion-hud{min-height:88px;padding:calc(15px + env(safe-area-inset-top)) 24px 18px;pointer-events:none;background:linear-gradient(#121a25d9,#121a2580,#0000);justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:0;left:0;right:0}.motion-identity{align-items:center;gap:13px;display:flex}.motion-identity strong{font-size:15px;font-weight:850}.motion-identity small{color:#e0e9ec;margin-top:3px;font-size:10px;display:block}.motion-actions{gap:8px;display:flex}.motion-actions button,.motion-identity a,.motion-controls button{color:#fff;pointer-events:auto;background:#111a25b8;border:1px solid #ffffff35;border-radius:6px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.motion-stats{font-variant-numeric:tabular-nums;align-items:center;gap:30px;display:flex}.motion-stats small{color:#e5ebef;margin-bottom:3px;font-size:9px;display:block}.motion-stats b{font-size:23px;line-height:1.1}.motion-stats b span{color:#b8dcff;margin-left:3px;font-size:14px}.motion-progress{background:#ffffff20;height:3px;position:absolute;top:0;left:0;right:0}.motion-progress span{background:#72b7ff;height:100%;transition:width .1s linear;display:block}.motion-feedback{text-align:center;color:#fff;text-shadow:0 2px 4px #14212a,0 0 14px #14212a;pointer-events:none;min-height:30px;font-size:20px;font-weight:850;position:absolute;top:26%;left:20%;right:20%}.motion-health{background:#18212be8;border-radius:5px;width:205px;padding:8px 10px;position:absolute;top:92px;left:24px}.motion-health>span{justify-content:space-between;font-size:10px;font-weight:700;display:flex}.motion-health progress{accent-color:#81beff;width:100%;height:7px;margin-top:5px;display:block}.motion-health progress::-webkit-progress-bar{background:#ffffff30;border-radius:3px}.motion-health progress::-webkit-progress-value{background:#81beff;border-radius:3px}.motion-health progress::-moz-progress-bar{background:#81beff}.motion-health[data-low=true] progress{accent-color:#ff6c66}.motion-health[data-low=true] progress::-webkit-progress-value{background:#ff6c66}.motion-health[data-low=true] progress::-moz-progress-bar{background:#ff6c66}.motion-ride{background:#18212bdf;border:1px solid #ffffff50;border-radius:6px;align-items:center;gap:10px;width:205px;padding:10px;display:flex;position:absolute;top:153px;left:24px}.motion-feedback[data-warning=true]{color:#fff0b0;text-shadow:0 2px 4px #111,0 0 12px #111}.motion-ride>div{flex:1;min-width:0}.motion-ride strong{font-size:13px;display:block}.motion-ride span{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:flex}.motion-ride progress{accent-color:#76bdff;width:100%;height:4px;margin-top:5px;display:block}.motion-ride button{color:#fff;background:#ffffff10;border:1px solid #ffffff40;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.motion-bottom{padding:30px 24px calc(18px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#1016208c);justify-content:space-between;align-items:flex-end;gap:15px;display:flex;position:absolute;bottom:0;left:0;right:0}.motion-preferences{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.motion-quality select{color:#fff;max-width:116px;font:inherit;background:#121a25;border:1px solid #ffffff50;border-radius:4px;padding:6px}.motion-view{background:#121a25bd;border:1px solid #ffffff30;border-radius:6px;padding:3px;display:flex}.motion-view button{color:#fff;background:0 0;border:0;border-radius:3px;min-width:53px;padding:7px 11px;font-size:12px}.motion-view button[aria-pressed=true]{color:#151d29;background:#f3f5f7;font-weight:750}.motion-preferences label{text-shadow:0 1px 4px #111;align-items:center;gap:6px;font-size:11px;display:flex}.motion-preferences input{accent-color:#2d82ed}.motion-controls{gap:7px;display:flex}.motion-controls button{width:48px;height:48px;position:relative;overflow:hidden}.motion-controls button:active{background:#2f7df6}.motion-dash span{transform-origin:0;background:#6fbbff;height:3px;position:absolute;bottom:0;left:0;right:0}.motion-intro{text-shadow:0 2px 18px #102a3899;max-width:min(440px,84%);position:absolute;top:30%;left:8%}.motion-intro small,.motion-dialog small{color:#fff;font-size:11px;font-weight:800}.motion-intro h1{margin:12px 0;font-size:58px;font-weight:900;line-height:1.02}.motion-intro p{margin:0 0 28px;font-size:18px}.motion-intro p.motion-cache-status{color:#fff;text-shadow:0 1px 4px #111;margin:10px 0 0;font-size:11px}.motion-intro button,.motion-dialog button{color:#fff;background:#2478ed;border:1px solid #7cb5ff;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 24px;font-size:15px;font-weight:800;display:flex;box-shadow:0 6px 25px #13397030}.motion-intro a,.motion-dialog a{color:#fff;align-items:center;gap:10px;width:fit-content;margin-top:18px;font-size:12px;display:flex}.motion-loading{accent-color:#2478ed;width:240px;max-width:100%;height:5px;margin-top:12px;display:block}.motion-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c172859;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.motion-dialog{background:#151c26f2;border:1px solid #ffffff30;border-radius:8px;width:min(390px,100%);max-height:100%;padding:28px;overflow:auto;box-shadow:0 20px 70px #0005}.motion-dialog h2{margin:12px 0 26px;font-size:32px;line-height:1.12}.motion-dialog dl{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.motion-dialog dt{color:#adb7c4;font-size:11px}.motion-dialog dd{margin:4px 0 0;font-size:24px;font-weight:800}@media (width<=700px){.motion-hud{padding:calc(12px + env(safe-area-inset-top)) 12px 22px;flex-wrap:wrap;gap:13px}.motion-identity strong{font-size:12px}.motion-identity small{font-size:8px}.motion-identity{gap:8px}.motion-identity a,.motion-actions button{width:38px;height:38px}.motion-actions{gap:5px}.motion-stats{order:3;justify-content:space-between;gap:12px;width:100%;padding:0 4px}.motion-stats b{font-size:20px}.motion-bottom{padding:24px 12px calc(14px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px}.motion-controls{order:0;gap:9px}.motion-controls button{width:48px;height:46px}.motion-preferences{order:1;gap:16px}.motion-view button{min-width:46px;padding:5px 8px;font-size:11px}.motion-intro{top:31%;left:8%}.motion-intro h1{font-size:44px}.motion-intro p{font-size:16px}.motion-feedback{font-size:17px;top:31%}.motion-health{width:160px;top:118px;left:12px}.motion-impact-message{font-size:14px;top:167px;left:12px}.motion-ride{width:160px;padding:8px;top:167px;left:12px}}@media (height<=500px) and (width>=701px){.motion-intro{top:26%}.motion-intro h1{font-size:38px}.motion-intro p{margin-bottom:14px}.motion-hud{min-height:64px;padding-top:8px}.motion-bottom{padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.motion-progress span{transition:none}}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--leading-tight:1.25;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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%;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{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.left-4{left:calc(var(--spacing) * 4)}.z-30{z-index:30}.mx-auto{margin-inline:auto}.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-7{margin-top:calc(var(--spacing) * 7)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-2{height:calc(var(--spacing) * 2)}.h-full{height:100%}.min-h-\[420px\]{min-height:420px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[min\(520px\,calc\(100\%-2rem\)\)\]{max-width:min(520px,100% - 2rem)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-amber-300\/30{border-color:#ffd2364d}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/30{border-color:color-mix(in oklab, var(--color-amber-300) 30%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-amber-300\/10{background-color:#ffd2361a}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/10{background-color:color-mix(in oklab, var(--color-amber-300) 10%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text\)\]{color:var(--text)}.text-amber-100{color:var(--color-amber-100)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[1\.05fr_\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1fr_\.9fr\]{grid-template-columns:1fr .9fr}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}:root{--bg:#071123;--bg-soft:#091326b8;--panel:#0c1426b8;--panel-strong:#101b31e0;--text:#f4f7ff;--muted:#f4f7ffa8;--line:#f4f7ff1f;--primary:#2f7df6;--primary-rgb:47, 125, 246;--gold:#f6b93b;--gold-rgb:246, 185, 59;--danger:#ff5c8a}[data-theme=light]{--bg:#eef5ff;--bg-soft:#ffffffc7;--panel:#ffffffd1;--panel-strong:#fffffff5;--text:#071123;--muted:#071123a8;--line:#07112324;--primary:#155fd6;--primary-rgb:21, 95, 214;--gold:#b97800;--gold-rgb:185, 120, 0}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{touch-action:manipulation}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:950;line-height:1}h3{font-size:1.05rem;font-weight:900}.primary-btn,.secondary-btn,.icon-btn,.choice-btn{border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;font-weight:850;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.primary-btn{border:1px solid rgba(var(--primary-rgb), .85);background:linear-gradient(135deg, var(--primary), var(--gold));color:#061113;box-shadow:0 0 26px rgba(var(--primary-rgb), .24);padding:.72rem 1rem}.secondary-btn{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);padding:.72rem 1rem}.icon-btn{border:1px solid var(--line);background:var(--bg-soft);width:42px;color:var(--text)}.choice-btn{border:1px solid rgba(var(--primary-rgb), .28);background:rgba(var(--primary-rgb), .1);width:100%;color:var(--text);text-align:left;justify-content:flex-start;padding:.9rem 1rem}.primary-btn:hover,.secondary-btn:hover,.icon-btn:hover,.choice-btn:hover{border-color:rgba(var(--gold-rgb), .82);transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.55}.page-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:clamp(1rem,3vw,2rem);box-shadow:0 30px 90px #0000003d}.page-panel>h2{margin-bottom:1.25rem}.soft-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;padding:1rem}.soft-card p{color:var(--muted);margin-top:.35rem}.stat-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;padding:.75rem}.stat-card p{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.stat-card strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:1.12rem;font-weight:950;display:block;overflow:hidden}.mini-stat{border:1px solid var(--line);background:var(--bg-soft);border-radius:8px;padding:.65rem}.mini-stat span{color:var(--muted)}.mini-stat strong{color:var(--primary);display:block}.message-bar{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;display:flex}.message-bar p{color:var(--text);font-size:.9rem}.learning-card span{color:var(--text);margin-top:.65rem;font-size:.9rem;font-weight:800;display:block}.app-bg{background:radial-gradient(circle at 20% 20%, rgba(var(--primary-rgb), .22), transparent 32%), radial-gradient(circle at 80% 0%, rgba(var(--gold-rgb), .14), transparent 26%), linear-gradient(135deg, var(--bg), #111a33 55%, #07172c)}[data-theme=light] .app-bg{background:radial-gradient(circle at 20% 20%, rgba(var(--primary-rgb), .18), transparent 32%), radial-gradient(circle at 80% 0%, rgba(var(--gold-rgb), .16), transparent 26%), linear-gradient(135deg, #f7fbff, #dceaff 55%, #f9f2df)}.brand-logo,.info-icon{background:linear-gradient(135deg, var(--primary), var(--gold));color:#061113;box-shadow:0 0 24px rgba(var(--primary-rgb), .22);border-radius:8px;place-items:center;font-weight:950;display:grid}.brand-logo{width:44px;height:44px}.info-icon{width:40px;height:40px;margin-bottom:.75rem}.brand-kicker{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:900}.nav-pill{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:8px;padding:.5rem .75rem}.nav-pill.active{border-color:rgba(var(--primary-rgb), .72);background:linear-gradient(135deg, rgba(var(--primary-rgb), .92), rgba(var(--gold-rgb), .88));color:#061113}.game-stage{perspective:900px;isolation:isolate;background:#7fc8ff;border:1px solid #ffffff1a;border-radius:8px;height:min(64vh,530px);min-height:430px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000038}.temple-scene{z-index:1;position:absolute;inset:0}.temple-scene canvas{width:100%;height:100%;display:block}.cinematic-stage:before{content:"";z-index:0;opacity:.22;background:linear-gradient(#ffffff2e,#0000 42%);position:absolute;inset:0}.cinematic-stage:after{content:"";z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.26;background:radial-gradient(#0000 55%,#00000029 100%),linear-gradient(90deg,#ffffff14,#0000 12% 88%,#ffffff14);position:absolute;inset:0}.scene-skyline,.scene-sun,.scene-city,.scene-gate,.road-glow,.perspective-road,.speed-lines{pointer-events:none;position:absolute}.scene-skyline{z-index:0;background:linear-gradient(#0610200d,#061020e0),radial-gradient(at 50% 36%,#ffffff38,#0000 18%);inset:0}.scene-sun{z-index:0;background:radial-gradient(circle, #ffffffbd, var(--accent) 45%, transparent 70%);border-radius:999px;width:120px;height:120px;top:18%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.scene-sun{background:radial-gradient(circle, #ffffffbd, color-mix(in srgb, var(--accent) 60%, transparent) 45%, transparent 70%)}}.scene-sun{filter:blur(7px);opacity:.62}.scene-city{z-index:0;opacity:.78;clip-path:polygon(0 100%,0 56%,8% 56%,8% 36%,15% 36%,15% 48%,25% 48%,25% 25%,36% 25%,36% 54%,48% 54%,48% 34%,59% 34%,59% 62%,72% 62%,72% 42%,84% 42%,84% 70%,100% 70%,100% 100%);background:linear-gradient(#0000 35%,#000000bd),repeating-linear-gradient(90deg,#ffffff24 0 3px,#0000 3px 17px),linear-gradient(135deg,#ffffff0d,#0000006b);width:42%;height:32%;bottom:34%}.scene-city.left{left:-5%}.scene-city.right{right:-5%;transform:scaleX(-1)}.scene-gate{z-index:0;border-top:14px solid var(--accent);width:38%;height:24%;top:28%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.scene-gate{border-top:14px solid color-mix(in srgb, var(--accent) 70%, #fff 10%)}}.scene-gate{border-left:10px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.scene-gate{border-left:10px solid color-mix(in srgb, var(--accent) 55%, #111 25%)}}.scene-gate{border-right:10px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.scene-gate{border-right:10px solid color-mix(in srgb, var(--accent) 55%, #111 25%)}}.scene-gate{opacity:.84;filter:drop-shadow(0 0 22px var(--accent))}@supports (color:color-mix(in lab, red, red)){.scene-gate{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--accent) 50%, transparent))}}.scene-gate:before,.scene-gate:after{content:"";background:var(--accent);width:12px;height:110%;position:absolute;top:6px}@supports (color:color-mix(in lab, red, red)){.scene-gate:before,.scene-gate:after{background:color-mix(in srgb, var(--accent) 48%, #10131d 52%)}}.scene-gate:before{left:18%}.scene-gate:after{right:18%}.gate-b{opacity:.2;filter:blur(2px);width:70%;height:30%;top:42%}.road-glow{z-index:0;background:var(--accent);border-radius:999px;width:24%;height:14%;top:37%;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.road-glow{background:color-mix(in srgb, var(--accent) 48%, transparent)}}.road-glow{filter:blur(24px);opacity:.68}.perspective-road{z-index:0;background:linear-gradient(90deg, transparent 0 18%, #ffffff14 18.2% 18.5%, transparent 18.7% 81.3%, #ffffff14 81.5% 81.8%, transparent 82%), linear-gradient(180deg, var(--accent), #030509f0);inset:26% -8% -9%}@supports (color:color-mix(in lab, red, red)){.perspective-road{background:linear-gradient(90deg, transparent 0 18%, #ffffff14 18.2% 18.5%, transparent 18.7% 81.3%, #ffffff14 81.5% 81.8%, transparent 82%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, #080d1633), #030509f0)}}.perspective-road{clip-path:polygon(49% 0,51% 0,102% 100%,-2% 100%);transform-origin:bottom}.road-edge,.lane-ray{transform-origin:top;background:linear-gradient(180deg, var(--accent), #ffffff2e, transparent);width:2px;height:100%;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){.road-edge,.lane-ray{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, transparent), #ffffff2e, transparent)}}.road-edge.left{left:49%;transform:rotate(31deg)}.road-edge.right{right:49%;transform:rotate(-31deg)}.lane-ray-left{opacity:.65;left:49.6%;transform:rotate(13deg)}.lane-ray-right{opacity:.65;right:49.6%;transform:rotate(-13deg)}.road-stripe{background:#ffffff29;border-radius:999px;height:2px;animation:1.3s linear infinite stripeRush;position:absolute;left:50%;transform:translate(-50%)}.stripe-1{width:8%;top:28%}.stripe-2{width:30%;animation-delay:-.4s;top:53%}.stripe-3{width:58%;animation-delay:-.8s;top:78%}@keyframes stripeRush{0%{opacity:.12;transform:translate(-50%)scaleX(.45)}to{opacity:.65;transform:translate(-50%)scaleX(1.5)}}.speed-lines{z-index:2;opacity:.22;background:linear-gradient(105deg, transparent 0 20%, #ffffff2e 20.3%, transparent 21% 100%), linear-gradient(75deg, transparent 0 70%, #ffffff21 70.3%, transparent 71% 100%), linear-gradient(105deg, transparent 0 45%, var(--accent) 45.2%, transparent 46% 100%);inset:0}@supports (color:color-mix(in lab, red, red)){.speed-lines{background:linear-gradient(105deg, transparent 0 20%, #ffffff2e 20.3%, transparent 21% 100%), linear-gradient(75deg, transparent 0 70%, #ffffff21 70.3%, transparent 71% 100%), linear-gradient(105deg, transparent 0 45%, color-mix(in srgb, var(--accent) 22%, transparent) 45.2%, transparent 46% 100%)}}.speed-lines{background-size:290px 100%,360px 100%,520px 100%;animation:.85s linear infinite speedSweep}@keyframes speedSweep{0%{background-position:0 0,0 0,0 0}to{background-position:-290px 0,360px 0,-520px 0}}.safe-lane-perspective{z-index:18;border:1px solid rgba(var(--gold-rgb), .68);background:rgba(var(--gold-rgb), .16);color:#fff4d4;box-shadow:0 0 22px rgba(var(--gold-rgb), .25);border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:850;position:absolute;top:82%;transform:translate(-50%,-50%)}.safe-lane-0{left:26%}.safe-lane-1{left:50%}.safe-lane-2{left:74%}.runner{z-index:28;transform-origin:bottom;opacity:0;pointer-events:none;width:82px;height:118px;transition:bottom .14s,left .16s,transform .14s;position:absolute}.runner-head,.runner-body{background:var(--primary);box-shadow:0 0 26px rgba(var(--primary-rgb), .7);border:2px solid #ddfff8;display:block;position:absolute;left:50%;transform:translate(-50%)}.runner-head{background:radial-gradient(circle at 35% 28%, #fff, var(--primary) 45%, #0f172a 100%);border-radius:999px;width:42px;height:42px;top:3px}.runner-body{background:linear-gradient(180deg, var(--primary), #17234a 52%, #0b1220 76%);border-radius:18px 18px 8px 8px;width:54px;height:70px;animation:.85s ease-in-out infinite runnerPulse;bottom:22px}.runner-body:before{content:"";background:linear-gradient(135deg, rgba(var(--gold-rgb), .9), rgba(var(--primary-rgb), .72));border:2px solid #ffffffc7;border-radius:8px;width:28px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.runner.duck{height:86px}.runner.duck .runner-head{width:36px;height:32px;top:22px}.runner.duck .runner-body{width:74px;height:42px}.runner-shadow{filter:blur(8px);background:#0000008c;border-radius:999px;width:110px;height:24px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.runner-arm{z-index:-1;background:var(--primary);border-radius:999px;width:17px;height:48px;position:absolute;top:55px}@supports (color:color-mix(in lab, red, red)){.runner-arm{background:color-mix(in srgb, var(--primary) 72%, #08101d)}}.runner-arm{box-shadow:0 0 14px rgba(var(--primary-rgb), .42);animation:.68s ease-in-out infinite armSwing}.runner-arm.left{left:8px;transform:rotate(18deg)}.runner-arm.right{animation-delay:-340ms;right:8px;transform:rotate(-18deg)}@keyframes runnerPulse{50%{transform:translate(-50%)translateY(-4px)}}@keyframes armSwing{50%{transform:rotate(0)translateY(-8px)}}.entity{text-align:center;transform-origin:50%;will-change:transform, opacity, top, left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;place-items:center;gap:1px;width:92px;min-height:64px;padding:.35rem;font-size:.68rem;font-weight:900;line-height:1.05;display:grid;position:absolute;box-shadow:0 18px 42px #0000005c}.entity strong{font-size:1.15rem}.entity.collectible{border:1px solid rgba(var(--primary-rgb), .7);background:rgba(var(--primary-rgb), .18);color:#d9fff8}.entity.powerup{color:#fff6ca;background:#ffcc332b;border:1px solid #ffcc33b3}.entity.opportunity{border:1px solid rgba(var(--gold-rgb), .82);background:radial-gradient(circle at 35% 25%, #ffffff57, transparent 28%), linear-gradient(135deg, rgba(var(--gold-rgb), .34), rgba(var(--primary-rgb), .22));color:#fff7df;animation:1.3s ease-in-out infinite opportunityOrbit}.entity.obstacle{color:#ffe0e8;background:#ff5c8a2e;border:1px solid #ff5c8abd}.cinematic-entity.obstacle{box-shadow:0 0 34px #ff5c8a2e,0 18px 42px #0000005c}.cinematic-entity.opportunity{box-shadow:0 0 42px rgba(var(--gold-rgb), .24), 0 18px 42px #0000005c;border-radius:999px}.cinematic-entity.collectible,.cinematic-entity.powerup{animation:1.1s ease-in-out infinite ballFloat}.cinematic-entity.obstacle{animation:.82s ease-in-out infinite hazardPulse}@keyframes ballFloat{50%{filter:brightness(1.18)}}@keyframes hazardPulse{50%{filter:brightness(1.25)saturate(1.2)}}@keyframes opportunityOrbit{50%{filter:brightness(1.2)saturate(1.15)}}.quick-panel{background:radial-gradient(circle at 80% 12%, rgba(var(--gold-rgb),.14), transparent 30%), var(--panel)}.quick-income-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.quick-income-preview span{color:#ffffffc2;background:#00000038;border:1px solid #ffffff1a;border-radius:8px;padding:.65rem;font-size:.8rem;font-weight:850}.scene-1{--scene-low:#071b1b;background:linear-gradient(180deg, #142336, var(--scene-low))}.scene-2{--scene-low:#1b1407;background:linear-gradient(180deg, #263340, var(--scene-low))}.scene-3{--scene-low:#1e0a18;background:linear-gradient(180deg, #2a1830, var(--scene-low))}.scene-4{--scene-low:#11091f;background:linear-gradient(180deg, #301948, var(--scene-low))}.scene-5{--scene-low:#071625;background:linear-gradient(180deg, #14212f, var(--scene-low))}.scene-6{--scene-low:#071b10;background:linear-gradient(180deg, #102b27, var(--scene-low))}.scene-7{--scene-low:#101116;background:linear-gradient(180deg, #233040, var(--scene-low))}.journey-map{grid-template-columns:repeat(7,1fr);gap:.35rem;margin:.9rem 0 .6rem;display:grid;position:relative}.journey-map:before{content:"";background:#ffffff1f;height:2px;position:absolute;top:18px;left:6%;right:6%}.journey-map span{z-index:1;color:#ffffff6b;justify-items:center;gap:.2rem;font-size:.58rem;font-weight:850;display:grid;position:relative}.journey-map i{background:#111827;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.journey-map .done{color:#d9fff8}.journey-map .done i{border-color:rgba(var(--primary-rgb),.72);background:rgba(var(--primary-rgb),.18);box-shadow:0 0 18px rgba(var(--primary-rgb),.22)}.animate-run{animation:.9s ease-in-out infinite runBob}.hero-cinematic{background:radial-gradient(circle at 50% 20%, rgba(var(--primary-rgb),.42), transparent 24%), linear-gradient(180deg, #243348, #07121c 62%, #020409)}.hero-cinematic:after{content:"";pointer-events:none;background:radial-gradient(#0000 44%,#0000007a);position:absolute;inset:0}.hero-city{opacity:.6;clip-path:polygon(0 100%,0 58%,7% 58%,7% 42%,14% 42%,14% 70%,23% 70%,23% 30%,33% 30%,33% 58%,45% 58%,45% 18%,56% 18%,56% 62%,68% 62%,68% 36%,78% 36%,78% 70%,90% 70%,90% 46%,100% 46%,100% 100%);background:repeating-linear-gradient(90deg,#ffffff1c 0 4px,#0000 4px 18px),linear-gradient(#0000,#000000c7);height:28%;position:absolute;bottom:31%;left:-8%;right:-8%}.hero-gate{border-top:18px solid rgba(var(--primary-rgb),.82);border-left:12px solid rgba(var(--primary-rgb),.54);border-right:12px solid rgba(var(--primary-rgb),.54);width:58%;height:30%;filter:drop-shadow(0 0 30px rgba(var(--primary-rgb),.45));position:absolute;top:30%;left:50%;transform:translate(-50%)}.hero-gate:before,.hero-gate:after{content:"";background:rgba(var(--primary-rgb),.42);width:14px;height:118%;position:absolute;top:5px}.hero-gate:before{left:20%}.hero-gate:after{right:20%}.hero-road{clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);background:linear-gradient(90deg, transparent 47%, #ffffff2e 47.3% 47.6%, transparent 48%, transparent 52%, #ffffff2e 52.3% 52.6%, transparent 53%), linear-gradient(180deg, rgba(var(--primary-rgb),.15), #000000e6);position:absolute;inset:41% -12% -10%}.hero-runner{z-index:3;background:linear-gradient(180deg, var(--primary), #07121c 76%);width:58px;height:82px;box-shadow:0 0 34px rgba(var(--primary-rgb),.72);border:2px solid #dcfff9;border-radius:999px 999px 12px 12px;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.hero-token{z-index:4;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;min-width:58px;padding:.55rem .7rem;font-size:.8rem;font-weight:950;position:absolute}.hero-token.good{border:1px solid rgba(var(--primary-rgb),.75);background:rgba(var(--primary-rgb),.18);color:#d9fff8}.hero-token.danger{color:#ffe0e8;background:#ff5c8a2e;border:1px solid #ff5c8ac2}@keyframes runBob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.slider-row{text-transform:capitalize;grid-template-columns:90px 1fr 48px;align-items:center;gap:.75rem;margin-top:1rem;display:grid}.slider-row input{accent-color:var(--primary);width:100%}.name-input{color:#fff;background:#00000040;border:1px solid #ffffff29;border-radius:8px;flex:1;min-height:42px;padding:0 .85rem}@media (width<=700px){.game-stage{height:60vh;min-height:390px}.entity{width:72px;min-height:50px;font-size:.6rem}.slider-row{grid-template-columns:78px 1fr 42px;gap:.45rem;font-size:.9rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
