@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f4f9187-module__4LtYgq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f4f9187-module__4LtYgq__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/d0d9446e69c4847e-s.10blc4._e8owh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/4e1c87b7aa9e2f2f-s.12gpghvmuotht.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/3fd967fc5374d70a-s.17n1p.kggnicm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/dd14639a62c56cb2-s.06a7f.f9wwf6c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/b59689b1142d37ce-s.p.0f8~qglggluhl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded Fallback;src:local(Arial);ascent-override:73.93%;descent-override:18.2%;line-gap-override:0.0%;size-adjust:134.59%}.unbounded_cc20082d-module__2dECXW__className{font-family:Unbounded,Unbounded Fallback;font-style:normal}.unbounded_cc20082d-module__2dECXW__variable{--font-unbounded:"Unbounded", "Unbounded Fallback"}
@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-border-style:solid;--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-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;--tw-ease: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-gray-200:#e5e7eb;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-200:lab(91.6229% -.159115 -2.26791)}}}@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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-20{height:calc(var(--spacing) * 20)}.h-screen{height:100vh}.shrink{flex-shrink: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,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-200{background-color:var(--color-gray-200)}.lowercase{text-transform:lowercase}.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)}.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)}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.backdrop-filter{-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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#fff6ec;--muted:#b9aed2;--faint:#8d82ae;--sun:#ffe2a0;--coral:#ff9d8a;--pink:#ff7cc0;--lavender:#c9a6ff;--sky:#8fd0f4;--danger:#ff8a9b;--glass:#1c143a8c;--glass-strong:#120d2acc;--edge:#ffe0d021;--shadow:0 24px 70px #08051c80, 0 8px 24px #08051c4d;--font-display:var(--font-unbounded), "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif;--font-ui:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;background:#0b0a26;margin:0}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:4px}.game-shell{background:linear-gradient(#10103a,#0b0a26 70%);grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.game-shell:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 47%,#0000 22%,#0a061e29 58%,#08041699 100%);position:absolute;inset:-50%}.animated-background{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.static-backdrop{background-color:#0b0620;background-image:radial-gradient(at 50% 32%,#542c9433,#0000 62%),radial-gradient(at 50% 110%,#96286e24,#0000 55%),repeating-linear-gradient(0deg,#947ee00d 0 1px,#0000 1px 46px),repeating-linear-gradient(90deg,#947ee00d 0 1px,#0000 1px 46px)}.menu-mode .arena{opacity:0;pointer-events:none;transition:opacity .25s}.arena{transition:opacity .35s}.run-curtain{z-index:30;pointer-events:none;opacity:0;background:linear-gradient(#0a0f2e,#231040 55%,#120820);transition:opacity .5s;position:fixed;inset:0}.run-curtain.visible{pointer-events:auto;opacity:1;transition-duration:.22s}.intro-ramp .stage-wrap,.intro-ramp .hud{opacity:0}.intro-ramp .stage-wrap{transform:translateY(-115vh)}.intro-drop .stage-wrap{animation:.85s cubic-bezier(.2,1.24,.32,1) both stage-drop-in}.intro-drop .hud-left{animation:.5s cubic-bezier(.16,1,.3,1) .5s both hud-drift-left}.intro-drop .hud-right{animation:.5s cubic-bezier(.16,1,.3,1) .5s both hud-drift-right}@keyframes stage-drop-in{0%{opacity:.35;transform:translateY(-115vh)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hud-drift-left{0%{opacity:0;transform:translate(-46px)}to{opacity:1;transform:none}}@keyframes hud-drift-right{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:none}}.intro-banner{z-index:20;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.8s .2s both intro-banner-in;display:flex;position:fixed;inset:0}.intro-banner span{font:650 11px/1 var(--font-mono), monospace;letter-spacing:.5em;text-indent:.5em;color:#8de9ff}.intro-banner strong{font:900 clamp(34px, 6vw, 64px)/1.05 var(--font-display), sans-serif;letter-spacing:.08em;color:#fff;text-shadow:0 0 24px #7df9ff8c,0 0 60px #ff4db459}.intro-banner b{font:650 11px/1 var(--font-mono), monospace;letter-spacing:.3em;text-indent:.3em;color:#d5a9ff;animation:1.1s ease-in-out infinite intro-banner-pulse}.intro-banner.leaving{animation:.45s both intro-banner-out}@keyframes intro-banner-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes intro-banner-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-26px)}}@keyframes intro-banner-pulse{50%{opacity:.45}}.suspended-overlay{z-index:40;pointer-events:none;place-items:center;padding:clamp(12px,3vw,24px);animation:.3s fadein;display:grid;position:fixed;inset:0;container-type:inline-size}.suspended-overlay .menu-card{pointer-events:auto}.suspended-overlay.on-title{background:linear-gradient(#09071c47,#09071c0f 30%,#09071c14 62%,#09071c80)}.suspended-overlay.over-run{-webkit-backdrop-filter:blur(18px)saturate(120%);background:#0c082073}.arena{z-index:2;grid-area:1/1;grid-template-columns:clamp(132px,11.5vw,220px) minmax(0,calc(80dvh - 19.2px)) clamp(132px,11.5vw,220px);justify-content:center;align-items:center;gap:clamp(14px,2.5vw,50px);min-height:0;padding:6px clamp(14px,2vw,32px);display:grid;position:relative}.stage-wrap{aspect-ratio:4/5;contain:size layout;perspective:1100px;filter:drop-shadow(0 25px 60px #0603168c);place-self:center;width:100%;min-width:0;max-width:calc(80dvh - 9.6px);height:auto;min-height:0;max-height:calc(100dvh - 12px);position:relative}.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border-radius:26px;width:100%;height:100%;display:block;transform:rotateX(1.8deg)}.stage-rim{background:conic-gradient(from 220deg, transparent, var(--sky), var(--lavender), var(--pink), var(--coral), transparent 70%);opacity:.14;filter:blur(18px);border-radius:34px;animation:12s linear infinite rimspin;position:absolute;inset:-9px}.hud{flex-direction:column;align-self:center;gap:12px;max-height:92%;display:flex}.hud-left{align-items:flex-end}.hud-right{align-items:flex-start}.hud-label{color:#c0b4d8;letter-spacing:.14em;justify-content:space-between;align-items:center;width:100%;padding:0 5px;font-size:10px;font-weight:650;display:flex}.hud-label kbd,.hud-label span{color:#837aa4;letter-spacing:.1em;font-size:8px}.piece-card,.stat-stack,.controls-hint,.b2b-badge{-webkit-backdrop-filter:blur(24px)saturate(135%);background:radial-gradient(circle at 16% -10%,#ffd6ba21,#0000 45%),linear-gradient(145deg,#2d204ea8,#0f0a24bd);border:0;border-radius:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe8d61f,inset 0 -1px #ffffff06,0 18px 48px #06031647}.piece-card:after,.stat-stack:after,.menu-card:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffebd617,#0000 24% 72%,#ffebd608);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 35%);mask-image:linear-gradient(#000,#0000 35%)}.hold-card{place-items:center;width:100%;min-height:112px;display:grid}.corner{display:none}.mini-piece{place-content:center;gap:3px;width:76px;height:58px;display:grid}.mini-piece span{color:#0000;border-top:1px solid #ffffff73;border-radius:5px;width:19px;height:19px}.mini-empty{color:#6f6690;letter-spacing:.16em;font-size:9px;font-weight:600}.stat-stack{width:100%;padding:5px 13px}.stat-stack>div{border-bottom:1px solid #ffebd60f;justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.stat-stack>div:last-child{border-bottom:0}.stat-stack span{color:#978db4;letter-spacing:.12em;font-size:9px;font-weight:650}.stat-stack strong{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:19px;font-weight:740}.b2b-badge{width:100%;color:var(--sun);letter-spacing:.14em;text-align:center;padding:10px 8px;font-size:8px;font-weight:700;animation:1.2s infinite pulse;box-shadow:inset 0 1px #ffe2a033,0 10px 32px #06031633,0 0 22px #ffe2a00f}.next-stack{flex-direction:column;gap:7px;width:100%;display:flex}.next-card{place-items:center;height:72px;transition:transform .25s,background .25s;display:grid}.next-card .mini-piece{transform:scale(.72)}.next-card.up-next{background:radial-gradient(circle at 20% 0,#ffd2aa21,#0000 48%),linear-gradient(145deg,#342556c2,#0f0a24cc);height:100px;box-shadow:inset 0 1px #ffebd626,0 20px 50px #0603164d,0 0 28px #ff9d8a12}.next-card.up-next .mini-piece{transform:scale(.9)}.queue-num{color:#7b719d;font-size:8px;font-weight:650;position:absolute;top:9px;left:11px}.controls-hint{border-radius:18px;flex-direction:column;gap:7px;width:100%;margin-top:3px;padding:11px;display:flex}.controls-hint div{align-items:center;gap:4px;display:flex}.controls-hint span{color:#8b81ab;letter-spacing:.09em;margin-left:auto;font-size:8px;font-weight:650}.run-mode-badge,.gravity-indicator,.horizon-clock{background:linear-gradient(145deg,#201946b8,#0a081ec2);border:1px solid #7df9ff24;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 10px 28px #05031438}.run-mode-badge{text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.run-mode-badge span,.gravity-indicator span{color:#a99fc1;letter-spacing:.12em;font-size:7px;font-weight:750}.run-mode-badge b{color:#96f5ff;font:750 8px var(--font-mono);letter-spacing:.08em}.gravity-indicator{justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.gravity-indicator strong{color:#9cf7ff;font:800 10px var(--font-mono);letter-spacing:.08em;text-shadow:0 0 14px #7df9ff66}.horizon-clock{border-color:#7df9ff3d;place-items:center;padding:11px 8px;display:grid}.horizon-clock span{color:#9beaf4;letter-spacing:.16em;font-size:7px;font-weight:750}.horizon-clock strong{color:#f4ffff;font:650 25px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 20px #7df9ff59;margin:3px 0 2px}.horizon-clock small{color:#887fa8;letter-spacing:.08em;font-size:6px;font-weight:700}.horizon-clock.urgent{border-color:#ff527c99;animation:.8s ease-in-out infinite horizonpulse}.horizon-clock.urgent span,.horizon-clock.urgent strong{color:#ffafc2;text-shadow:0 0 20px #ff3c6e8c}kbd{color:#dcd2e8;min-width:24px;height:22px;font:650 9px var(--font-ui);background:#ffebd614;border:0;border-radius:7px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:inset 0 1px #ffebd61f,0 4px 10px #0603162e}.overlay{z-index:10;-webkit-backdrop-filter:blur(10px)saturate(125%);background:#0a071c8c;border-radius:26px;place-items:center;padding:clamp(12px,3cqi,24px);animation:.3s fadein;display:grid;position:absolute;inset:0;container-type:inline-size}.menu-card{border:1px solid var(--edge);width:min(430px,92%);box-shadow:inset 0 1px 0 #ffebd624, inset 0 -1px 0 #ffffff06, var(--shadow);-webkit-backdrop-filter:blur(34px)saturate(145%);text-align:center;background:radial-gradient(circle at 18% -5%,#ffd6ba24,#0000 38%),radial-gradient(circle at 92% 110%,#c9a6ff1a,#0000 35%),#150e2ec2;border-radius:30px;padding:clamp(26px,7cqi,36px);animation:.45s cubic-bezier(.2,.9,.3,1) menuin;position:relative;overflow:hidden}.hero-menu{width:min(460px,94%);box-shadow:none;-webkit-backdrop-filter:none;background:radial-gradient(at 50% 42%,#0c082261,#0000 72%);border:0;border-radius:0;padding:clamp(24px,6cqi,38px) clamp(20px,6cqi,34px);overflow:visible}.hero-menu:after{display:none}.eyebrow{z-index:1;color:var(--sun);letter-spacing:.26em;margin-bottom:14px;font-size:clamp(9px,1.8cqi,11px);font-weight:700;position:relative}.eyebrow.danger{color:var(--danger)}.menu-card h1,.menu-card h2{z-index:1;font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:700;line-height:1.02;position:relative}.menu-card h1{white-space:nowrap;flex-direction:column;align-items:center;gap:.04em;font-size:clamp(30px,7.2cqi,52px);display:flex}.title-line{-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 34px #ff8cbe59);background:linear-gradient(#fff8e6,#ffd9ae 58%,#ffb3d9);-webkit-background-clip:text;background-clip:text}.title-line-b{background:linear-gradient(#ffd9ae,#ff9ecf 60%,#d9a6ff);-webkit-background-clip:text;background-clip:text}.menu-card h2{color:var(--ink);text-shadow:0 8px 30px #ff8cbe2e;font-size:clamp(30px,6cqi,40px)}.hero-actions{gap:9px;margin-top:32px;display:grid}.mode-selector{z-index:2;border:0;margin:17px 0 0;padding:0;display:grid;position:relative}.mode-selector legend{color:#baaeca;width:100%;font:700 8px var(--font-mono);letter-spacing:.16em;text-align:center;margin-bottom:7px}.mode-toggle{-webkit-backdrop-filter:blur(10px);background:#140d2c61;border:1px solid #ffe0d033;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;box-shadow:0 8px 26px #08051c40}.mode-toggle button{cursor:pointer;color:#b9adda;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:42px;padding:6px 10px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:flex}.mode-toggle button:focus-visible{outline-offset:1px;outline:2px solid #ffe2a0a6}.mode-toggle button.selected{color:#fff6ee;background:#ffecf41f;border-color:#ffe2a073;box-shadow:inset 0 1px #ffebd629,0 4px 14px #08051c4d}.mode-toggle strong{letter-spacing:.12em;font-size:10px}.mode-toggle small{color:#7f759c;font:700 7px var(--font-mono);letter-spacing:.08em}.mode-toggle button.selected small{color:#cdb8a8}.hero-menu.has-mode-selector .hero-actions{margin-top:14px}.hero-actions .primary,.hero-actions .secondary{border-radius:14px;height:50px;margin:0}.hero-actions .secondary{color:#f4e9ee;-webkit-backdrop-filter:blur(10px);background:#140d2c61;border:1px solid #ffe0d033;box-shadow:0 8px 26px #08051c40}.hero-actions>*{animation:.5s cubic-bezier(.2,.9,.3,1) backwards fadeup}.hero-actions>:nth-child(2){animation-delay:60ms}.hero-actions>:nth-child(3){animation-delay:.12s}.hero-actions>:nth-child(4){animation-delay:.18s}.menu-controls-hint{color:#b9a4c4;font:650 9px var(--font-mono);letter-spacing:.1em;text-shadow:0 2px 10px #09071ccc;margin-top:22px}.primary,.secondary{z-index:1;cursor:pointer;letter-spacing:.14em;border:0;border-radius:15px;width:100%;height:50px;margin-top:10px;font-size:11px;font-weight:700;transition:transform .18s,filter .18s,background .18s,box-shadow .18s,border-color .18s;position:relative}.primary{color:#33122e;background:linear-gradient(105deg,#ffe9b0,#ffb49b 48%,#ff8ec7);justify-content:center;align-items:center;gap:16px;display:flex;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #5a143c24,0 12px 34px #ff8caa3d}.primary small{color:#7c4560;font-size:9px;font-weight:650}.primary:active{transform:translateY(0)scale(.985)}.secondary{color:#ded2e6;-webkit-backdrop-filter:blur(12px);background:#ffecf412;box-shadow:inset 0 1px #ffebd61a,0 10px 24px #08051c2e}.secondary:active{transform:scale(.985)}.danger-action{color:#f4b3bd}.menu-hint{z-index:1;color:#776c99;letter-spacing:.1em;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:25px;font-size:9px;font-weight:650;display:flex;position:relative}.final-score{z-index:1;background:linear-gradient(150deg,#ffd6ba14,#c9a6ff0d);border-radius:20px;flex-direction:column;margin:26px 0;padding:20px;display:flex;position:relative;box-shadow:inset 0 1px #ffebd61a}.final-score span{color:#a297bd;letter-spacing:.16em;font-size:10px;font-weight:650}.final-score strong{font:600 clamp(28px, 7cqi, 36px) var(--font-display);letter-spacing:0;-webkit-text-fill-color:transparent;background:linear-gradient(#fff5df,#ffc0a4 70%,#ff9ecf);-webkit-background-clip:text;background-clip:text;margin:6px 0 4px}.final-score small{color:#b3a8ca;letter-spacing:.08em;font-size:10px;font-weight:560}.gameover-card{max-height:94%;overflow:auto}.run-summary{z-index:1;grid-template-columns:repeat(3,1fr);gap:6px;margin:-14px 0 20px;display:grid;position:relative}.run-summary span{color:#887e9f;letter-spacing:.06em;background:#ffffff09;border-radius:11px;flex-direction:column;gap:3px;min-width:0;padding:9px 5px;font-size:6px;font-weight:750;display:flex}.run-summary b{color:#eee5f0;font:750 12px var(--font-mono)}.overlay.breach{background:radial-gradient(circle at 50% 45%,#7d083073,#0a0419d1);animation:.55s both breachin}.gravity-shift-banner{z-index:8;pointer-events:none;text-align:center;text-transform:uppercase;place-content:center;animation:1.4s both shiftbanner;display:grid;position:absolute;inset:0}.gravity-shift-banner:before{content:"";filter:blur(18px);background:linear-gradient(90deg,#0000,#4e1e7fc7,#10afd285,#0000);position:absolute;inset:15% 0}.gravity-shift-banner span,.gravity-shift-banner strong,.gravity-shift-banner b{position:relative}.gravity-shift-banner span{color:#c6baf5;font:800 9px var(--font-mono);letter-spacing:.28em}.gravity-shift-banner strong{color:#fff;font:750 clamp(24px, 6cqi, 46px) var(--font-display);letter-spacing:.03em;text-shadow:-3px 0 #ff55bc,3px 0 #42e7ff,0 0 30px #7564ff;margin:7px 0}.gravity-shift-banner b{color:#b9f9ff;font:800 11px var(--font-mono);letter-spacing:.18em}.gravity-shifting:after{content:"";z-index:7;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 4px,#7eebff09 5px);animation:.16s steps(2,end) infinite chromashift;position:fixed;inset:0}.gravity-help{color:#a9eff7;letter-spacing:.08em;background:#46377824;border:1px solid #7df9ff33;border-radius:10px;justify-content:space-between;gap:12px;margin:10px 0;padding:9px 11px;font-size:8px;display:flex}.score-submit{z-index:1;text-align:left;background:#0e092280;border:1px solid #ffe2a029;border-radius:16px;margin:-11px 0 9px;padding:14px;position:relative}.score-submit label{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.score-submit label strong{color:#f6ecf2;letter-spacing:.1em;font-size:10px}.score-submit label span{color:#9a8fb8;font-size:9px}.score-submit>div{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.score-submit input{min-width:0;height:40px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#080518b8;border:1px solid #ffe2a038;border-radius:11px;outline:0;padding:0 12px;font-size:12px}.score-submit input::placeholder{color:#776c99}.score-submit button{height:40px;color:var(--sun);cursor:pointer;letter-spacing:.08em;background:#ffe2a026;border:0;border-radius:11px;padding:0 14px;font-size:9px;font-weight:750;transition:background .18s}.score-submit p{color:var(--danger);margin:8px 1px 0;font-size:9px}.score-submitted{z-index:1;background:#ffe2a012;border:1px solid #ffe2a033;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:-11px 0 9px;padding:14px;display:flex;position:relative}.score-submitted strong{color:var(--sun);letter-spacing:.12em;font-size:10px}.score-submitted span{color:#b3a482;font-size:9px}.leaderboard-card{text-align:left;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffebd624 transparent;width:min(620px,96%);max-height:94%;padding:28px;overflow:auto}.leaderboard-head{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.leaderboard-head h2{text-align:left;font-size:clamp(26px,5.6cqi,36px)}.leaderboard-mode-toggle{z-index:1;margin-top:24px;position:relative}.leaderboard-alert{z-index:1;color:#ffb3bf;letter-spacing:.05em;background:#ff8a9b1f;border-radius:12px;margin:14px 0 0;padding:10px 12px;font-size:10px;font-weight:650;position:relative}.player-strip{z-index:1;background:linear-gradient(115deg,#ff9d8a21,#c9a6ff1a);border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;margin:20px 0 12px;padding:12px;display:grid;position:relative;box-shadow:inset 0 1px #ffebd61c}.generated-avatar,.player-mark{color:#fff;background:linear-gradient(145deg, hsl(var(--avatar-hue,320) 82% 62%), hsl(calc(var(--avatar-hue,320) + 65) 76% 36%));width:44px;height:44px;font:600 16px var(--font-display);border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff47,0 7px 18px #08051c3d}.player-mark{color:#fff;font:600 17px var(--font-display);place-items:center;display:grid}.player-strip>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.player-strip form{display:contents}.player-strip form label{flex-direction:column;gap:4px;min-width:0;display:flex}.player-strip strong{text-overflow:ellipsis;color:#f6ecf2;letter-spacing:.05em;font-size:12px;overflow:hidden}.player-strip span{color:#9a8fb8;letter-spacing:.07em;font-size:9px;font-weight:650}.player-strip input{width:min(210px,100%);height:28px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#08051894;border:1px solid #ffe2a033;border-radius:9px;outline:0;margin-top:3px;padding:0 9px;font-size:11px}.player-strip input::placeholder{color:#776c99}.player-strip button:disabled{opacity:.4;cursor:not-allowed}.leaderboard-list{z-index:1;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#ffebd64d transparent;min-height:166px;max-height:min(38dvh,340px);margin:0;padding:0;list-style:none;position:relative;overflow:hidden auto}.leaderboard-list:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:12px}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:0 0}.leaderboard-list::-webkit-scrollbar-thumb{background:#ffebd64d padding-box padding-box;border:2px solid #0000;border-radius:999px}.leaderboard-list li{border-bottom:1px solid #ffebd60f;grid-template-columns:30px 36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px 11px;display:grid}.leaderboard-list li:first-child:not(.leaderboard-state){background:#ffe2a00f;border-radius:14px}.leaderboard-list .rank{color:#837aa4;font:650 11px var(--font-mono)}.leaderboard-list li:first-child .rank{color:var(--sun)}.leaderboard-list .generated-avatar{border-radius:12px;width:36px;height:36px;font-size:13px}.leaderboard-list li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.leaderboard-list strong{text-overflow:ellipsis;white-space:nowrap;color:#ece2f0;font-size:11px;overflow:hidden}.leaderboard-list b{color:var(--ink);font:740 14px var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:0}.leaderboard-list .leaderboard-state{color:#837aa4;letter-spacing:.1em;text-align:center;grid-template-columns:1fr;place-items:center;font-size:10px;font-weight:650;display:grid}.leaderboard-card>.primary{margin-top:14px}.leaderboard-card>.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.share-button{color:var(--sky)}.settings-card{text-align:left;scrollbar-width:thin;scrollbar-color:#ffebd624 transparent;width:min(580px,96%);max-height:94%;padding:28px;overflow:auto}.settings-head{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.settings-head h2{text-align:left;font-size:clamp(26px,5.6cqi,34px)}.close{color:#cfc3dd;cursor:pointer;background:#ffecf414;border:0;border-radius:12px;width:38px;height:38px;font-size:22px;transition:all .18s;box-shadow:inset 0 1px #ffebd61f}.settings-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:24px;display:grid;position:relative}.settings-card h3{color:#a297bd;letter-spacing:.18em;margin:0 0 15px;font-size:10px;font-weight:700}.setting-row{margin-bottom:18px;display:block}.setting-row>span{color:#d5cae0;letter-spacing:.09em;justify-content:space-between;font-size:10px;font-weight:620;display:flex}.setting-row small{color:var(--sun);font-size:10px}.setting-row input[type=range]{width:100%;height:4px;accent-color:var(--coral);border-radius:10px;margin-top:13px}.toggle{color:#d5cae0;letter-spacing:.07em;border-radius:8px;justify-content:space-between;align-items:center;height:38px;font-size:10px;font-weight:620;display:flex;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle:focus-within{outline:2px solid var(--sun);outline-offset:3px}.toggle i{background:#ffecf41a;border-radius:20px;width:40px;height:22px;transition:all .2s;position:relative;box-shadow:inset 0 1px #ffebd61a}.toggle i:after{content:"";background:#978cb5;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #08051c4d}.toggle input:checked+i{background:#ff9d8a4d;box-shadow:inset 0 1px #ffebd62e,0 0 18px #ff9d8a29}.toggle input:checked+i:after{background:var(--sun);left:22px}.control-map{z-index:1;background:#ffecf40b;border-radius:19px;margin-top:10px;padding:18px;position:relative;box-shadow:inset 0 1px #ffebd612}.control-map>div{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.control-map span{color:#a297bd;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:9px;font-weight:620;display:flex}.control-map kbd{font-size:8px}.settings-card>.primary{margin-top:22px}.help-card{text-align:left;scrollbar-width:thin;scrollbar-color:#ffebd624 transparent;width:min(620px,96%);max-height:94%;padding:28px;overflow:auto}.help-head{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.help-head h2{text-align:left;font-size:clamp(24px,5.2cqi,34px)}.help-tabs{z-index:1;background:#ffecf40b;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0 14px;padding:5px;display:grid;position:relative}.help-tabs button{color:#a297bd;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-radius:10px;height:36px;font-size:9px;font-weight:720;transition:color .18s,background .18s}.mode-toggle button:hover{color:#f4e9ee;background:#ffecf40f}.hero-actions .secondary:hover{background:#1e143a8c;border-color:#ffe2a073}.primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 16px 40px #ff8caa57}.secondary:hover{color:var(--ink);background:#ffecf41c;transform:translateY(-1px)}.danger-action:hover{color:#ffd3da;background:#ff8a9b1f}.score-submit button:hover{background:#ffe2a03d}.close:hover{color:var(--ink);background:#ffecf424;transform:scale(1.04)}.help-tabs button:hover{color:var(--ink)}.help-tabs button.active{color:#33122e;background:linear-gradient(105deg, var(--sun), #ffc5ad 60%, #ffabd4);box-shadow:0 7px 18px #ff9d8a2e}.tutorial-title{z-index:1;color:var(--coral);letter-spacing:.16em;margin:16px 2px 9px;font-size:9px;font-weight:720;position:relative}.tutorial-steps{z-index:1;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;list-style:none;display:grid;position:relative}.tutorial-steps li{background:#ffecf40d;border-radius:14px;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:9px;min-height:68px;padding:12px;display:grid;box-shadow:inset 0 1px #ffebd60f}.tutorial-steps li>span{color:#837aa4;font:680 10px var(--font-mono)}.tutorial-steps strong{color:#f0e6f2;letter-spacing:.08em;font-size:10px;display:block}.tutorial-steps p{color:#a89dc2;margin:5px 0 0;font-size:10px;font-weight:500;line-height:1.45}.help-card>.primary{margin-top:14px}.mobile-controls,.gesture-legend,.help-control,.pause-control{display:none}.reduce-motion *{transition:none!important;animation:none!important}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.piece-card,.stat-stack,.controls-hint,.menu-card{background-color:#120c26f5}.suspended-overlay.over-run{background:#0c0820d9}}@keyframes pulse{50%{opacity:.5}}@keyframes rimspin{to{filter:blur(18px)hue-rotate(360deg)}}@keyframes fadein{0%{opacity:0}}@keyframes menuin{0%{opacity:0;transform:translateY(14px)scale(.965)}}@keyframes fadeup{0%{opacity:0;transform:translateY(12px)}}@keyframes horizonpulse{50%{transform:scale(1.025);box-shadow:0 0 26px #ff2d6938,inset 0 1px #ffffff1f}}@keyframes shiftbanner{0%,to{opacity:0;transform:scale(.82)}18%,78%{opacity:1;transform:scale(1)}}@keyframes chromashift{50%{filter:hue-rotate(25deg);transform:translate(3px)}}@keyframes breachin{0%{opacity:0;filter:saturate(2)brightness(1.8)}}@media (max-width:900px){.arena{grid-template-columns:minmax(100px,130px) minmax(0,calc(80dvh - 12.8px)) minmax(100px,130px);gap:12px;padding-inline:8px}.controls-hint{display:none}.hud{gap:8px}.hold-card{min-height:90px}.next-card{height:61px}.next-card.up-next{height:82px}.stat-stack strong{font-size:17px}}@media (max-width:680px){.game-shell{--mobile-hud-height:clamp(54px, 8.5dvh, 68px);--touch-row-height:calc(clamp(56px, 9dvh, 74px) + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);width:100%;height:100dvh;min-height:0}.game-shell:has(>.mobile-controls){grid-template-rows:minmax(0, 1fr) var(--touch-row-height)}.arena{min-width:0;padding:4px max(4px, env(safe-area-inset-right)) 4px max(4px, env(safe-area-inset-left));display:block;overflow:hidden}.stage-wrap{width:100%;height:calc(100% - var(--mobile-hud-height));min-width:0;max-width:none;max-height:none;margin:var(--mobile-hud-height) auto 0;aspect-ratio:auto;contain:layout;perspective:none;filter:none}.game-canvas{border-radius:18px;transform:none}.stage-rim{display:none}.piece-card,.stat-stack,.b2b-badge{-webkit-backdrop-filter:none}.suspended-overlay.over-run{-webkit-backdrop-filter:none;background:#0c0820c7}.overlay{border-radius:18px;padding:9px}.hud{z-index:5;top:max(5px, env(safe-area-inset-top));max-height:var(--mobile-hud-height);pointer-events:none;position:absolute}.hud-left{left:max(5px, env(safe-area-inset-left));width:calc(100% - 88px - max(10px, env(safe-area-inset-left)));height:calc(var(--mobile-hud-height) - 8px);flex-direction:row;align-items:stretch;gap:5px}.hud-right{right:max(5px, env(safe-area-inset-right));width:72px;height:calc(var(--mobile-hud-height) - 8px)}.hud-label,.run-mode-badge,.gravity-indicator{display:none}.horizon-clock{z-index:7;top:calc(max(5px, env(safe-area-inset-top)) + var(--mobile-hud-height) - 2px);background:#0a081ed6;border-radius:10px;width:auto;min-width:118px;padding:5px 10px;position:fixed;left:50%;transform:translate(-50%)}.horizon-clock strong{margin:0;font-size:15px}.horizon-clock small{display:none}.horizon-clock.urgent{animation:none;transform:translate(-50%)scale(1.04)}.hold-card{background-color:#0f0a24c7;border-radius:14px;width:54px;min-width:54px;height:100%;min-height:0}.hold-card .mini-piece{transform:scale(.48)}.stat-stack{border-radius:14px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 7px;display:grid}.stat-stack>div{border-bottom:0;border-right:1px solid #ffebd60f;flex-direction:column;justify-content:center;min-width:0;padding:0 4px;display:flex}.stat-stack>div:last-child{border-right:0}.stat-stack span{font-size:7px}.stat-stack strong{text-overflow:ellipsis;font-size:clamp(10px,3.2vw,13px);display:block;overflow:hidden}.b2b-badge{border-radius:9px;width:auto;padding:3px 6px;font-size:6px;position:absolute;bottom:-6px;left:59px}.next-stack{gap:0;height:100%}.next-card{display:none}.next-card:first-child{background-color:#0f0a24c7;border-radius:14px;height:100%;display:grid}.next-card.up-next{height:100%}.next-card .mini-piece,.next-card.up-next .mini-piece{transform:scale(.5)}.queue-num{font-size:6px;top:5px;left:6px}.mobile-controls{z-index:20;min-width:0;padding:6px max(7px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));-webkit-backdrop-filter:none;background:#100b22f0;grid-area:2/1;grid-template-columns:58px minmax(0,1fr) 54px 58px;gap:5px;display:grid;position:relative;box-shadow:inset 0 1px #ffebd612}.mobile-controls button{color:#ddd2e6;touch-action:manipulation;background:#ffecf414;border:0;border-radius:14px;min-width:0;min-height:44px;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffebd61a,0 5px 14px #08051c2e}.mobile-controls button:active{background:#ffecf424;transform:scale(.94)}.mobile-controls .drop{color:#33122e;background:linear-gradient(135deg, var(--sun), var(--coral))}.mobile-controls .gesture-fallback{display:none}.gesture-legend{color:#8b81ab;letter-spacing:.06em;text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));place-content:center;gap:3px 8px;min-width:0;font-size:7px;font-weight:680;display:grid}.help-control{display:block;color:var(--sun)!important}.pause-control{display:block;color:#ffd6e8!important}.menu-card{border-radius:25px;width:min(430px,96%);padding:24px 19px}.gameover-card{max-height:97%;padding-block:20px}.gameover-card .final-score{margin-block:18px;padding:14px}.hero-menu{padding:28px 19px}.hero-menu.has-mode-selector{max-height:98%;padding-block:16px}.mode-selector{margin-top:10px}.mode-toggle button{min-height:40px}.hero-menu.has-mode-selector .hero-actions{margin-top:10px}.menu-card h1{font-size:clamp(26px,9cqi,40px)}.settings-grid{grid-template-columns:1fr;gap:8px}.settings-card{max-height:97%;padding:21px}.leaderboard-card,.help-card{max-height:97%;padding:21px 16px}.tutorial-steps{grid-template-columns:1fr}.tutorial-steps li{min-height:58px}.player-strip{grid-template-columns:38px minmax(0,1fr)}.player-strip .generated-avatar,.player-mark{border-radius:12px;width:38px;height:38px}.leaderboard-list{max-height:36dvh}.leaderboard-list li{grid-template-columns:24px 34px minmax(0,1fr) auto;gap:7px;padding-inline:7px}.control-map{display:none}.menu-hint{gap:7px 12px}}@media (max-width:360px),(max-width:680px) and (max-height:620px){.game-shell{--mobile-hud-height:52px;--touch-row-height:calc(56px + env(safe-area-inset-bottom))}.hold-card{width:48px;min-width:48px}.hud-left{width:calc(100% - 80px - max(10px, env(safe-area-inset-left)))}.hud-right{width:66px}.stat-stack{padding-inline:3px}.stat-stack>div{padding-inline:2px}.stat-stack strong{font-size:10px}.mobile-controls{gap:3px;padding-inline:5px}.mobile-controls button{border-radius:12px;min-height:42px;font-size:8px}}@media (max-height:420px){.suspended-overlay{padding:4px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left))}.hero-menu{padding:14px 18px}.hero-menu .eyebrow{margin-bottom:7px}.hero-actions{margin-top:11px}.hero-menu .primary,.hero-menu .secondary{height:40px;margin-top:5px}.hero-menu .menu-hint{margin-top:9px}.hero-menu.has-mode-selector{grid-template-columns:1fr 1.25fr;align-items:center;gap:8px 20px;width:min(680px,98%);display:grid}.hero-menu.has-mode-selector h1,.hero-menu.has-mode-selector .hero-tagline,.hero-menu.has-mode-selector .mode-selector{grid-column:1}.hero-menu.has-mode-selector .hero-actions,.hero-menu.has-mode-selector .hero-info-links,.hero-menu.has-mode-selector .menu-controls-hint{grid-column:2}.hero-menu.has-mode-selector .hero-actions{grid-row:1/span 3;margin-top:0}.hero-menu.has-mode-selector .hero-info-links,.hero-menu.has-mode-selector .menu-controls-hint{display:none}.mode-toggle button{min-height:36px}}@media (pointer:coarse) and (min-width:681px){.game-shell{--touch-row-height:calc(clamp(58px, 9dvh, 74px) + env(safe-area-inset-bottom))}.game-shell:has(>.mobile-controls){grid-template-rows:minmax(0, 1fr) var(--touch-row-height)}.mobile-controls{z-index:20;padding:7px max(10px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(22px);background:#100b22cc;grid-area:2/1;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid;position:relative}.mobile-controls button{color:#ddd2e6;touch-action:manipulation;background:#ffecf414;border:0;border-radius:15px;min-height:44px;font-size:9px;font-weight:700}.mobile-controls .drop{color:#33122e;background:linear-gradient(135deg, var(--sun), var(--coral))}.mobile-controls .pause-control{color:#ffd6e8;display:block}}@media (pointer:coarse) and (min-width:681px) and (max-height:500px){.game-shell:has(>.mobile-controls){grid-template-columns:minmax(0, 1fr) calc(96px + env(safe-area-inset-right));grid-template-rows:minmax(0,1fr)}.game-shell:has(>.mobile-controls) .arena{grid-area:1/1}.mobile-controls{padding:max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) 7px;grid-area:1/2;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-controls button{min-height:0;padding:0}}@media (max-height:720px) and (min-width:681px){.arena{padding-block:4px}.next-card{height:54px}.next-card.up-next{height:72px}.hold-card{min-height:78px}.stat-stack>div{padding:7px 0}.controls-hint{display:none}.menu-card{padding-block:26px}.hero-menu{padding-block:30px}.hero-actions{margin-top:22px}.menu-hint{margin-top:18px}}.account-card{text-align:left;scrollbar-width:thin;width:min(520px,96%);max-height:94%;padding:28px;overflow:auto}.account-card h2{text-align:left;font-size:clamp(25px,5cqi,36px)}.account-form{z-index:1;gap:12px;margin-top:16px;display:grid;position:relative}.account-form.compact{border-top:1px solid #ffebd617;padding:14px 0}.account-form h3{color:var(--sun);letter-spacing:.16em;margin:0;font-size:10px}.account-form label{color:#b3a482;letter-spacing:.12em;gap:6px;font-size:9px;font-weight:700;display:grid}.account-form input{width:100%;min-width:0;height:42px;color:var(--ink);font:600 12px var(--font-ui);-webkit-user-select:text;user-select:text;background:#080518b8;border:1px solid #ffe2a038;border-radius:11px;outline:0;padding:0 12px}.account-form input:focus{border-color:#ffe2a09e;box-shadow:0 0 0 3px #ffe2a014}.account-form small,.account-form p{color:#857a9d;margin:0;font-size:9px;line-height:1.5}.turnstile-slot{width:100%;min-height:65px}.turnstile-status{color:#a79bbd;letter-spacing:.1em;font-size:9px;font-weight:700}.account-alert{z-index:1;color:#ffb3bf;background:#ff5f7821;border-radius:10px;padding:10px 12px;font-size:10px;line-height:1.4;position:relative}.account-manage-card>.secondary{width:100%;margin-top:14px}.danger-zone{z-index:1;border-top:1px solid #ff5f7833;margin-top:12px;padding-top:12px;position:relative}.danger-zone summary{color:#ff8a9b;cursor:pointer;letter-spacing:.12em;font-size:10px;font-weight:750}@media (max-width:560px){.account-card{padding:21px}.turnstile-slot{min-width:0;overflow:hidden}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-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}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:4px}.hero-tagline{z-index:1;color:#ead8e7;letter-spacing:.025em;text-shadow:0 3px 16px #09071ce6;max-width:340px;margin:13px auto 0;font-size:13px;font-weight:620;line-height:1.4;position:relative}.hero-menu .hero-actions{margin-top:22px}.hero-info-links{z-index:1;justify-content:center;gap:22px;margin-top:17px;display:flex;position:relative}.hero-info-links a{color:#d8c8e2;letter-spacing:.13em;font-size:9px;font-weight:750;text-decoration:none;transition:color .18s}.hero-info-links a:hover{color:var(--sun)}.info-page,.score-page{z-index:20;color:var(--ink);-webkit-user-select:text;user-select:text;background:#09071c url(/social/horizon-drop-main.jpg) 50%/cover fixed;padding:clamp(18px,4vw,52px);position:fixed;inset:0;overflow:auto}.info-page:before,.score-page:before{content:"";pointer-events:none;background:linear-gradient(135deg,#060418f5,#0f082bdb 55%,#070519ed);position:fixed;inset:0}.info-glow{pointer-events:none;background:radial-gradient(circle at 75% 18%,#68c4ff29,#0000 30%),radial-gradient(circle at 20% 82%,#ff7cc021,#0000 34%);position:fixed;inset:0}.info-card{width:min(900px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(125%);backdrop-filter:blur(28px)saturate(125%);background:#0d0826d1;border:1px solid #ffe2a029;border-radius:32px;margin:0 auto;padding:clamp(26px,6vw,68px);position:relative}.info-brand{color:var(--ink);flex-direction:column;gap:5px;text-decoration:none;display:inline-flex}.info-brand span{font:750 clamp(17px, 3vw, 23px) var(--font-display);letter-spacing:.02em}.info-brand small{color:#c8bad5;letter-spacing:.04em;font-size:10px}.info-card>header{max-width:720px;margin-top:clamp(42px,7vw,72px)}.info-eyebrow{color:var(--sun);letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px;font-size:10px;font-weight:800}.info-card h1{font:750 clamp(38px, 7vw, 68px)/1.05 var(--font-display);letter-spacing:-.025em;margin:0}.info-intro{color:#e7ddeb;margin:24px 0 0;font-size:clamp(18px,3vw,23px);line-height:1.55}.info-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 48px;margin-top:58px;display:grid}.info-content section{border-top:1px solid #ffe2a024;padding-top:20px}.info-content h2{color:#ffe2c1;font:720 16px var(--font-display);margin:0 0 12px}.info-content p{color:#c8bdd4;margin:0;font-size:15px;line-height:1.72}.control-list{gap:0;margin:0;display:grid}.control-list div{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:22px;padding:9px 0;display:flex}.control-list dt{color:#f3e6ee;font-weight:700}.control-list dd{color:#aebfe0;text-align:right;margin:0}.info-actions{border-top:1px solid #ffe2a024;flex-wrap:wrap;align-items:center;gap:22px;margin-top:58px;padding-top:28px;display:flex}.info-actions a{color:#d8cde0;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:750;text-decoration:none}.info-actions .info-play{color:#140827;background:linear-gradient(135deg,#ff9d8a,#ff7cc0 52%,#a985ff);border-radius:12px;padding:13px 20px;box-shadow:0 12px 35px #ff7cc03d}.score-page{background-image:url(/social/horizon-drop-score.jpg);place-items:center;display:grid}.score-share-card{text-align:center;width:min(620px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#08051ec7;border:1px solid #ffe2a02e;border-radius:32px;flex-direction:column;align-items:center;padding:clamp(34px,8vw,72px);display:flex;position:relative}.score-share-card p{color:#ffb7da;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.score-share-card strong{font:800 clamp(58px, 14vw, 105px)/1 var(--font-display);text-shadow:0 0 32px #68c4ff80;margin-top:20px}.score-share-card h1{font:720 clamp(24px, 5vw, 36px) var(--font-display);margin:22px 0 0}.score-share-card span{color:#d9cedf;margin-top:16px;font-size:14px}.score-share-card a{color:#140827;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#ff9d8a,#ff7cc0 52%,#a985ff);border-radius:13px;margin-top:34px;padding:15px 25px;font-size:12px;font-weight:800;text-decoration:none}@media (max-width:660px){.info-page,.score-page{padding:10px}.info-card{border-radius:22px}.info-content{grid-template-columns:1fr;margin-top:42px}.control-list div{gap:4px;display:grid}.control-list dd{text-align:left}}