@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Luckiest+Guy&display=swap";/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.float-left{float:left}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.contents\!{display:contents!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[2rem\]{font-size:2rem}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-none{--tw-shadow:0 0 #0000;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}.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,)}.sepia{--tw-sepia:sepia(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-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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:translate-y-\[-4px\]:hover{--tw-translate-y:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:opacity-80:hover{opacity:.8}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:root{color:#e2e8f0;--font-heading:"Luckiest Guy", "Fredoka", sans-serif;--font-body:"Fredoka", sans-serif;--ink:#141019;--border-dark:#fbbf24;--shadow-dark:#f59e0b;--pink:#ec4899;--purple:#8b5cf6;--teal:#2dd4bf;--yellow:#f59e0b;--sky:#38bdf8;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);background-color:#020617;font-family:Inter,Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}button,.calculator-key,[role=button]{touch-action:manipulation;-webkit-touch-callout:none}body{padding:0;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);color:#e2e8f0;background:radial-gradient(circle at top,#1e1b4b,#030712 60%);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}.font-heading{font-family:var(--font-heading);letter-spacing:.04em}.landing-bg{background:radial-gradient(circle at 15% 20%,#ffedd58c,#0000 40%),radial-gradient(circle at 85% 30%,#fdf4ffa6,#0000 45%),radial-gradient(circle at 70% 80%,#e0e7ff8c,#0000 45%),linear-gradient(135deg,#fde2e2,#efe4ff,#d9f7ff)}.styles-bg-pink-wavy{background-color:#f5d5f8;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' fill='%23f5d5f8'/%3E%3Crect x='10' y='10' width='60' height='60' rx='20' fill='%23c084fc'/%3E%3Crect x='10' y='10' width='60' height='60' rx='20' fill='%23d8b4fe' opacity='0.5'/%3E%3Crect x='-30' y='10' width='60' height='60' rx='20' fill='%23e9d5ff' opacity='0.3'/%3E%3Crect x='50' y='10' width='60' height='60' rx='20' fill='%23e9d5ff' opacity='0.3'/%3E%3Crect x='10' y='-30' width='60' height='60' rx='20' fill='%23e9d5ff' opacity='0.3'/%3E%3Crect x='10' y='50' width='60' height='60' rx='20' fill='%23e9d5ff' opacity='0.3'/%3E%3Cg fill='%23a855f7'%3E%3Crect x='-2' y='37' width='8' height='8' rx='2'/%3E%3Crect x='37' y='-2' width='8' height='8' rx='2'/%3E%3Crect x='74' y='37' width='8' height='8' rx='2'/%3E%3Crect x='37' y='74' width='8' height='8' rx='2'/%3E%3C/g%3E%3Cg fill='%23f3e8ff'%3E%3Crect x='0' y='38' width='5' height='5' rx='1'/%3E%3Crect x='38' y='0' width='5' height='5' rx='1'/%3E%3Crect x='75' y='38' width='5' height='5' rx='1'/%3E%3Crect x='38' y='75' width='5' height='5' rx='1'/%3E%3C/g%3E%3C/svg%3E");background-size:80px 80px;background-attachment:fixed}.styles-bg-grid{background-color:#0f172a;background-image:linear-gradient(#38bdf81a 1px,#0000 1px),linear-gradient(90deg,#38bdf81a 1px,#0000 1px);background-size:40px 40px;background-attachment:fixed}.styles-bg-dots{background-color:#1e1b4b;background-image:radial-gradient(circle,#a855f74d 2px,#0000 2px);background-size:40px 40px;background-attachment:fixed}.styles-bg-diagonal{background-color:#0f172a;background-image:repeating-linear-gradient(45deg,#0000,#0000 20px,#8b5cf61a 20px,#8b5cf61a 40px);background-attachment:fixed}.styles-bg-optical-pink{background-color:#f5d5f8;background-image:url("data:image/svg+xml,%3Csvg width='240' height='240' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpath id='plus' d='M -4,-12 L 4,-12 L 4,-4 L 12,-4 L 12,4 L 4,4 L 4,12 L -4,12 L -4,4 L -12,4 L -12,-4 L -4,-4 Z'/%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23f5d5f8'/%3E%3Crect x='0' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Cuse href='%23plus' x='0' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='240' fill='%23a855f7'/%3E%3C/svg%3E");background-size:240px 240px;background-attachment:fixed}.styles-bg-optical-v2{background-color:#f5d5f8;background-image:url("data:image/svg+xml,%3Csvg width='720' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpath id='plus' d='M -4,-12 L 4,-12 L 4,-4 L 12,-4 L 12,4 L 4,4 L 4,12 L -4,12 L -4,4 L -12,4 L -12,-4 L -4,-4 Z'/%3E%3C/defs%3E%3Crect width='720' height='720' fill='%23f5d5f8'/%3E%3Crect x='0' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Cuse href='%23plus' x='0' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='720' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='720' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='720' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='720' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='720' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='720' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='720' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='720' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='720' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='720' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='720' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='720' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='720' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='720' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='720' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='720' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='720' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='720' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='720' y='720' fill='%23a855f7'/%3E%3C/svg%3E");background-size:720px 720px;background-attachment:fixed}.styles-bg-optical-v3{background-color:#f5d5f8;background-image:url("data:image/svg+xml,%3Csvg width='720' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpath id='plus' d='M -4,-12 L 4,-12 L 4,-4 L 12,-4 L 12,4 L 4,4 L 4,12 L -4,12 L -4,4 L -12,4 L -12,-4 L -4,-4 Z'/%3E%3C/defs%3E%3Crect width='720' height='720' fill='%23f5d5f8'/%3E%3Crect x='0' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='0' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='0' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='80' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='80' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='160' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='160' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='240' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='240' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='320' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='320' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='400' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='400' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='480' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='480' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='0' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='80' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='160' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='240' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='320' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='400' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='480' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='560' y='560' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='640' y='560' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='0' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='80' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='160' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='240' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='320' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='400' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='480' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Crect x='560' y='640' width='80' height='80' fill='%23d8b4fe'/%3E%3Crect x='640' y='640' width='80' height='80' fill='%23e9d5ff'/%3E%3Cuse href='%23plus' x='0' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='0' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='0' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='80' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='80' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='160' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='160' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='240' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='240' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='320' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='320' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='400' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='400' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='480' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='480' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='640' y='480' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='0' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='80' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='160' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='240' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='320' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='400' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='560' y='560' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='560' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='0' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='80' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='160' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='240' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='320' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='400' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='480' y='640' fill='%23FFFFFF'/%3E%3Cuse href='%23plus' x='560' y='640' fill='%23a855f7'/%3E%3Cuse href='%23plus' x='640' y='640' fill='%23a855f7'/%3E%3C/svg%3E");background-size:720px 720px;background-attachment:fixed}.cartoon-border{border:4px solid var(--border-dark);box-shadow:6px 6px 0 var(--shadow-dark)}.hero-card{background:linear-gradient(135deg,#fff,#fff2f2 45%,#e0f2ff)}.mode-card{position:relative;overflow:hidden}.mode-card:before{content:"";background:#fff3;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-60px}.card-sheen{background:linear-gradient(120deg,#ffffff73,#0000 55%)}.mode-adventure{--glow-color:#f87171bf;color:#fff;background:linear-gradient(135deg,#f43f5e,#d946ef 55%,#fb7185)}.mode-practice{--glow-color:#22d3eeb3;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1 55%,#22d3ee)}.mode-arcade{--glow-color:#a3e635b3;color:#0f172a;background:linear-gradient(135deg,#34d399,#a3e635 55%,#fde047)}.mode-multiplayer{--glow-color:#0ea5e9b3;color:#0f172a;background:linear-gradient(135deg,#0ea5e9,#38bdf8 55%,#fbbf24)}.mode-debug{--glow-color:#38bdf8b3;color:#f8fafc;background:linear-gradient(135deg,#0f172a,#22d3ee 45%,#4ade80)}.mode-gallery{--glow-color:#8b5cf6b3;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#ec4899)}.landing-menu{flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex;position:relative}.landing-menu--demo{isolation:isolate;position:relative}.landing-page .landing-subtitle{text-wrap:balance;max-width:24ch}.landing-page .landing-title,.landing-page .landing-subtitle,.landing-page .landing-settings-label{z-index:1;position:relative}.landing-settings{z-index:2;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;top:0;right:0}.landing-settings-button{box-shadow:0 0 18px #38bdf873}.landing-header{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.landing-title{color:#fff;text-wrap:balance;margin:0;font-size:clamp(3.25rem,10vw,7rem);line-height:.95}.landing-subtitle{text-transform:uppercase;letter-spacing:.15em;color:#0f172a;margin:0;font-size:clamp(1rem,3vw,2rem);font-weight:800}.landing-choose{text-transform:uppercase;letter-spacing:.25em;color:#0f172a;text-align:center;margin:0;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900}.landing-mode-stack{flex-direction:column;gap:.6rem;display:flex}.landing-mode-card{isolation:isolate;border:3px solid #0f172ae6;border-radius:28px;padding:1.4rem 1.6rem;position:relative;overflow:hidden;box-shadow:0 12px #0f172ae6,0 18px 30px #0f172a40}.landing-mode-card:before{content:"";opacity:.25;pointer-events:none;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#ffffff14 0,#ffffff14 2px,#0000 2px,#0000 6px);position:absolute;top:0;right:0;bottom:0;left:0}.landing-mode-card:after{content:"";opacity:.5;pointer-events:none;background:radial-gradient(circle,#ffffff8c,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-40%;right:-20%}.landing-mode-card__inner{z-index:1;position:relative}.landing-mode-card__grid{align-items:flex-start;gap:1.4rem;display:flex}.landing-mode-card__icon{width:88px;height:88px;box-shadow:0 0 18px var(--glow-color,#ffffff59);color:#fff;background:#0a0f1ad9;border:2px solid #ffffff59;border-radius:22px;justify-content:center;align-items:center;display:flex}.landing-mode-card__copy{flex:1}.landing-mode-card__title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.landing-mode-card__title{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:900}.landing-mode-card__toggle{color:#f8fafc;background:#0f172ae6;border:2px solid #ffffff73;border-radius:999px;padding:.2rem .7rem;font-size:1.3rem;font-weight:900;line-height:1;box-shadow:0 0 10px #ffffff59}.landing-mode-card__desc{opacity:.9;margin:.35rem 0 0;font-size:1rem;font-weight:600}.landing-mode-card__expand{margin-top:.8rem}.interstitial-shell{place-items:center;min-height:100vh;padding-top:4rem;padding-bottom:4rem;display:grid}.interstitial-card{text-align:center;color:#f8fafc;background:linear-gradient(135deg,#0f172aeb,#1e293be0);border:3px solid #0f172ad9;border-radius:32px;width:min(760px,94vw);max-width:760px;padding:2.4rem 2.6rem;position:relative;overflow:hidden;box-shadow:0 18px #0f172ad9,0 30px 50px #0f172a40}.interstitial-card:before{content:"";opacity:.9;pointer-events:none;background:radial-gradient(circle at 20% 20%,#38bdf833,#0000 45%),radial-gradient(circle at 80% 10%,#f472b633,#0000 45%);position:absolute;top:0;right:0;bottom:0;left:0}.interstitial-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#f8fafcb3;margin:0 0 .6rem;font-size:.75rem;font-weight:800}.interstitial-title{text-transform:uppercase;letter-spacing:.08em;margin:0 0 .8rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900}.interstitial-copy{color:#f8fafccc;margin:0;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:600}.preflight-card{color:#f8fafc;background:linear-gradient(140deg,#0f172aeb,#1e293be6);border:3px solid #0f172ad9;border-radius:32px;width:min(1200px,96vw);padding:2.4rem 2.6rem;position:relative;overflow:hidden;box-shadow:0 16px #0f172ad9,0 28px 45px #0f172a40}.preflight-card:before{content:"";opacity:.9;pointer-events:none;background:radial-gradient(circle at 15% 15%,#3b82f640,#0000 45%),radial-gradient(circle at 85% 10%,#f472b633,#0000 45%);position:absolute;top:0;right:0;bottom:0;left:0}.preflight-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.preflight-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#f8fafcb3;margin:0 0 .5rem;font-size:.75rem;font-weight:800}.preflight-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900}.preflight-subtitle{color:#e2e8f0cc;margin:.35rem 0 0;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:600}.preflight-boss-card{color:#0f172a;text-align:right;background:linear-gradient(135deg,#fbbf24e6,#f97316e6);border:2px solid #fbbf24cc;border-radius:22px;padding:1.2rem 1.4rem;box-shadow:0 10px #92400e99,0 18px 28px #7c2d124d}.preflight-boss-label{letter-spacing:.3em;text-transform:uppercase;color:#0f172ab3;margin-bottom:.3rem;font-size:.65rem;font-weight:800}.preflight-boss-name{color:#0f172a;font-size:1.6rem;font-weight:900}.preflight-boss-desc{color:#0f172ab3;margin-top:.35rem;font-size:.85rem;font-weight:600}.preflight-grid{gap:1.6rem;margin-top:1.6rem;display:grid}.preflight-panel{background:#0f172abf;border:2px solid #94a3b859;border-radius:24px;padding:1.4rem;box-shadow:inset 0 0 20px #0f172a99}.preflight-panel--player{background:linear-gradient(135deg,#3b82f633,#0ea5e933);border-color:#3b82f680}.preflight-panel--pvp{background:linear-gradient(135deg,#a855f733,#ec489933);border-color:#d946ef73}.preflight-panel--ai{background:linear-gradient(135deg,#10b9812e,#14b8a62e);border-color:#10b98173}.preflight-panel--adventure{background:linear-gradient(135deg,#fbbf242e,#f973162e);border-color:#fbbf2480;margin-top:1.6rem}.preflight-panel--starter{background:linear-gradient(135deg,#a78bfa33,#ec489933);border-color:#a78bfa73;margin-top:1.6rem}.preflight-panel__title{letter-spacing:.3em;text-transform:uppercase;color:#f8fafcb3;margin-bottom:.8rem;font-size:.75rem;font-weight:800}.preflight-panel__grid{gap:.75rem;display:grid}.preflight-character{color:#f8fafc;text-align:left;background:#0f172ad9;border:2px solid #94a3b859;border-radius:18px;padding:.9rem 1rem;transition:transform .2s,box-shadow .2s,border-color .2s}.preflight-character:hover{border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 12px 20px #0f172a59}.preflight-character.is-selected{color:#0f172a;background:linear-gradient(135deg,#fbbf24e6,#f97316e6);border-color:#fbbf24e6;transform:translateY(-2px);box-shadow:0 0 18px #fbbf2480}.preflight-character.is-locked{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.preflight-character__name{letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:800}.preflight-character__desc{color:#e2e8f0bf;margin-top:.35rem;font-size:.78rem;font-weight:600}.preflight-character__desc--arena{color:#e2e8f0a6;margin-top:.2rem;font-size:.7rem}.preflight-character.is-selected .preflight-character__desc{color:#0f172ab3}.preflight-character.is-selected .preflight-character__desc--arena{color:#0f172a8c}.preflight-character__lock{letter-spacing:.2em;text-transform:uppercase;color:#e2e8f099;margin-top:.45rem;font-size:.6rem;font-weight:700}.preflight-difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.preflight-difficulty{color:#f8fafc;text-transform:uppercase;letter-spacing:.2em;background:#0f172ad9;border:2px solid #94a3b859;border-radius:18px;padding:.9rem 1rem;font-weight:800;transition:transform .2s,border-color .2s}.preflight-difficulty:hover{border-color:#38bdf8b3;transform:translateY(-2px)}.preflight-difficulty.is-selected{color:#0f172a;background:linear-gradient(135deg,#fbbf24e6,#f97316e6);border-color:#fbbf24e6;box-shadow:0 0 16px #fbbf2473}.preflight-panel__note{color:#e2e8f0cc;background:#0f172aa6;border:1px solid #94a3b859;border-radius:16px;padding:1rem;font-size:.95rem;font-weight:600}.preflight-start-grid{flex-wrap:wrap;gap:.75rem;display:flex}.preflight-starter{color:#f8fafc;text-transform:uppercase;letter-spacing:.18em;background:#0f172ad9;border:2px solid #94a3b859;border-radius:999px;padding:.7rem 1.4rem;font-weight:800;transition:transform .2s,border-color .2s}.preflight-starter.is-selected{color:#0f172a;background:linear-gradient(135deg,#fbbf24e6,#f97316e6);border-color:#fbbf24e6;box-shadow:0 0 16px #fbbf2473}.preflight-footer{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.preflight-ghost{color:#f8fafc;text-transform:uppercase;letter-spacing:.2em;background:#0f172abf;border:2px solid #94a3b866;border-radius:999px;padding:.7rem 1.6rem;font-weight:800;transition:transform .2s,border-color .2s}.preflight-ghost:hover{border-color:#38bdf8b3;transform:translateY(-2px)}.preflight-cta{color:#0f172a;text-transform:uppercase;letter-spacing:.2em;background:linear-gradient(135deg,#fbbf24f2,#f97316f2);border:2px solid #fbbf24e6;border-radius:999px;padding:.8rem 1.8rem;font-weight:900;transition:transform .2s,box-shadow .2s}.preflight-cta:hover{transform:translateY(-2px);box-shadow:0 0 18px #fbbf2473}.preflight-cta.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.battle-intro-overlay{z-index:230;cursor:pointer;justify-content:center;align-items:center;padding:1.2rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.battle-intro-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 18% 22%,#38bdf833,#0000 45%),radial-gradient(circle at 82% 16%,#f472b62e,#0000 45%),linear-gradient(145deg,#0f172a80,#02061794);position:absolute;top:0;right:0;bottom:0;left:0}.battle-intro-modal{text-align:center;color:#f8fafc;background:linear-gradient(140deg,#0f172adb,#1e293bd1);border-color:#fbbf24d1;border-radius:18px;width:min(560px,92vw);padding:1.7rem 2rem;position:relative;overflow:hidden;box-shadow:0 14px #0f172abf,0 24px 38px #0f172a42}.battle-intro-modal:before{content:"";pointer-events:none;background:linear-gradient(#94a3b81a 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#94a3b81a 1px,#0000 1px) 0 0/18px 18px,radial-gradient(circle at 12% 20%,#0ea5e929,#0000 48%),radial-gradient(circle at 88% 16%,#f9731624,#0000 48%);position:absolute;top:0;right:0;bottom:0;left:0}.battle-intro-content{flex-direction:column;align-items:center;gap:.55rem;display:flex;position:relative}.battle-intro-count-grid{background:linear-gradient(#94a3b829 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#94a3b829 1px,#0000 1px) 0 0/24px 24px,linear-gradient(145deg,#082f496b,#0f172ad1);border:2px solid #38bdf873;border-radius:12px;width:min(320px,74vw);height:124px;box-shadow:inset 0 0 22px #0206179e,0 0 24px #38bdf829}.battle-intro-count-cell{letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#0f172aeb,#1e293be0);border:2px solid #94a3b86b;border-radius:10px;min-width:min(220px,68vw);margin-top:-92px;padding:.85rem 1.25rem;font-size:clamp(2.1rem,6vw,3.4rem);font-weight:800;line-height:1;box-shadow:0 8px 16px #0206177a,inset 0 0 12px #38bdf824}.battle-intro-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:#e2e8f0cc;margin:0;font-size:.68rem;font-weight:800}.battle-intro-subtitle{letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0e6;margin:0 0 .2rem;font-size:.88rem;font-weight:700}.battle-end-screen{justify-content:center;align-items:center;min-height:60vh;padding:1rem;display:flex}.battle-end-card{text-align:center;color:#f8fafc;border:3px solid #0f172ad9;border-radius:26px;width:min(560px,94vw);padding:1.6rem 1.4rem;box-shadow:0 14px #0f172ad1,0 24px 38px #0f172a47}.battle-end-card--win{background:linear-gradient(145deg,#0e7490db,#0f172ae6)}.battle-end-card--loss{background:linear-gradient(145deg,#7f1d1ddb,#0f172ae6)}.battle-end-badge{color:#fbbf24f2;letter-spacing:.28em;text-transform:uppercase;background:#0f172ab8;border:2px solid #fbbf24cc;border-radius:999px;width:-moz-fit-content;width:fit-content;margin:0 auto .65rem;padding:.35rem .95rem;font-size:.74rem;font-weight:800}.battle-end-title{letter-spacing:.08em;margin:0;font-size:clamp(2rem,5vw,3rem)}.battle-end-message{color:#e2e8f0db;margin:.55rem 0 0;font-size:clamp(1rem,2.4vw,1.28rem)}.battle-end-score{color:#7dd3fcf2;margin:.65rem 0 0;font-size:1.05rem;font-weight:700}.battle-end-actions{gap:.8rem;margin-top:1.2rem;display:grid}.battle-end-button{width:100%}.settings-panel-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617bf;position:fixed;top:0;right:0;bottom:0;left:0}.settings-panel-frame{z-index:510;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.settings-panel-card{color:#f8fafc;background:radial-gradient(circle at 15% 15%,#ffedd514,#0000 40%),radial-gradient(circle at 85% 25%,#fdf4ff14,#0000 45%),radial-gradient(circle at 75% 80%,#e0e7ff14,#0000 45%),linear-gradient(145deg,#0f172af5,#141c30f0);border:2px solid #22d3ee66;border-radius:20px;width:min(1100px,96vw);max-height:88vh;overflow:hidden;box-shadow:0 24px 64px #082f498c,0 0 40px #22d3ee33}.settings-wip-overlay{position:relative;overflow:hidden}.settings-wip-overlay:after{content:"WORK IN PROGRESS";letter-spacing:.15em;color:#fbbf2426;white-space:nowrap;pointer-events:none;text-shadow:2px 2px 4px #0000004d,-2px -2px 4px #fbbf2414;z-index:10;font-size:clamp(1.2rem,5vw,2.5rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}@media(min-width:1024px){.preflight-grid,.preflight-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.preflight-card{padding:2rem 1.6rem}.battle-intro-modal{width:min(480px,92vw);padding:1.4rem 1.35rem}.battle-intro-subtitle{font-size:.8rem}.preflight-header{align-items:flex-start}.preflight-boss-card{text-align:left}}.arcade-submenu-panel{background:#090c18eb;border:2px solid #fff3;border-radius:18px;margin-top:.6rem;padding:1rem;box-shadow:inset 0 0 20px #0009,0 0 25px #22d3ee40}.multiplayer-setup-layout{flex-direction:column;gap:1rem;display:flex}.multiplayer-setup-fields{flex-direction:column;gap:.85rem;width:min(100%,380px);display:flex}.multiplayer-field{width:100%}.multiplayer-input{color:#f8fafc;background:#0f172ad1;border:2px solid #94a3b859;border-radius:.85rem;width:100%;padding:.72rem .9rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.multiplayer-input::-moz-placeholder{color:#e2e8f08c}.multiplayer-input::placeholder{color:#e2e8f08c}.multiplayer-input:focus{border-color:#38bdf8cc;outline:none;box-shadow:0 0 0 3px #38bdf833}.multiplayer-input--code{text-transform:uppercase;letter-spacing:.2em}.multiplayer-setup-actions{flex-direction:column;justify-content:flex-end;gap:.5rem;display:flex}.multiplayer-action{width:100%;min-width:220px}.multiplayer-setup-or{text-align:center;text-transform:uppercase;letter-spacing:.25em;color:#e2e8f0a6;font-size:.7rem;font-weight:800}.multiplayer-status-row{text-transform:uppercase;letter-spacing:.2em;border-top:1px solid #94a3b847;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;font-size:.75rem;display:flex}.arcade-submenu-button{color:#f8fafc;text-transform:uppercase;letter-spacing:.22em;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid #ffffff59;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:88px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 0 16px #0ea5e940}.arcade-submenu-button:hover{border-color:#38bdf8cc;transform:translateY(-2px);box-shadow:0 0 20px #38bdf880}.arcade-submenu-label{font-size:.95rem;font-weight:900}.arcade-submenu-subtitle{opacity:.75;letter-spacing:.18em;font-size:.7rem;font-weight:700}.battle-stage{background:0 0}.battle-lane{background:radial-gradient(circle at 10% 20%,#ffffff0d,#0000 50%),radial-gradient(circle at 80% 80%,#0ea5e914,#0000 45%),#070c14d9;border:3px solid #ffffff26;padding:1.5rem;box-shadow:inset 0 0 30px #ffffff0f,0 10px 25px #070c14cc}.battle-lane.player-lane{border-color:#3b82f68c}.battle-lane.opponent-lane{border-color:#f871718c}.lane-card,.lane-body{box-shadow:inset 0 0 25px #00000073}.lane-card{background:#0f172ae6}.lane-body{background:#0f172ab3}.stat-pill{background:#ffffffe6;border:2px solid #1c143099;border-radius:1.25rem;min-width:110px;padding:.65rem .9rem;box-shadow:4px 4px #1c143066}.calc-preview{border:3px solid var(--border-dark);box-shadow:4px 4px 0 var(--shadow-dark);background:#f8fafc;border-radius:1.25rem;padding:1rem}.calc-screen{color:#e2e8f0;letter-spacing:.2em;background:#0f172a;border-radius:.9rem;padding:.75rem .9rem;font-weight:800}.calc-key{border:2px solid var(--border-dark);box-shadow:3px 3px 0 var(--shadow-dark);text-align:center;background:#fff;border-radius:.85rem;padding:.55rem 0;font-size:.9rem;font-weight:800}.title-stroke{text-shadow:5px 5px 0 var(--pink),-1px -1px 0 var(--border-dark),1px -1px 0 var(--border-dark),-1px 1px 0 var(--border-dark),1px 1px 0 var(--border-dark),0 10px 22px #0f172a3d}.arena-bg{background:radial-gradient(circle at top,#1e1b4b,#030712 60%)}.page-shell{flex-direction:column;gap:1rem;width:min(1600px,100%);margin:0 auto;padding:1rem;display:flex}@media(min-width:640px){.page-shell{gap:1.5rem;padding:1.75rem}}@media(min-width:768px){.page-shell{gap:2rem;width:min(1600px,96%);padding:2.75rem 1.75rem 3.5rem 2.75rem}}.page-shell--wide{width:min(1600px,96%)}.hero{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.hero-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.hero h1{margin:.2rem 0;font-size:clamp(2rem,4vw,2.8rem)}.hero .lede{color:#cbd5f5;max-width:42rem;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#a5b4fc;margin:0;font-size:.75rem}.hero-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#22d3ee);border:none;border-radius:999px;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s}.hero-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #3b82f659}.hero-tags{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.hero-tag{text-transform:uppercase;letter-spacing:.2em;color:#cbd5f5;border:1px solid #94a3b84d;border-radius:999px;padding:.35rem .75rem;font-size:.7rem}.powerup-board{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;width:100%;display:grid}@media(min-width:480px){.powerup-board{grid-template-columns:repeat(2,minmax(0,1fr))}}.battle-stage{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:1.25rem;display:grid}.battle-stage--wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr))}.lane{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:1rem;padding:0;display:flex}.lane-surface{background:var(--lane-gradient,#0f172acc);border:1px solid #94a3b82e;border-radius:28px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a73}.lane-surface:before{content:"";background-image:var(--lane-overlay,none);background-size:var(--lane-overlay-size,auto);opacity:var(--lane-overlay-opacity,.45);pointer-events:none;background-position:50%;position:absolute;top:0;right:0;bottom:0;left:0}.lane-surface:after{content:"";border:1px solid var(--lane-accent,#38bdf866);opacity:.35;pointer-events:none;border-radius:20px;position:absolute;top:8px;right:8px;bottom:8px;left:8px;box-shadow:0 0 30px #0f172a59}.lane-surface>*{z-index:1;position:relative}.info-card{background:0 0;border:none;width:100%;margin:0;padding:.75rem 0}.info-card .character-card{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.info-card .robot-avatar{margin:0 auto}.info-card .character-card>div{text-align:center}.character-card{align-items:center;gap:1rem;display:flex}.character-card h2{color:#f8fafc;margin:.2rem 0 0;font-size:1.2rem}.label{text-transform:uppercase;letter-spacing:.2em;color:#94a3b8;margin:0;font-size:.7rem}.robot-avatar{background:radial-gradient(circle at 30% 30%,#94a3b82e,#0f172a99);border:1px solid #94a3b833;border-radius:24px;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 12px 25px #0f172a99}.robot-avatar--opponent{transform:scaleX(-1)}.duel-body{align-items:stretch;gap:1rem;display:flex}.sabotage-stack{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.sabotage-stack--inline{margin-top:.8rem}.sabotage-button{letter-spacing:.12em;text-transform:uppercase;color:#f8fafc;cursor:pointer;background:linear-gradient(135deg,#f43f5ecc,#0e7490cc);border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;min-width:156px;min-height:52px;padding:.55rem 1rem;font-size:.82rem;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.sabotage-button:disabled,.sabotage-button--inactive{opacity:.35;filter:grayscale(.4);cursor:not-allowed}.sabotage-button.ready{transform:translateY(-1px);box-shadow:0 0 18px #f43f5e99}.sabotage-button--inline{letter-spacing:.04em;white-space:nowrap;border-radius:.8rem;width:calc(25% - .45rem);min-width:0;padding:1.1rem .35rem;font-size:.72rem}.calculator-panel{background:#0f172ad1;border:1px solid #94a3b833;border-radius:1.25rem;flex-direction:column;flex:auto;min-width:0;padding:1.75rem;display:flex;box-shadow:inset 0 0 25px #0f172ae6}.calculator-panel--max{padding:2rem}.calculator-panel.muted{opacity:.95}.battery-shell{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.battery-track{background:#94a3b833;border-radius:999px;width:100%;height:14px;position:relative;overflow:visible}.battery-fill{background:linear-gradient(90deg,#22d3ee,#3b82f6);width:0%;transition:width .3s;position:absolute;top:0;right:0;bottom:0;left:0}.battery-percent{color:#cbd5f5;font-size:.75rem;position:absolute;top:-1.05rem;right:.35rem}.battery-footer{text-transform:uppercase;letter-spacing:.2em;color:#94a3b8;flex-wrap:wrap;gap:.6rem;margin-top:.5rem;font-size:.7rem;display:flex}.battery-footer--center{justify-content:center}.battery-phase{background:#ffffff1a;border:1px solid #94a3b833;border-radius:999px;width:20px;height:8px}.battery-phase--active{background:#34d399cc;border-color:#a7f3d0b3}.power-meter{margin-bottom:.75rem}.power-meter--segmented{background:linear-gradient(135deg,#0f172ac7,#0f172a85);border:1px solid #94a3b833;border-radius:.85rem;align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex}.power-meter--segmented .meter-label{text-transform:uppercase;letter-spacing:.12em;order:-1;min-width:3.4rem;margin:0}.power-meter--ready{border-color:#fbbf248c;box-shadow:0 0 20px #fbbf243d}.power-meter--ready .meter-label{color:#fef08a}.meter-segments{flex:1;gap:.32rem;min-width:0;display:flex}.meter-segment{background:#020617b3;border:1px solid #fbbf2440;border-radius:.28rem;flex:1 1 0;height:.95rem;transition:background .2s,border-color .2s,box-shadow .2s}.meter-segment--filled{background:linear-gradient(#fbbf24,#f59e0b);border-color:#fde047f2;box-shadow:0 0 10px #fbbf2473}.meter-segment--overflow{border-color:#f8717152}.meter-segment--overflow.meter-segment--filled{background:linear-gradient(#fb923c,#f97316);border-color:#fb923cf2;box-shadow:0 0 10px #f973166b}.meter-segment--split{margin-left:.35rem;position:relative}.meter-segment--split:before{content:"";background:#94a3b899;width:1px;position:absolute;top:-.16rem;bottom:-.16rem;left:-.19rem}.meter-track{background:#94a3b833;border-radius:999px;width:100%;height:12px;position:relative;overflow:visible}.meter-split{pointer-events:none;z-index:1;background:linear-gradient(to bottom right,#94a3b84d,#94a3b8cc,#94a3b84d);width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)skewY(-25deg)}.meter-fill{z-index:0;background:linear-gradient(90deg,#f97316,#facc15);width:0%;height:100%;transition:width .3s;position:relative}.meter-label{color:#94a3b8;margin:.35rem 0 0;font-size:.75rem}.equation-display{background:#0f172ab3;border:1px solid #94a3b833;border-radius:1rem;margin-bottom:1.25rem;padding:1.1rem}.equation-display--fraction{min-height:8.25rem;padding:1.35rem}.equation-text{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-size:.95rem}.input-text{font-feature-settings:"tnum";margin-top:.3rem;font-size:2.4rem;font-weight:700}.input-text--fraction{align-items:center;gap:.4rem;display:inline-flex}.input-text--fraction .fraction-token{min-width:4.2rem}.input-text--fraction .fraction-part{font-size:1.35rem}.input-text--fraction .fraction-bar{height:3px}.fraction-expression{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;display:flex}.fraction-operator{font-weight:900;line-height:1}.fraction-operator--screen{color:#e2e8f0;font-size:2rem}.fraction-operator--panel{color:#1f2937;font-size:2.4rem}.fraction-token{flex-direction:column;align-items:stretch;min-width:3.6rem;font-weight:700;display:inline-flex}.fraction-token--screen{color:#e2e8f0}.fraction-token--panel{color:#1f2937}.fraction-token--blank{opacity:.95}.fraction-token--current{box-shadow:0 0 0 1px var(--lane-accent,#38bdf8);border-radius:.65rem;padding:.15rem .25rem}.fraction-part{text-align:center;min-height:1.3rem;color:inherit;background:0 0;border:1px solid #0000;padding:.1rem .3rem;font-size:1.05rem;line-height:1.1}button.fraction-part{cursor:pointer}.fraction-part--active{border-color:var(--lane-accent,#38bdf8);box-shadow:0 0 10px var(--lane-accent,#38bdf8);border-radius:.4rem}.fraction-bar{background:#94a3b8b3;width:100%;height:2px;margin:.1rem 0}.calculator-grid-stack{flex-direction:column;gap:.6rem;display:flex}.calculator-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.calculator-grid--large button{padding:1.2rem;font-size:calc(1.45rem + 2px)}.calculator-grid--large .calculator-key-placeholder{padding:1.2rem}.calculator-grid--large button[data-key="+"],.calculator-grid--large button[data-key="-"],.calculator-grid--large button[data-key="*"],.calculator-grid--large button[data-key="/"],.calculator-grid--large button.operator{font-size:calc(1.45rem + 4px)}.calculator-grid button{color:#e2e8f0;text-shadow:0 1px #00000073,0 0 2px #000000a6;cursor:pointer;background:#94a3b81f;border:1px solid #ffffff1a;border-radius:.8rem;padding:1.1rem;font-size:calc(1.3rem + 2px);font-weight:700;transition:transform .15s,background .15s}.calculator-grid button[data-key="+"],.calculator-grid button[data-key="-"],.calculator-grid button[data-key="*"],.calculator-grid button[data-key="/"],.calculator-grid button.operator{font-size:calc(1.3rem + 4px)}.calculator-key-placeholder{visibility:hidden;background:0 0;border:1px solid #0000;border-radius:.8rem;padding:1.1rem}.calculator-grid button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.2)}.calculator-grid button:hover:not(:disabled){background:#0f172ab3;transform:translateY(-1px)}.calculator-grid button.equals{color:#0f172a;text-shadow:0 1px #00000040,0 0 2px #00000059;background:linear-gradient(135deg,#f97316,#facc15)}.calculator-grid button.wide{grid-column:span 2;font-size:calc(1.05rem + 2px)}.calculator-grid button[data-key=clear],.calculator-grid button[data-key=backspace]{text-shadow:1px 0 #000000d9,-1px 0 #000000d9,0 1px #000000d9,0 -1px #000000d9,0 0 6px #020617b3;font-size:calc(1.2rem + 2px);font-weight:800}.calculator-grid button.calculator-key-block{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#f8fafc;background:linear-gradient(135deg,#f43f5ecc,#0e7490cc);font-size:calc(.72rem + 4px)}.calculator-grid button.calculator-key-block.ready{box-shadow:0 0 18px #f43f5e99}.calculator-key{font-weight:600}.calculator-layout-grid{background:#0f172a5c;border:1px solid #22d3ee2e;border-radius:.95rem;grid-template-columns:repeat(4,1fr);gap:.55rem;padding:.7rem;display:grid}.calculator-layout-cell{background:#02061761;border:1px dashed #22d3ee42;border-radius:.8rem;justify-content:center;align-items:center;min-height:54px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.calculator-layout-cell.has-key{background:#0f172aad;border-style:solid;border-color:#22d3ee6b}.calculator-layout-cell:hover{background:#0f172a8c;border-color:#22d3ee73;box-shadow:0 0 0 1px #22d3ee33}.calculator-layout-empty{letter-spacing:.15em;text-transform:uppercase;color:#94a3b8c7;font-size:.7rem}.calculator-layout-key{text-align:center;color:#f8fafc;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(140deg,#06b6d442,#2563eb38);border:1px solid #22d3ee8c;border-radius:.7rem;width:100%;padding:.55rem .4rem;font-weight:800;position:relative;box-shadow:0 8px 16px #082f4973}.calculator-layout-key:active{cursor:grabbing}.calculator-layout-remove{color:#f8fafcd6;cursor:pointer;background:0 0;border:none;font-size:.85rem;position:absolute;top:4px;right:6px}.calculator-layout-tray{background:#0f172a73;border:1px dashed #22d3ee52;border-radius:1rem;min-height:240px;padding:.8rem}.calculator-layout-tray.is-active{background:#06b6d42e;border-color:#22d3ee9e;box-shadow:0 0 0 1px #22d3ee33}.calculator-layout-tray__title{letter-spacing:.2em;text-transform:uppercase;color:#a5f3fcf2;margin-bottom:.6rem;font-size:.7rem}.calculator-layout-tray__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.calculator-layout-tray__empty{color:#94a3b8d1;padding:.4rem 0;font-size:.85rem}.calculator-layout-tray__hint{color:#94a3b8bf;margin-top:.8rem;font-size:.7rem}.status-text{color:#94a3b8;margin:0;font-size:.85rem}.subtle{color:#94a3b8;font-size:.85rem}.status-stack{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.log-panel{background:#0f172ab3;border:1px solid #94a3b833;border-radius:1.25rem;padding:1.5rem;box-shadow:inset 0 0 25px #0f172ae6}.log-panel h3{text-transform:uppercase;letter-spacing:.2em;color:#cbd5f5;margin:0 0 .75rem;font-size:.75rem}.log-body{color:#cbd5f5;flex-direction:column;gap:.4rem;max-height:160px;font-size:.9rem;display:flex;overflow-y:auto}.log-body p{border-bottom:1px solid #94a3b833;margin:0;padding-bottom:.25rem}.attack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.attack-option{color:#e2e8f0;text-transform:uppercase;letter-spacing:.2em;background:#94a3b81f;border:1px solid #94a3b833;border-radius:.8rem;padding:.75rem .9rem;font-size:.65rem;font-weight:600;transition:transform .15s,background .15s}.attack-option:hover{background:#0f172ab3;transform:translateY(-1px)}.boss-callout{color:#fef3c7;text-transform:uppercase;letter-spacing:.2em;background:#fbbf241f;border:1px solid #fbbf2466;border-radius:999px;margin:0;padding:.6rem 1rem;font-size:.75rem}.active-player-card{flex-direction:column;align-items:center;gap:.75rem;display:flex}.active-player-badge{text-transform:uppercase;letter-spacing:.2em;border-radius:.75rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.active-player-badge--p1{color:#bfdbfe;background:#3b82f659}.active-player-badge--p2{color:#fecaca;background:#f8717159}.active-player-toggle{color:#0f172a;text-transform:uppercase;letter-spacing:.2em;background:linear-gradient(135deg,#f97316,#facc15);border:none;border-radius:.85rem;width:100%;padding:.75rem 1rem;font-size:.7rem;font-weight:700}@media(max-width:1100px){.hero{flex-direction:column;align-items:flex-start}.hero-actions{justify-content:flex-start;width:100%}.duel-body{flex-direction:column}.sabotage-stack{justify-content:flex-end;margin-top:0}.multiplayer-action{min-width:0}}@media(max-width:768px){.landing-title{font-size:clamp(2.75rem,14vw,4.5rem)}.landing-subtitle{letter-spacing:.12em;font-size:clamp(.95rem,4.5vw,1.35rem)}.title-stroke{text-shadow:4px 4px 0 var(--pink),-1px -1px 0 var(--border-dark),1px -1px 0 var(--border-dark),-1px 1px 0 var(--border-dark),1px 1px 0 var(--border-dark),0 8px 18px #0f172a33}.landing-page .page-shell{padding-inline:1rem}.landing-settings{align-self:center;margin-bottom:.6rem;position:static}.landing-mode-card{padding:1.1rem 1.2rem}.landing-mode-card__grid{flex-direction:column;align-items:flex-start}.landing-mode-card__icon{width:72px;height:72px}.multiplayer-status-row{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.landing-page .page-shell{padding-inline:.85rem}.landing-header{gap:.45rem}.landing-title{font-size:clamp(2.45rem,15vw,3.55rem)}.landing-subtitle{letter-spacing:.1em;font-size:.92rem}.title-stroke{text-shadow:3px 3px 0 var(--pink),-1px -1px 0 var(--border-dark),1px -1px 0 var(--border-dark),-1px 1px 0 var(--border-dark),1px 1px 0 var(--border-dark),0 6px 14px #0f172a2e}}@media(min-width:900px){.multiplayer-setup-layout{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1.2rem}.multiplayer-setup-actions{flex-shrink:0;width:240px}}@media(orientation:landscape)and (max-height:600px){.page-shell{gap:.75rem;padding:.75rem}.mp-calculator{gap:8px}.bg-white\/10{padding:.75rem!important}.equation-display{font-size:clamp(1.2rem,3vw,1.8rem)}.space-y-3,.space-y-4{gap:.5rem}h1,h2,h3,h4{font-size:.9em}}.demo-hub-card{background:radial-gradient(circle at 15% 20%,#38bdf833,#0000 45%),radial-gradient(circle at 80% 10%,#f472b633,#0000 45%),linear-gradient(145deg,#0f172aeb,#1e293be6);border:3px solid #0f172ae6;border-radius:30px;width:min(880px,96vw);margin:0 auto;padding:1.5rem;box-shadow:0 14px #0f172ad9,0 26px 45px #0f172a47}@media(min-width:640px){.demo-hub-card{padding:1.8rem}}.demo-action-grid{place-items:center;display:grid}.demo-primary-action{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24f2,#f97316f2);border:2px solid #fbbf24e6;border-radius:20px;width:min(360px,100%);min-height:120px;font-size:clamp(1.8rem,4.2vw,2.6rem);font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 0 18px #fbbf2466}.demo-primary-action:hover{transform:translateY(-2px);box-shadow:0 0 28px #fbbf248c}.demo-play-grid{gap:.9rem;display:grid}.demo-mode-button{color:#f8fafc;text-align:left;background:#0f172ac7;border:2px solid #ffffff4d;border-radius:20px;flex-direction:column;justify-content:center;gap:.35rem;width:100%;min-height:80px;padding:1rem 1.2rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.demo-mode-button:before{content:"";opacity:.2;pointer-events:none;background:linear-gradient(120deg,#ffffff29,#0000 55%);position:absolute;top:0;right:0;bottom:0;left:0}.demo-mode-button--ai{background:radial-gradient(circle at 85% 18%,#34d39938,#0000 42%),linear-gradient(140deg,#047857eb,#065f46e6);border-color:#10b98194;box-shadow:0 0 18px #10b98147}.demo-mode-button--multi{background:radial-gradient(circle at 85% 18%,#3b82f638,#0000 42%),linear-gradient(140deg,#0369a1f0,#1e40afe6);border-color:#38bdf89e;box-shadow:0 0 18px #38bdf847}.demo-mode-button:hover{transform:translateY(-2px)}.demo-mode-button--ai:hover{border-color:#10b981bf;box-shadow:0 0 22px #10b98166}.demo-mode-button--multi:hover{border-color:#38bdf8cc;box-shadow:0 0 22px #38bdf866}.demo-mode-button--adventure{background:radial-gradient(circle at 85% 18%,#fbbf2438,#0000 42%),linear-gradient(140deg,#9a3412f0,#78350fe6);border-color:#fb923c9e;box-shadow:0 0 18px #fb923c47}.demo-mode-button--adventure .demo-mode-subtitle{color:#fef3c7e6}.demo-mode-button--adventure:hover{border-color:#fb923cd9;box-shadow:0 0 22px #fb923c73}.demo-mode-title{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.1rem,2.8vw,1.5rem);font-weight:900}.demo-mode-subtitle{letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0c7;font-size:.78rem;font-weight:700}.demo-back-button{justify-self:center;margin-top:.2rem}.mp-back-button{color:#f8fafc;letter-spacing:.08em;text-transform:uppercase;background:#0f172ac2;border:2px solid #ffffff47;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.9rem;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.mp-back-button:hover{border-color:#38bdf8bf;transform:translateY(-1px);box-shadow:0 0 16px #38bdf840}@media(max-width:768px){.demo-hub-card{border-radius:24px;padding:1rem}.demo-primary-action{min-height:90px}.demo-mode-button{min-height:70px;padding:.9rem 1rem}.demo-mode-title{font-size:1.1rem}.demo-mode-subtitle{font-size:.85rem}}.mp-setup-container,.mp-room-container{flex-direction:column;gap:1.5rem;display:flex}.mp-setup-form{justify-content:space-between;align-items:stretch;gap:1.1rem;display:flex}.mp-setup-fields{flex-direction:column;flex:auto;gap:.9rem;min-width:0;max-width:560px;display:flex}.mp-name-row{grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:.8rem;display:grid}.mp-input-group{flex-direction:column;gap:.5rem;display:flex}.mp-label{letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0d9;font-size:.85rem;font-weight:700}.mp-difficulty-group{min-width:0}.mp-select{color:#f8fafc;letter-spacing:.04em;text-transform:uppercase;background:#0f172ab3;border:2px solid #fff3;border-radius:16px;width:100%;padding:.9rem 1rem;font-size:1rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.mp-select:focus{border-color:#38bdf8b3;outline:none;box-shadow:0 0 16px #38bdf840}.mp-input{color:#f8fafc;letter-spacing:.04em;background:#0f172ab3;border:2px solid #fff3;border-radius:16px;width:100%;padding:.9rem 1.1rem;font-size:1.1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.mp-input:focus{border-color:#38bdf8b3;outline:none;box-shadow:0 0 16px #38bdf840}.mp-setup-grid{gap:.55rem;display:grid}.mp-action-btn{width:min(245px,100%);min-width:220px}.mp-create-btn{min-height:78px!important}.mp-or-divider{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8b3;font-size:.85rem;font-weight:700;display:block}.mp-grid-or{margin:.05rem 0}.mp-setup-actions{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:stretch;gap:.35rem;width:320px;display:flex}.mp-setup-create{letter-spacing:.06em;width:100%;min-height:84px;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.05}.mp-setup-join{text-align:center;justify-content:center;align-items:center;width:100%;min-height:76px}.mp-setup-actions .mp-or-divider{text-align:center;width:100%}@media(max-width:920px){.mp-setup-form{flex-direction:column;align-items:stretch;gap:.9rem}.mp-setup-fields{max-width:none}.mp-name-row{grid-template-columns:1fr}.mp-setup-actions{justify-content:flex-start;gap:.5rem;width:100%}}.mp-status-bar{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.mp-status-indicator{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8cc;font-size:.78rem;font-weight:700}.mp-error{color:#fb923cf2;font-size:.8rem;font-weight:600}@media(min-width:920px){.mp-setup-grid{grid-template-columns:minmax(0,1fr) 245px;grid-template-areas:"name create""or or""code join";align-items:end;gap:.55rem 1rem}.mp-grid-name{grid-area:name;width:min(390px,100%)}.mp-grid-create{grid-area:create}.mp-grid-or{grid-area:or}.mp-grid-code{grid-area:code;width:min(390px,100%)}.mp-grid-join{grid-area:join}}@media(max-width:920px){.mp-setup-grid{grid-template-columns:1fr;gap:.65rem}.mp-action-btn{width:100%;min-width:0}.mp-or-divider{margin:.2rem 0}.mp-status-bar{flex-direction:column;align-items:flex-start}}.mp-room-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.mp-room-code-display{flex-direction:column;gap:.25rem;display:flex}.mp-room-label{letter-spacing:.15em;text-transform:uppercase;color:#94a3b8bf;font-size:.75rem;font-weight:700}.mp-room-code{letter-spacing:.2em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;font-family:monospace;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900}.mp-share-actions{gap:.5rem;display:flex}.mp-share-btn{color:#38bdf8;letter-spacing:.08em;text-transform:uppercase;background:#38bdf826;border:2px solid #38bdf880;border-radius:12px;min-height:44px;padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.mp-share-btn:hover:not(:disabled){background:#38bdf840;border-color:#38bdf8cc;box-shadow:0 0 16px #38bdf84d}.mp-share-btn:disabled{opacity:.5;cursor:not-allowed}.mp-match-status{color:#e2e8f0d9;text-align:center;font-size:.9rem;font-weight:600}.mp-players-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.mp-player-slot{background:#0f172a99;border:2px solid #ffffff26;border-radius:16px;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.mp-player-slot--filled{background:#0f172abf;border-color:#ffffff40}.mp-slot-role{letter-spacing:.15em;text-transform:uppercase;color:#94a3b8bf;font-size:.7rem;font-weight:700}.mp-slot-name{color:#f8fafc;font-size:1.1rem;font-weight:700}.mp-self-tag{color:#38bdf8e6;margin-left:.4rem;font-size:.8rem;font-weight:600}.mp-waiting{color:#94a3b899;font-style:italic}.mp-ready-badge{color:#f87171e6;letter-spacing:.1em;text-transform:uppercase;background:#f8717133;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.mp-ready-badge--ready{color:#4ade80f2;background:#4ade8033}.mp-room-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.mp-leave-btn{color:#f87171e6;letter-spacing:.06em;text-transform:uppercase;background:#f871711f;border:2px solid #f8717166;border-radius:14px;min-height:44px;padding:.7rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}.mp-leave-btn:hover{background:#f8717138;border-color:#f87171b3;box-shadow:0 0 14px #f8717140}.mp-connecting-state{flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:200px;padding:2rem 1rem;display:flex}.mp-spinner{border:4px solid #38bdf833;border-top-color:#38bdf8e6;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite mp-spin}.mp-connecting-text{color:#e2e8f0e6;text-align:center;font-size:1.1rem;font-weight:600}@media(max-width:480px){.mp-room-header{flex-direction:column;align-items:flex-start}.mp-share-actions{justify-content:stretch;width:100%}.mp-share-btn{flex:1}.mp-players-grid{grid-template-columns:1fr}.mp-room-actions{flex-direction:column}.mp-ready-btn{max-width:none}}.stats-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1400;background:#040c23b8;position:fixed;top:0;right:0;bottom:0;left:0}.stats-modal-frame{z-index:1401;place-items:center;padding:1rem;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.stats-modal-card{color:#f1f5f9f5;background:radial-gradient(circle at 20% 12%,#38bdf826,#0000 56%),radial-gradient(circle at 86% 14%,#f472b629,#0000 58%),linear-gradient(145deg,#182c4cf5,#2f3956f2);border:3px solid #122042f2;border-radius:24px;flex-direction:column;width:min(860px,100%);max-height:min(90vh,860px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 44px #070c1e80}.stats-modal-header{border-bottom:1px solid #94a3b83d;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1.2rem 1.3rem 1rem;display:flex}.stats-modal-title{letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:"Baloo 2",Fredoka,Trebuchet MS,sans-serif;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800}.stats-modal-subtitle{color:#dbeafee0;margin:.25rem 0 0;font-size:.95rem}.stats-modal-close,.stats-done-btn,.stats-reset-btn,.stats-confirm-actions button{color:#f1f5f9f5;cursor:pointer;background:linear-gradient(160deg,#1e2946f0,#0f172af5);border:2px solid #94a3b85c;border-radius:12px;font-weight:700;transition:all .2s}.stats-modal-close{min-width:88px;padding:.55rem .9rem}.stats-modal-close:hover,.stats-done-btn:hover,.stats-reset-btn:hover,.stats-confirm-actions button:hover{border-color:#bae6fdb3;box-shadow:0 0 0 3px #38bdf833}.stats-modal-body{flex-direction:column;gap:1rem;padding:1rem 1.3rem 1.1rem;display:flex;overflow-y:auto}.stats-tabs{background:#0f172a59;border-radius:13px;gap:.5rem;width:-moz-fit-content;width:fit-content;padding:.3rem;display:inline-flex}.stats-tab{color:#e2e8f0d1;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.5rem .85rem;font-size:.82rem;font-weight:800;transition:all .16s}.stats-tab.is-active{color:#fffffffa;background:linear-gradient(145deg,#3b82f673,#1e40af8c)}.stats-content{flex-direction:column;gap:.9rem;display:flex}.stats-empty{text-align:center;color:#cbd5e1db;border:2px dashed #94a3b85c;border-radius:16px;padding:1.6rem}.stats-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.stats-kpi-card,.stats-total-card{background:linear-gradient(160deg,#121f38eb,#141c30e6);border:2px solid #94a3b83d;border-radius:14px;flex-direction:column;gap:.25rem;padding:.8rem .9rem;display:flex}.stats-kpi-label{letter-spacing:.12em;text-transform:uppercase;color:#bae6fdd1;font-size:.73rem;font-weight:800}.stats-kpi-value,.stats-total-value{font-family:"Baloo 2",Fredoka,Trebuchet MS,sans-serif;font-size:clamp(1.05rem,2.6vw,1.45rem);font-weight:800;line-height:1.1}.stats-total-card{align-items:center;padding:1rem}.stats-total-value{color:#fbbf24fa}.stats-leaderboard{border:2px solid #94a3b83d;border-radius:15px;overflow:hidden}.stats-leaderboard-head,.stats-leaderboard-row{grid-template-columns:72px 1.2fr .9fr .8fr .8fr;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:grid}.stats-leaderboard-head{letter-spacing:.12em;text-transform:uppercase;color:#bae6fde6;background:#0f172a85;padding:.68rem .85rem;font-size:.72rem;font-weight:800}.stats-leaderboard-row{border-top:1px solid #94a3b833;padding:.75rem .85rem;font-weight:700}.stats-leaderboard-row:nth-child(2n){background:#0f172a33}.stats-rank{color:#fbbf24f5}.stats-mode{letter-spacing:.03em}.stats-modal-footer{border-top:1px solid #94a3b83d;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.3rem 1.2rem;display:flex}.stats-reset-btn,.stats-done-btn{letter-spacing:.08em;text-transform:uppercase;padding:.62rem 1rem;font-size:.84rem}.stats-done-btn{background:linear-gradient(150deg,#fbbf2459,#f59e0b6b);border-color:#fbbf2480}.stats-confirm-overlay{background:#020617b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.stats-confirm-card{background:linear-gradient(160deg,#1e141cf5,#341a26f2);border:2px solid #f871718c;border-radius:14px;width:min(360px,100%);padding:1rem}.stats-confirm-card h3{text-transform:uppercase;letter-spacing:.06em;margin:0 0 .35rem}.stats-confirm-card p{color:#fee2e2eb;margin:0}.stats-confirm-actions{justify-content:flex-end;gap:.55rem;margin-top:.9rem;display:flex}.stats-confirm-actions button{padding:.5rem .75rem;font-size:.8rem}@media(max-width:760px){.stats-modal-header{flex-direction:column;align-items:stretch}.stats-modal-close{align-self:flex-end}.stats-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-leaderboard-head,.stats-leaderboard-row{grid-template-columns:60px 1.15fr .8fr .72fr .72fr;font-size:.86rem}}.leaderboard-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1400;background:#040c23b8;position:fixed;top:0;right:0;bottom:0;left:0}.leaderboard-modal-frame{z-index:1401;place-items:center;padding:1rem;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.leaderboard-modal-card{color:#f1f5f9f5;background:radial-gradient(circle at 20% 12%,#fbbf241f,#0000 56%),radial-gradient(circle at 86% 14%,#f59e0b1a,#0000 58%),linear-gradient(145deg,#1e190ff5,#2d2614f2);border:2px solid #fbbf2480;border-radius:24px;flex-direction:column;width:min(880px,100%);max-height:min(90vh,860px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 44px #070c1e80,0 0 30px #fbbf2440,inset 0 1px 1px #fbbf2426}.leaderboard-modal-header{background:linear-gradient(90deg,#fbbf240d,#0000);border-bottom:1px solid #fbbf2440;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1.3rem 1.4rem 1.1rem;display:flex}.leaderboard-modal-title{letter-spacing:.05em;text-transform:uppercase;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #fbbf244d;background:linear-gradient(135deg,#fbbf24fa,#f59e0be0);-webkit-background-clip:text;background-clip:text;margin:0;font-family:"Baloo 2",Fredoka,Trebuchet MS,sans-serif;font-size:clamp(1.6rem,2.8vw,2.1rem);font-weight:800}.leaderboard-modal-subtitle{color:#dbeafed1;margin:.35rem 0 0;font-size:.95rem}.leaderboard-modal-close{color:#fbbf24e6;cursor:pointer;background:linear-gradient(160deg,#2d2614f0,#1e190ff5);border:2px solid #fbbf2466;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.leaderboard-modal-close:hover{background:linear-gradient(160deg,#3c3219f0,#2d2614f5);border-color:#fbbf24b3;box-shadow:0 0 0 3px #fbbf2433}.leaderboard-modal-body{flex-direction:column;gap:.8rem;padding:1.2rem 1.4rem;display:flex;overflow-y:auto}.leaderboard-container{flex-direction:column;gap:.6rem;display:flex}.leaderboard-empty{text-align:center;color:#cbd5e1d1;border:2px dashed #fbbf244d;border-radius:16px;padding:1.8rem}.leaderboard-table{background:#0f172a26;border:2px solid #fbbf244d;border-radius:15px;overflow:hidden}.leaderboard-head,.leaderboard-row{grid-template-columns:60px 1.3fr 1fr 1fr .9fr;align-items:center;-moz-column-gap:.6rem;column-gap:.6rem;display:grid}.leaderboard-head{letter-spacing:.13em;text-transform:uppercase;color:#fbbf24f2;background:linear-gradient(90deg,#fbbf241a,#f59e0b14);border-bottom:2px solid #fbbf2440;padding:.75rem 1rem;font-size:.75rem;font-weight:800}.leaderboard-row{border-top:1px solid #fbbf2426;padding:.85rem 1rem;font-weight:700;transition:all .2s}.leaderboard-row:nth-child(2n){background:#fbbf240a}.leaderboard-row:hover{background:#fbbf2414;border-top-color:#fbbf244d}.leaderboard-rank{color:#fbbf24f5;font-size:1.05rem;font-weight:800}.leaderboard-mode{align-items:center;gap:.4rem;display:flex}.leaderboard-mode-name{letter-spacing:.03em;color:#f1f5f9f2}.leaderboard-stat{text-align:center;color:#dbeafee6}.leaderboard-stat-best{color:#fbbf24e0;font-weight:800}.leaderboard-col-rank,.leaderboard-col-mode,.leaderboard-col-stat{display:block}.leaderboard-modal-footer{border-top:1px solid #fbbf2440;justify-content:flex-end;align-items:center;gap:.8rem;padding:1rem 1.4rem 1.2rem;display:flex}.leaderboard-reset-btn,.leaderboard-done-btn{color:#fbbf24e6;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(160deg,#2d2614f0,#1e190ff5);border:2px solid #fbbf2466;border-radius:11px;padding:.62rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .2s}.leaderboard-reset-btn:hover,.leaderboard-done-btn:hover{background:linear-gradient(160deg,#3c3219f0,#2d2614f5);border-color:#fbbf24b3;box-shadow:0 0 0 3px #fbbf2433}.leaderboard-done-btn{background:linear-gradient(150deg,#fbbf2459,#f59e0b6b);border-color:#fbbf2499}.leaderboard-done-btn:hover{border-color:#fbbf24cc;box-shadow:0 0 0 3px #fbbf2440}@media(max-width:760px){.leaderboard-modal-header{flex-direction:column;align-items:stretch}.leaderboard-modal-close{align-self:flex-end}.leaderboard-head,.leaderboard-row{grid-template-columns:50px 1.1fr .85fr .85fr .75fr;font-size:.82rem}}.sp-header{border-bottom:1px solid #22d3ee33;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.sp-title{color:#0000;letter-spacing:.05em;background:linear-gradient(90deg,#67e8f9,#93c5fd,#d8b4fe);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.sp-subtitle{color:#cbd5e1d9;margin-top:.25rem;font-size:.875rem}.sp-close-btn{color:#e2e8f0;cursor:pointer;background:#0f172aa6;border:1px solid #334155cc;border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.sp-close-btn:hover{color:#a5f3fc;background:#1e293bd9;border-color:#22d3ee99;transform:scale(1.02)}.sp-tabs{background:#02061766;border-bottom:1px solid #22d3ee33;padding:.5rem 1rem 0}.sp-tab-bar{gap:.25rem;display:flex}.sp-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:.5rem .5rem 0 0;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.sp-tab:hover{color:#e2e8f0;background:#0f172a66}.sp-tab--active{color:#a5f3fc;background:#06b6d41f;border-bottom-color:#22d3ee}.sp-tab-icon{flex-shrink:0;width:1rem;height:1rem}.sp-tab-label{white-space:nowrap}.sp-body-flat{max-height:65vh}.sp-main{background:#02061740;padding:1.25rem;overflow-y:auto}.sp-content{flex-direction:column;gap:1.5rem;display:flex}.sp-nav-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:#0f172a59;border:1px solid #33415599;border-radius:.75rem;padding:.75rem;transition:all .3s;position:relative}.sp-nav-btn:hover{background:#0f172a8c;border-color:#22d3ee59;transform:scale(1.01)}.sp-nav-btn--active{background:linear-gradient(90deg,#06b6d440,#3b82f633);border-color:#22d3eea6;box-shadow:0 0 24px #22d3ee33}.sp-nav-btn--active:hover{transform:none}.sp-nav-inner{align-items:flex-start;gap:.75rem;display:flex}.sp-nav-icon{color:#94a3b8;flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem;transition:color .3s}.sp-nav-btn:hover .sp-nav-icon,.sp-nav-btn--active .sp-nav-icon{color:#67e8f9}.sp-nav-label{text-transform:uppercase;letter-spacing:.05em;color:#f1f5f9;font-size:.875rem;font-weight:700}.sp-nav-label--active{color:#0000;background:linear-gradient(90deg,#a5f3fc,#bfdbfe);-webkit-background-clip:text;background-clip:text}.sp-nav-desc{color:#94a3b8;font-size:.75rem}.sp-section-header{background:#0f172a4d;border:1px solid #22d3ee33;border-radius:1rem;padding:1rem}.sp-section-title{color:#0000;background:linear-gradient(90deg,#67e8f9,#93c5fd,#d8b4fe);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.sp-section-desc{color:#94a3b8;margin-top:.25rem;font-size:.875rem}.sp-section-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a59;border:1px solid #22d3ee40;border-radius:1rem;padding:1rem}.sp-card-title{color:#f1f5f9;font-size:1.125rem;font-weight:700}.sp-card-desc{color:#94a3b8;margin-top:.25rem;font-size:.875rem}.sp-card-body{margin-top:.75rem}.sp-card-body-spaced{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.sp-toggle-row{background:#0f172a59;border:1px solid #33415599;border-radius:.75rem;padding:1rem;transition:all .3s}.sp-toggle-row:hover{background:#0f172a80;border-color:#22d3ee66;box-shadow:0 0 28px #22d3ee1f}.sp-toggle-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sp-toggle-text{flex:1;min-width:0}.sp-toggle-label{color:#f1f5f9;font-size:.875rem;font-weight:600}.sp-toggle-desc{color:#94a3b8;margin-top:.25rem;font-size:.75rem}.sp-toggle-switch{cursor:pointer;background:#334155;border:none;border-radius:9999px;flex-shrink:0;width:3.5rem;height:1.75rem;transition:all .3s;position:relative}.sp-toggle-switch--on{background:linear-gradient(90deg,#06b6d4,#3b82f6);box-shadow:0 0 18px #22d3ee8c}.sp-toggle-knob{background:#fff;border-radius:9999px;width:1.25rem;height:1.25rem;transition:transform .3s;position:absolute;top:.25rem;left:.25rem;box-shadow:0 1px 3px #0000004d}.sp-toggle-switch--on .sp-toggle-knob{transform:translate(1.75rem)}.sp-slider-row{margin-bottom:0}.sp-slider-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.sp-slider-label{color:#e2e8f0;font-size:.875rem;font-weight:600}.sp-slider-value{color:#94a3b8;font-size:.75rem}.sp-slider{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#334155;border-radius:.5rem;width:100%;height:.5rem}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 8px #22d3ee80}.sp-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 8px #22d3ee80}.sp-pill-btn{text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.sp-pill-btn:hover{border-color:#22d3ee59}.sp-pill-btn--active{color:#cffafe;background:linear-gradient(90deg,#06b6d433,#3b82f633);border-color:#22d3eebf;box-shadow:0 0 12px #22d3ee33}.sp-pill-lg{align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.sp-pill-op{padding:.5rem .75rem;font-size:.875rem}.sp-colorblind-grid{gap:.5rem;display:grid}@media(min-width:640px){.sp-colorblind-grid{grid-template-columns:repeat(2,1fr)}}.sp-colorblind-btn{text-align:left;color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .2s}.sp-colorblind-btn:hover{border-color:#22d3ee59}.sp-colorblind-btn--active{color:#cffafe;background:linear-gradient(90deg,#06b6d433,#3b82f633);border-color:#22d3eebf;box-shadow:0 0 12px #22d3ee33}.sp-pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.sp-operator-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media(min-width:640px){.sp-operator-grid{grid-template-columns:repeat(4,1fr)}}.sp-layout-grid{gap:1rem;margin-top:1rem;display:grid}@media(min-width:768px){.sp-layout-grid{grid-template-columns:minmax(0,1fr) 220px}}.sp-reset-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:.5rem;width:100%;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s}.sp-reset-btn:hover{background:#334155;border-color:#22d3ee73}.sp-skin-grid{gap:.75rem;margin-top:1rem;display:grid}@media(min-width:640px){.sp-skin-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.sp-skin-grid{grid-template-columns:repeat(3,1fr)}}.sp-skin-card{text-align:left;cursor:pointer;color:inherit;background:#0f172a80;border:1px solid #334155;border-radius:.75rem;padding:.75rem;transition:all .3s;position:relative}.sp-skin-card:hover{border-color:#22d3ee59;transform:scale(1.01)}.sp-skin-card--active{background:linear-gradient(to bottom right,#06b6d433,#3b82f633);border-color:#67e8f9e6;transform:scale(1.01);box-shadow:0 0 20px #22d3ee4d}.sp-skin-badge{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 1px 3px #0000004d}.sp-skin-preview{border:1px solid #33415580;border-radius:.375rem;gap:.25rem;margin-bottom:.5rem;padding:.5rem;display:grid}.sp-skin-cell-empty{aspect-ratio:1;border:1px solid #64748b40;border-radius:.25rem}.sp-skin-cell{aspect-ratio:1;border-radius:.25rem;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.sp-skin-name{color:#f1f5f9;font-size:.875rem;font-weight:700}.sp-skin-desc{color:#94a3b8;font-size:.75rem}.sp-footer{border-top:1px solid #22d3ee33;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;display:flex}.sp-done-btn{text-transform:uppercase;letter-spacing:.05em;color:#cffafe;cursor:pointer;background:linear-gradient(90deg,#06b6d440,#3b82f633);border:2px solid #22d3ee99;border-radius:.75rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s}.sp-done-btn:hover{background:linear-gradient(90deg,#06b6d459,#3b82f64d);transform:scale(1.02)}.sp-hint{color:#94a3b8;margin-top:.75rem;font-size:.75rem}.sp-section{flex-direction:column;gap:1.5rem;display:flex}.mobile-vs-bar{display:none}@media(max-width:520px){.lane-surface{border-radius:18px;padding:.75rem}.calculator-panel,.calculator-panel--max{padding:.75rem}.calculator-grid{gap:.35rem}.battle-stage,.battle-stage--wide{gap:.5rem}.hero{padding:.5rem .75rem}.mobile-vs-bar{background:#0f172ad9;border:1px solid #94a3b826;border-radius:14px;flex-direction:column;gap:.3rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.mobile-vs-row{align-items:center;gap:.5rem;display:flex}.mobile-vs-avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;line-height:1;display:flex}.mobile-vs-avatar--opp{transform:scaleX(-1)}.mobile-vs-name{color:#cbd5e1;min-width:3rem;font-size:.75rem;font-weight:600}.mobile-vs-stats{flex-direction:column;flex:1;gap:3px;display:flex}.mobile-vs-battery-row{align-items:center;gap:.4rem;display:flex}.mobile-vs-battery{background:#1e293bcc;border-radius:999px;flex:1;height:10px;overflow:hidden}.mobile-vs-battery-fill{background:linear-gradient(90deg,#22d3ee,#3b82f6);border-radius:999px;height:100%;transition:width .3s}.mobile-vs-pct{text-align:right;color:#94a3b8;min-width:2.2rem;font-size:.7rem;font-weight:700}.mobile-vs-power{gap:3px;padding-left:1px;display:flex}.mobile-vs-dot{background:#33415599;border-radius:2px;width:8px;height:8px}.mobile-vs-dot--on{background:#22d3ee;box-shadow:0 0 4px #22d3ee80}[data-mobile=a] .battle-stage .lane[data-role=ai],[data-mobile=a] .info-card .robot-avatar,[data-mobile=a] .lane[data-role=player] .battery-shell,[data-mobile=a] .lane[data-role=player] .sabotage-meter,[data-mobile=b] .mobile-vs-bar{display:none}[data-mobile=b] .info-card .robot-avatar{border-radius:8px;flex-shrink:0;width:32px;height:32px}[data-mobile=b] .info-card{align-items:center;gap:.5rem;padding:.4rem 0;display:flex}[data-mobile=b] .info-card .character-card{text-align:left;flex-direction:row;align-items:center;gap:.5rem}[data-mobile=b] .info-card .character-card>div{text-align:left}[data-mobile=b] .info-card .character-card h2{font-size:.9rem}[data-mobile=b] .lane[data-role=ai] .calculator-grid button{padding:.55rem .25rem;font-size:.85rem}[data-mobile=b] .battle-stage--wide{gap:.35rem}}@media(min-width:521px)and (max-width:800px){[data-variant=demo] .lane-surface{border-radius:18px;padding:.75rem}[data-variant=demo] .calculator-panel,[data-variant=demo] .calculator-panel--max{padding:.75rem}[data-variant=demo] .calculator-grid{gap:.35rem}[data-variant=demo] .battle-stage,[data-variant=demo] .battle-stage--wide{gap:.5rem}[data-variant=demo] .hero{padding:.5rem .75rem}[data-variant=demo] .mobile-vs-bar{background:#0f172ad9;border:1px solid #94a3b826;border-radius:14px;flex-direction:column;gap:.3rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}[data-variant=demo] .mobile-vs-row{align-items:center;gap:.5rem;display:flex}[data-variant=demo] .mobile-vs-avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;line-height:1;display:flex}[data-variant=demo] .mobile-vs-avatar--opp{transform:scaleX(-1)}[data-variant=demo] .mobile-vs-name{color:#cbd5e1;min-width:3rem;font-size:.75rem;font-weight:600}[data-variant=demo] .mobile-vs-stats{flex-direction:column;flex:1;gap:3px;display:flex}[data-variant=demo] .mobile-vs-battery-row{align-items:center;gap:.4rem;display:flex}[data-variant=demo] .mobile-vs-battery{background:#1e293bcc;border-radius:999px;flex:1;height:10px;overflow:hidden}[data-variant=demo] .mobile-vs-battery-fill{background:linear-gradient(90deg,#22d3ee,#3b82f6);border-radius:999px;height:100%;transition:width .3s}[data-variant=demo] .mobile-vs-pct{text-align:right;color:#94a3b8;min-width:2.2rem;font-size:.7rem;font-weight:700}[data-variant=demo] .mobile-vs-power{gap:3px;padding-left:1px;display:flex}[data-variant=demo] .mobile-vs-dot{background:#33415599;border-radius:2px;width:8px;height:8px}[data-variant=demo] .mobile-vs-dot--on{background:#22d3ee;box-shadow:0 0 4px #22d3ee80}[data-variant=demo][data-mobile=a] .battle-stage .lane[data-role=ai],[data-variant=demo][data-mobile=a] .info-card .robot-avatar,[data-variant=demo][data-mobile=a] .lane[data-role=player] .battery-shell,[data-variant=demo][data-mobile=a] .lane[data-role=player] .sabotage-meter{display:none}}@media(min-width:801px){[data-variant=demo].arena-bg .hero .lede,[data-variant=demo].arena-bg .hero .eyebrow{display:none}[data-variant=demo].arena-bg .hero h1{color:#f8fafc;text-shadow:3px 3px #0f172a,-1px -1px #0f172a,1px -1px #0f172a,-1px 1px #0f172a,1px 1px #0f172a;margin:0;font-size:1.9rem}[data-variant=demo].arena-bg .hero{gap:.2rem;padding-block:.2rem}[data-variant=demo].arena-bg .page-shell{padding-top:.4rem}[data-variant=demo].arena-bg .hero-button{padding:.4rem 1rem;font-size:.9rem;line-height:1.2}[data-variant=demo].arena-bg .hero-button.restart-duel-btn{white-space:normal;text-align:center;color:#cbd5e1;max-width:4.5rem;box-shadow:none;background:0 0;border:1.5px solid #94a3b866}[data-variant=demo].arena-bg .hero-button.restart-duel-btn:hover{color:#f1f5f9;box-shadow:none;background:#94a3b81a;border-color:#94a3b8a6;transform:none}[data-variant=demo].arena-bg .calculator-grid button,[data-variant=demo].arena-bg .calculator-grid--large button{padding-block:.55rem;font-size:calc(1.1rem + 3px)}[data-variant=demo].arena-bg .info-card{position:relative}[data-variant=demo].arena-bg .lane[data-role=player] .info-card .character-card>div:last-child{text-align:right;position:absolute;top:0;right:0}[data-variant=demo].arena-bg .lane[data-role=ai] .info-card .character-card>div:last-child{text-align:left;position:absolute;top:0;left:0}}.demo-utility-row{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media(min-width:640px){.demo-utility-row{gap:2rem;margin-top:2rem;padding-top:2rem}}@media(max-width:480px){.demo-utility-row{gap:1rem;margin-top:1rem;padding-top:1rem}}.tutorial-button{background:linear-gradient(135deg,#8b5cf6d9,#3b82f6d9)!important;border-color:#8b5cf699!important;font-size:2rem!important;box-shadow:0 0 18px #8b5cf673!important}.tutorial-button:hover{border-color:#8b5cf6e6!important;box-shadow:0 0 28px #8b5cf6a6!important}.tutorial-button-label{letter-spacing:.2em;text-transform:uppercase;color:#111827;white-space:nowrap;font-size:.65rem;font-weight:800}.landing-settings-actions{flex-direction:row;align-items:center;gap:1.1rem;display:flex}.landing-settings-item{flex-direction:column;align-items:center;gap:.45rem;display:flex}.landing-utility-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563ebdb,#0ea5e9db);border:2px solid #38bdf88c;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:inline-flex;box-shadow:0 0 18px #38bdf873}.landing-utility-button:hover{transform:translateY(-2px)}.landing-utility-button--stats:hover{border-color:#38bdf8f2;box-shadow:0 0 28px #38bdf8a6}.landing-utility-button--settings{background:linear-gradient(135deg,#d97706e6,#f59e0be6);border-color:#facc15a6;box-shadow:0 0 18px #f59e0b73}.landing-utility-button--settings:hover{border-color:#facc15f2;box-shadow:0 0 28px #f59e0b9e}.landing-utility-button--base{background:linear-gradient(135deg,#6d28d9e6,#8b5cf6e6);border-color:#8b5cf6a6;box-shadow:0 0 18px #8b5cf673}.landing-utility-button--base:hover{border-color:#a78bfaf2;box-shadow:0 0 28px #8b5cf6a6}.landing-utility-button--debug{background:linear-gradient(135deg,#475569e6,#64748be6);border-color:#94a3b88c;box-shadow:0 0 18px #94a3b84d}.landing-utility-button--debug:hover{border-color:#cbd5e1cc;box-shadow:0 0 28px #94a3b880}.landing-utility-icon{width:28px;height:28px}.landing-settings-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8cc;font-size:.65rem;font-weight:700}.cs-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617d1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.cs-modal{background:linear-gradient(160deg,#0f172a,#1e1b4b 60%,#0f172a);border:1.5px solid #8b5cf659;border-radius:22px;flex-direction:column;gap:1.5rem;width:100%;max-width:540px;max-height:90vh;padding:2rem;display:flex;overflow-y:auto;box-shadow:0 0 80px #8b5cf638,0 24px 64px #000000b3}.cs-modal__header{text-align:center}.cs-modal__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#a78bfae6;margin-bottom:.45rem;font-size:.68rem}.cs-modal__title{letter-spacing:-.03em;color:#fff;text-shadow:0 0 24px #8b5cf680;margin-bottom:.5rem;font-size:2.1rem;font-weight:900;line-height:1}.cs-modal__subtitle{color:#94a3b8bf;font-size:.83rem}.cs-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.cs-card{border:1.5px solid #ffffff12;border-radius:14px;flex-direction:column;gap:.35rem;padding:1.1rem 1rem 1rem;display:flex;position:relative;overflow:hidden}.cs-card:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff0a,#0000 60%);position:absolute;top:0;right:0;bottom:0;left:0}.cs-card__badge{letter-spacing:.1em;border:1px solid #0000;border-radius:99px;padding:.2rem .55rem;font-size:.56rem;font-weight:800;position:absolute;top:.55rem;right:.55rem}.cs-badge--proto{color:#6ee7b7f2;background:#10b9814d;border-color:#34d39966}.cs-badge--concept{color:#fcd34de6;background:#f59e0b40;border-color:#fbbf2459}.cs-badge--prod{color:#93c5fdf2;background:#3b82f64d;border-color:#60a5fa66}.cs-card__icon{margin-bottom:.25rem;font-size:2rem;line-height:1}.cs-card__title{color:#fff;letter-spacing:.01em;font-size:.92rem;font-weight:800}.cs-card__desc{color:#94a3b8cc;font-size:.73rem;line-height:1.45}.cs-card--bio{background:linear-gradient(135deg,#10b98138,#0596691f);border-color:#34d3994d}.cs-card--cable{background:linear-gradient(135deg,#0ea5e938,#06b6d41f);border-color:#38bdf84d}.cs-card--orgo{background:linear-gradient(135deg,#f9731638,#f59e0b1f);border-color:#fb923c4d}.cs-card--physics{background:linear-gradient(135deg,#8b5cf638,#6d28d91f);border-color:#a78bfa4d}.cs-card--genes{background:linear-gradient(135deg,#14b8a638,#10b9811f);border-color:#2dd4bf4d}.cs-card--arch{background:linear-gradient(135deg,#6366f138,#3b82f61f);border-color:#818cf84d}.cs-card--calc{background:linear-gradient(135deg,#eab30838,#a3e6351f);border-color:#facc154d}.cs-card--quiz{background:linear-gradient(135deg,#ec489938,#a855f71f);border-color:#f472b64d}.cs-card--clickable{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.cs-card--clickable:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.cs-card--clickable:active{transform:translateY(-1px)}.cs-close{color:#fff;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:99px;align-self:center;padding:.72rem 2.6rem;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 0 22px #7c3aed66}.cs-close:hover{transform:translateY(-2px);box-shadow:0 0 36px #7c3aeda6}@media(max-width:480px){.cs-grid{grid-template-columns:1fr}.cs-modal{padding:1.5rem 1.25rem}.cs-modal__title{font-size:1.7rem}}.tut-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1eeb;position:fixed;top:0;right:0;bottom:0;left:0}.tut-frame{z-index:510;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.tut-modal{background:radial-gradient(circle at 15% 15%,#8b5cf626,#0000 50%),radial-gradient(circle at 85% 85%,#38bdf826,#0000 50%),linear-gradient(145deg,#0f172afa,#1e293bf5);border:2px solid #8b5cf680;border-radius:28px;flex-direction:column;width:min(600px,94vw);min-height:min(620px,90vh);padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #000000b3,0 0 50px #8b5cf640,inset 0 1px #ffffff1a}.tut-main{flex:1;margin-bottom:1.5rem;padding-right:0;overflow:hidden}.tut-close{color:#fff9;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.tut-close:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.tut-dots{justify-content:center;gap:12px;margin-bottom:2rem;display:flex}.tut-dot{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .25s}.tut-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.tut-sigil-wrapper{filter:drop-shadow(0 0 12px #8b5cf680);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.tut-title{letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#38bdf8,#a78bfa) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:900;animation:3s ease-in-out infinite tut-title-shimmer}@keyframes tut-title-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.tut-desc{color:#e2e8f0e6;max-width:480px;margin:0 auto 1.5rem;font-size:1.15rem;font-weight:500;line-height:1.6}.tut-demo-box{background:#00000059;border:1px solid #ffffff14;border-radius:18px;margin-bottom:0;padding:1.5rem 2rem}.tut-nav{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.tut-nav-btn{color:#e2e8f0;letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff26;border-radius:12px;align-items:center;gap:.5rem;min-width:110px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.tut-nav-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf699;transform:translateY(-2px)}.tut-nav-btn--done{color:#0f172a;background:linear-gradient(135deg,#fbbf24f2,#f97316f2);border-color:#fbbf24b3;box-shadow:0 0 20px #fbbf244d}.tut-nav-btn--done:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 0 30px #fbbf2480}.tut-step-num{color:#94a3b8b3;letter-spacing:.15em;font-size:1rem;font-weight:700}.tut-eq-row{justify-content:center;align-items:center;gap:1rem;margin-bottom:.75rem;font-family:monospace;font-size:2.5rem;font-weight:700;display:flex}.tut-eq-blank{color:#4ade80;background:#4ade8033;border:3px solid #4ade8099;border-radius:12px;justify-content:center;align-items:center;min-width:3.5rem;padding:.4rem .8rem;display:inline-flex;box-shadow:0 0 15px #4ade804d}.tut-demo-hint{color:#94a3b8d9;margin:0;font-size:1rem;font-weight:600}.tut-demo-power{flex-direction:column;gap:.9rem;display:flex}.tut-demo-power-row{align-items:center;gap:1rem;width:100%;display:flex}.tut-power-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8e6;min-width:60px;font-size:.9rem;font-weight:800}.tut-power-bar{flex:1;gap:8px;display:flex}.tut-power-seg{background:#0006;border:2px solid #fbbf2440;border-radius:8px;flex:1;height:36px;transition:all .2s}.tut-power-seg--filled{background:linear-gradient(#fbbf24,#f59e0b);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2499}.tut-power-jam{color:#f8fafc59;letter-spacing:.1em;text-transform:uppercase;opacity:.35;background:linear-gradient(135deg,#f43f5e33,#0e749033);border:2px solid #f43f5e4d;border-radius:12px;justify-content:center;align-items:center;min-width:160px;min-height:44px;padding:.55rem 1.8rem;font-size:1.05rem;font-weight:900;transition:opacity .22s,transform .22s,box-shadow .22s,border-color .22s;display:inline-flex;transform:translateY(4px)scale(.96)}.tut-power-jam.is-visible{opacity:1;color:#f8fafc;border-color:#f43f5ea6;animation:.35s ease-in-out infinite alternate tut-pulse;transform:translateY(0)scale(1);box-shadow:0 0 18px #f43f5e8c}.tut-keys-row{justify-content:center;gap:16px;margin:1rem 0;display:flex}.tut-key{color:#e2e8f0;background:#1e293be6;border:2px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:72px;height:68px;font-size:1.8rem;font-weight:700;display:flex}.tut-key--blocked{color:#fff;background:linear-gradient(135deg,#ef4444cc,#dc2626cc);border-color:#ef4444;animation:.3s ease-in-out infinite tut-shake;box-shadow:0 0 20px #ef444480}.tut-blocked-label{color:#f87171e6;margin:0;font-size:.95rem;font-weight:600}.tut-demo-battery{justify-content:center;align-items:center;gap:1.5rem;display:flex}.tut-battery-col{text-align:center;flex:1;max-width:180px}.tut-battery-name{letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0d9;margin-bottom:.5rem;font-size:.9rem;font-weight:800;display:block}.tut-battery-track{background:#00000080;border:1px solid #ffffff1a;border-radius:8px;height:28px;margin-bottom:.4rem;overflow:hidden}.tut-battery-fill{border-radius:7px;height:100%;transition:width .3s}.tut-battery-pct{color:#94a3b8e6;font-size:1rem;font-weight:700}.tut-vs{letter-spacing:.12em;color:#f472b6;text-shadow:0 0 15px #f472b699;font-size:1.1rem;font-weight:900}.tut-demo-win{justify-content:center;align-items:flex-end;gap:3rem;padding:.5rem 0;display:flex}.tut-robot{flex-direction:column;align-items:center;gap:.6rem;display:flex}.tut-robot-icon--winner{filter:drop-shadow(0 0 12px #4ade8080);animation:.6s ease-in-out infinite tut-bounce}.tut-robot-label{letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;font-weight:800}.tut-robot-label--winner{color:#4ade80;text-shadow:0 0 12px #4ade8099}@media(max-width:600px){.tut-modal{border-radius:20px;min-height:min(560px,92vh);padding:1.5rem}.tut-sigil-wrapper{width:60px;height:60px}.tut-title{font-size:1.5rem}.tut-desc{font-size:1rem}.tut-demo-box{padding:1rem 1.25rem}.tut-eq-row{gap:.6rem;font-size:2rem}.tut-eq-blank{min-width:2.8rem}.tut-power-seg{height:28px}.tut-key{width:58px;height:54px;font-size:1.5rem}.tut-battery-col{max-width:140px}.tut-battery-track{height:22px}.tut-robot-icon{width:64px;height:64px}.tut-demo-win{gap:2rem}.tut-nav-btn{min-width:90px;padding:.7rem 1rem;font-size:.9rem}.tut-nav-arrow{width:16px;height:16px}}@media(max-width:400px){.tut-modal{min-height:min(520px,92vh);padding:1.25rem}.tut-sigil-wrapper{width:50px;height:50px}.tut-title{font-size:1.3rem}.tut-desc{font-size:.9rem}.tut-eq-row{gap:.5rem;font-size:1.6rem}.tut-key{width:48px;height:46px;font-size:1.3rem}.tut-keys-row{gap:10px}.tut-nav-btn{min-width:80px;padding:.6rem .8rem;font-size:.85rem}.tutorial-button{font-size:1.6rem!important}.landing-utility-button{width:52px;height:52px}.landing-utility-icon{width:23px;height:23px}.landing-settings-label{font-size:.55rem}}.settings-overlay{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1eeb;position:fixed;top:0;right:0;bottom:0;left:0}.settings-frame{z-index:510;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.settings-modal{background:radial-gradient(circle at 15% 15%,#facc151a,#0000 50%),radial-gradient(circle at 85% 85%,#f59e0b1a,#0000 50%),linear-gradient(145deg,#0f172afa,#1e293bf5);border:2px solid #facc1566;border-radius:28px;width:min(580px,94vw);max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 80px #000000b3,0 0 50px #facc1526,inset 0 1px #ffffff1a}.settings-close{color:#fff9;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.settings-close:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.settings-tabs{border-bottom:1px solid #ffffff1a;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.settings-tab{cursor:pointer;background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .25s;display:flex}.settings-tab:hover{background:#facc1514;border-color:#facc154d}.settings-tab--active{background:#facc151f;border-color:#facc1599;box-shadow:0 0 20px #facc1533}.settings-tab-sigil{filter:drop-shadow(0 0 6px #facc154d);width:36px;height:36px}.settings-tab--active .settings-tab-sigil{filter:drop-shadow(0 0 10px #facc1580)}.settings-tab-label{letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0b3;font-size:.8rem;font-weight:700;transition:color .2s}.settings-section-header{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.settings-section-sigil{filter:drop-shadow(0 0 12px #facc1566);width:56px;height:56px}.settings-section-title{letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24,#f97316,#fbbf24) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:900;animation:3s ease-in-out infinite settings-title-shimmer}@keyframes settings-title-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.settings-section-body{flex-direction:column;gap:1.25rem;display:flex}.settings-group{background:#00000040;border:1px solid #ffffff0f;border-radius:16px;padding:1.25rem}.settings-group-title{letter-spacing:.1em;text-transform:uppercase;color:#facc15e6;margin:0 0 1rem;font-size:.85rem;font-weight:800}.settings-toggle-row{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.settings-toggle-row+.settings-toggle-row{border-top:1px solid #ffffff0f}.settings-toggle-info{flex-direction:column;gap:.2rem;display:flex}.settings-toggle-label{color:#e2e8f0;font-size:1rem;font-weight:600}.settings-toggle-desc{color:#94a3b8cc;font-size:.8rem}.settings-toggle-switch{cursor:pointer;background:#64748b80;border:none;border-radius:14px;flex-shrink:0;width:52px;height:28px;transition:all .25s;position:relative}.settings-toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.settings-slider-row+.settings-slider-row{border-top:1px solid #ffffff0f;margin-top:.5rem;padding-top:1rem}.settings-slider-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.settings-slider-label{color:#e2e8f0;font-size:1rem;font-weight:600}.settings-slider-value{color:#fbbf24;font-size:.9rem;font-weight:700}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#64748b66;border-radius:4px;width:100%;height:8px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:50%;width:22px;height:22px;-webkit-transition:transform .15s;transition:transform .15s;box-shadow:0 0 12px #fbbf2480}.settings-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #fbbf2480}.settings-font-options{gap:.75rem;display:flex}.settings-font-btn{color:#e2e8f0cc;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s}.settings-font-btn:hover{background:#facc151a;border-color:#facc1566}.settings-font-btn--active{color:#fbbf24;background:#facc1526;border-color:#facc15b3;box-shadow:0 0 12px #facc1533}.settings-colorblind-options{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.settings-colorblind-btn{color:#e2e8f0cc;cursor:pointer;text-align:center;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:10px;padding:.7rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.settings-colorblind-btn:hover{background:#facc1514;border-color:#facc1559}.settings-colorblind-btn--active{color:#fbbf24;background:#facc151f;border-color:#facc15a6;box-shadow:0 0 10px #facc1526}.settings-footer{border-top:1px solid #ffffff1a;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.settings-done-btn{color:#0f172a;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#fbbf24f2,#f97316f2);border:2px solid #facc15b3;border-radius:14px;padding:.9rem 2.5rem;font-size:1.1rem;font-weight:800;transition:all .2s;box-shadow:0 0 20px #fbbf244d}.blocked-key-hint{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:.78rem;display:flex}.blocked-key-hint__body{flex-direction:column;gap:2px;line-height:1.4;display:flex}.blocked-key-hint__body strong{color:#f87171;font-weight:700}.blocked-key-hint__body code{background:#ffffff1f;border-radius:3px;padding:1px 4px;font-family:monospace;display:inline}@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-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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.demo-landing-page{display:flex;align-items:stretch;width:100%;overflow-x:clip}.demo-landing-bg{background:radial-gradient(circle at 15% 20%,rgba(255,237,213,.55),transparent 40%),radial-gradient(circle at 85% 30%,rgba(253,244,255,.65),transparent 45%),radial-gradient(circle at 70% 80%,rgba(224,231,255,.55),transparent 45%),linear-gradient(135deg,#fde2e2,#efe4ff,#d9f7ff)}.demo-title-stroke{text-shadow:5px 5px 0 var(--pink),-1px -1px 0 var(--border-dark),1px -1px 0 var(--border-dark),-1px 1px 0 var(--border-dark),1px 1px 0 var(--border-dark),0 10px 22px rgba(15,23,42,.24)}.demo-landing-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;padding:calc(1.1rem + var(--safe-area-top)) 1rem calc(1.4rem + var(--safe-area-bottom))}.demo-landing-menu{position:relative;display:flex;flex-direction:column;gap:1rem;padding-top:.35rem}.demo-landing-menu.landing-menu--demo{width:min(100%,56rem);margin:0 auto;gap:1rem}.demo-landing-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;margin:0}.demo-landing-header.landing-header--demo{margin-bottom:0;gap:.5rem}.demo-landing-title{margin:0;font-size:clamp(3rem,14vw,6.5rem);line-height:.9;color:#fff;text-wrap:balance}.demo-landing-subtitle{margin:0;max-width:24ch;font-size:clamp(.95rem,4vw,1.7rem);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#0f172a;text-wrap:balance}.demo-landing-page .demo-landing-title,.demo-landing-page .demo-landing-subtitle,.demo-landing-page .landing-settings-label{position:relative;z-index:1}.demo-landing-page .landing-settings-item{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:0}.demo-landing-page .landing-utility-button{width:60px;height:60px;border-radius:999px;border:2px solid rgba(56,189,248,.55);background:linear-gradient(135deg,#2563ebe0,#0ea5e9e0);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 18px #38bdf86b;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.demo-landing-page .landing-utility-button:hover:not(:disabled){transform:translateY(-2px)}.demo-landing-page .landing-utility-button--stats:hover:not(:disabled){border-color:#38bdf8f2;box-shadow:0 0 28px #38bdf8a6}.demo-landing-page .landing-utility-button--settings{border-color:#facc15ad;background:linear-gradient(135deg,#d97706e6,#f59e0be6);box-shadow:0 0 18px #f59e0b66}.demo-landing-page .landing-utility-button--settings:hover:not(:disabled){border-color:#facc15f2;box-shadow:0 0 28px #f59e0b9e}.demo-landing-page .landing-utility-icon{width:26px;height:26px}.demo-landing-page .landing-settings-label{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0eb;text-align:center;white-space:nowrap}.demo-landing-page .tutorial-button{border-color:#8b5cf699!important;background:linear-gradient(135deg,#8b5cf6d9,#3b82f6d9)!important;box-shadow:0 0 18px #8b5cf673!important;font-size:1.7rem;font-weight:900}.tutorial-button:hover:not(:disabled){border-color:#8b5cf6e6!important;box-shadow:0 0 28px #8b5cf6a6!important}@media(min-width:640px){.demo-landing-shell{padding:calc(2rem + var(--safe-area-top)) 1.5rem calc(2.25rem + var(--safe-area-bottom))}.demo-landing-menu{padding-top:.75rem}.demo-landing-menu.landing-menu--demo{gap:1.5rem}.demo-landing-header{gap:.7rem}.demo-landing-title{font-size:clamp(4rem,10vw,7rem)}.demo-landing-subtitle{font-size:clamp(1.05rem,2.7vw,2rem)}.demo-landing-page .landing-utility-button{width:64px;height:64px}.demo-landing-page .landing-utility-icon{width:28px;height:28px}}@media(max-width:768px){.demo-landing-title{font-size:clamp(2.75rem,14vw,4.5rem)}.demo-landing-subtitle{font-size:clamp(.95rem,4.5vw,1.35rem);letter-spacing:.12em}.demo-title-stroke{text-shadow:4px 4px 0 var(--pink),-1px -1px 0 var(--border-dark),1px -1px 0 var(--border-dark),-1px 1px 0 var(--border-dark),1px 1px 0 var(--border-dark),0 8px 18px rgba(15,23,42,.2)}}@media(max-width:480px){.demo-landing-shell{align-items:flex-start;padding:calc(.9rem + var(--safe-area-top)) .85rem calc(1.2rem + var(--safe-area-bottom))}.demo-landing-menu{gap:.9rem;padding-top:0}.demo-landing-menu.landing-menu--demo{gap:1rem}.demo-landing-header,.demo-landing-header.landing-header--demo{gap:.45rem}.demo-landing-title{font-size:clamp(2.45rem,15vw,3.55rem)}.demo-landing-subtitle{max-width:18ch;font-size:.92rem;letter-spacing:.1em}.demo-title-stroke{text-shadow:3px 3px 0 var(--pink),-1px -1px 0 var(--border-dark),1px -1px 0 var(--border-dark),-1px 1px 0 var(--border-dark),1px 1px 0 var(--border-dark),0 6px 14px rgba(15,23,42,.18)}.demo-landing-page .landing-utility-button{width:54px;height:54px}.demo-landing-page .landing-utility-icon{width:24px;height:24px}.demo-landing-page .landing-settings-label{font-size:.58rem}}@media(max-width:400px){.demo-landing-page .landing-utility-button{width:48px;height:48px}.demo-landing-page .landing-utility-icon{width:22px;height:22px}.demo-landing-page .landing-settings-label{font-size:.55rem}.demo-utility-row{gap:.6rem}}.demo-hub-card{margin:0 auto;width:min(100%,54rem);max-width:100%;border-radius:24px;border:3px solid rgba(15,23,42,.9);background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.2),transparent 45%),radial-gradient(circle at 80% 10%,rgba(244,114,182,.2),transparent 45%),linear-gradient(145deg,#0f172aeb,#1e293be0);box-shadow:0 12px #0f172ad9,0 24px 40px #0f172a59;padding:1rem;overflow:hidden}.demo-hub-card__content{display:grid;gap:.9rem}.demo-action-panel{display:grid;gap:.9rem;padding:1rem;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0f172a7a,#0f172a38);min-width:0}.demo-panel-header{display:grid;gap:.45rem;align-items:start}.demo-panel-header__body{display:grid;gap:.35rem}.demo-panel-eyebrow{margin:0;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#7dd3fce6}.demo-panel-title{margin:0;font-size:clamp(1.25rem,4.8vw,1.95rem);line-height:1.1;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#f8fafc;text-wrap:balance}.demo-panel-copy{margin:0;max-width:58ch;font-size:.88rem;line-height:1.55;font-weight:600;letter-spacing:.03em;color:#e2e8f0d1;text-wrap:pretty}.demo-hub-card button{position:relative;-webkit-tap-highlight-color:transparent}.demo-hub-card button,.demo-hub-card button span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-hub-card button:not(:disabled){cursor:pointer}.demo-hub-card button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.demo-hub-card button:focus:not(:focus-visible){outline:none}.demo-hub-card button:focus-visible{outline:3px solid rgba(191,219,254,.95);outline-offset:4px}.demo-hub-card button:active:not(:disabled){transform:translateY(1px)}.demo-action-grid{display:grid;place-items:center}.demo-primary-action,.demo-mode-button,.landing-utility-button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.demo-primary-action{width:min(100%,380px);min-width:0;min-height:112px;border-radius:20px;border:2px solid rgba(251,191,36,.9);background:linear-gradient(135deg,#fbbf24f2,#f97316f2);color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem 1.2rem;text-align:center;box-shadow:0 0 18px #fbbf2466}.demo-primary-action:hover:not(:disabled){transform:translateY(-2px);border-color:#fef08af2;box-shadow:0 0 28px #fbbf248c;filter:saturate(1.04)}.demo-primary-action__eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#0f172ab8}.demo-primary-action__label{font-size:clamp(1.7rem,7vw,2.6rem);line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-primary-action__hint{max-width:24ch;font-size:.78rem;line-height:1.35;font-weight:700;letter-spacing:.04em;text-transform:none;color:#0f172ad1}.demo-primary-action[aria-expanded=true]{box-shadow:0 0 0 4px #fbbf242e,0 0 28px #fbbf2480}.demo-play-grid{display:grid;gap:.8rem;width:100%;max-width:100%;margin:0 auto}.demo-action-panel[data-panel=play] .demo-play-grid,.demo-action-panel[data-panel=mode] .demo-play-grid,.demo-action-panel[data-panel=difficulty] .demo-play-grid{animation:demo-panel-enter .22s ease}.demo-mode-button{width:100%;min-width:0;min-height:84px;border-radius:20px;border:2px solid rgba(255,255,255,.3);background:#0f172ac7;color:#f8fafc;padding:1rem 1.2rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.demo-mode-button:focus-visible,.demo-mode-button:hover:not(:disabled){filter:saturate(1.05)}.demo-mode-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 55%);opacity:.2;pointer-events:none}.demo-mode-button--ai{border-color:#10b98194;background:radial-gradient(circle at 85% 18%,rgba(52,211,153,.22),transparent 42%),linear-gradient(140deg,#047857eb,#065f46e6);box-shadow:0 0 18px #10b98147}.demo-mode-button--multi{border-color:#38bdf89e;background:radial-gradient(circle at 85% 18%,rgba(59,130,246,.22),transparent 42%),linear-gradient(140deg,#0369a1f0,#1e40afe6);box-shadow:0 0 18px #38bdf847}.demo-mode-button--ai .demo-mode-subtitle{color:#d1fae5e6}.demo-mode-button--multi .demo-mode-subtitle{color:#e0f2fee6}.demo-difficulty-preview{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem .95rem;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#0f172a8a;min-width:0}.demo-difficulty-preview__body{display:grid;gap:.2rem;min-width:0}.demo-difficulty-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:.5rem .7rem;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#f8fafc;border:1px solid rgba(255,255,255,.22)}.demo-difficulty-badge--easy{background:#22c55e38}.demo-difficulty-badge--medium{background:#facc1538}.demo-difficulty-badge--hard{background:#f8717138}.demo-difficulty-preview__summary{margin:0;font-size:.92rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f8fafc}.demo-difficulty-preview__detail,.demo-difficulty-meta{margin:0;font-size:.76rem;font-weight:600;line-height:1.45;letter-spacing:.03em;color:#e2e8f0d1}.demo-difficulty-button{min-height:88px}.demo-difficulty-button .demo-difficulty-meta{margin-top:.15rem}.demo-difficulty-button.is-selected{border-color:#facc15eb;box-shadow:0 0 0 2px #facc152e,0 0 24px #facc1542}.demo-difficulty-button--easy{border-color:#4ade8094;background:radial-gradient(circle at 85% 18%,rgba(134,239,172,.24),transparent 42%),linear-gradient(140deg,#166534f0,#15803de6)}.demo-difficulty-button--medium{border-color:#facc159e;background:radial-gradient(circle at 85% 18%,rgba(253,224,71,.24),transparent 42%),linear-gradient(140deg,#a16207f0,#ca8a04e6)}.demo-difficulty-button--hard{border-color:#f871719e;background:radial-gradient(circle at 85% 18%,rgba(252,165,165,.24),transparent 42%),linear-gradient(140deg,#991b1bf0,#b91c1ce6)}.demo-mode-button:hover:not(:disabled){transform:translateY(-2px)}.demo-mode-button--ai:hover:not(:disabled){border-color:#10b981bf;box-shadow:0 0 22px #10b98166}.demo-mode-button--multi:hover:not(:disabled){border-color:#38bdf8cc;box-shadow:0 0 22px #38bdf866}.demo-mode-title{font-size:clamp(1.05rem,2.8vw,1.5rem);line-height:1.15;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-wrap:balance}.demo-mode-subtitle{font-size:.78rem;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0c7;text-wrap:balance}.demo-back-button{align-items:center;text-align:center;border-style:dashed;border-color:#e2e8f04d;background:#0f172a8f}.demo-back-button .demo-mode-subtitle{color:#e2e8f0b8}.demo-utility-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;align-items:flex-start;gap:.9rem;margin-top:.1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);width:100%}@keyframes demo-panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.landing-page-shell{padding-top:calc(2rem + var(--safe-area-top));padding-bottom:calc(2.25rem + var(--safe-area-bottom))}.demo-hub-card{border-radius:30px;box-shadow:0 14px #0f172ad9,0 26px 45px #0f172a59;padding:1.4rem}.demo-hub-card__content{gap:1.1rem}.demo-action-panel{gap:1rem;padding:1.2rem}.demo-primary-action{min-height:124px}.demo-play-grid{gap:.9rem;max-width:460px}.demo-utility-row{display:flex;flex-wrap:nowrap;gap:2rem;margin-top:.35rem;padding-top:1.4rem}}@media(max-width:480px){.demo-panel-header{gap:.35rem}.demo-panel-eyebrow{font-size:.64rem;letter-spacing:.14em}.demo-panel-title{font-size:1.05rem}.demo-panel-copy{font-size:.76rem;line-height:1.45}.landing-page-shell{align-items:flex-start;padding-top:calc(.9rem + var(--safe-area-top));padding-bottom:calc(1.25rem + var(--safe-area-bottom))}.landing-menu--demo{gap:.95rem}.demo-hub-card{width:100%;border-width:2px;border-radius:22px;padding:.8rem;box-shadow:0 8px #0f172ad9,0 18px 28px #0f172a47}.demo-hub-card__content{gap:.8rem}.demo-action-panel{gap:.8rem;padding:.8rem;border-radius:18px}.demo-primary-action{min-height:92px;padding:.9rem 1rem}.demo-primary-action__eyebrow{font-size:.64rem}.demo-primary-action__label{font-size:clamp(1.45rem,8vw,2rem)}.demo-primary-action__hint{font-size:.72rem}.demo-play-grid{gap:.75rem}.demo-mode-button{min-height:72px;padding:.85rem .95rem;gap:.28rem}.demo-mode-title{font-size:.98rem}.demo-mode-subtitle{font-size:.7rem;letter-spacing:.06em}.demo-difficulty-preview{flex-direction:column;gap:.55rem;padding:.75rem .8rem}.demo-difficulty-preview__body{gap:.3rem}.demo-difficulty-badge{min-width:0}.demo-difficulty-copy{font-size:.76rem}.demo-difficulty-preview__summary{font-size:.84rem}.demo-difficulty-preview__detail,.demo-difficulty-meta{font-size:.72rem;overflow-wrap:anywhere}.demo-utility-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem .75rem;margin-top:0;padding-top:.9rem}.demo-landing-page .landing-settings-item{min-width:0}.demo-landing-page .landing-settings-label{white-space:normal;line-height:1.25;text-wrap:balance}}.mp-back-button{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:2px solid rgba(255,255,255,.28);background:#0f172ac2;color:#f8fafc;padding:.55rem 1rem;font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mp-back-button:hover{transform:translateY(-1px);border-color:#38bdf8bf;box-shadow:0 0 16px #38bdf840}.mp-back-arrow{font-size:1.05rem;line-height:1}@media(max-width:768px){.demo-primary-action{min-height:90px}.demo-mode-button{min-height:70px;padding:.9rem 1rem}.demo-mode-title{font-size:1.1rem}.demo-mode-subtitle{font-size:.85rem}}.mp-setup-container,.mp-room-container{display:flex;flex-direction:column;gap:1.5rem}.mp-name-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:.8rem;align-items:end}.mp-input-group{display:flex;flex-direction:column;gap:.5rem}.mp-label{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0d9}.mp-difficulty-group{min-width:0;position:relative}.mp-label-row{display:flex;align-items:center;gap:.4rem}.mp-difficulty-help-btn{width:22px;height:22px;border-radius:50%;border:2px solid #1a1a1a;background:#fde68a;color:#1a1a1a;font-size:.72rem;font-weight:900;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .1s,box-shadow .1s;flex-shrink:0}.mp-difficulty-help-btn:hover{transform:translateY(-1px);box-shadow:2px 2px #1a1a1a}.mp-difficulty-tooltip{position:absolute;top:100%;left:0;right:0;margin-top:.35rem;background:#fffdf7;border:2.5px solid #1a1a1a;box-shadow:4px 4px #1a1a1a;border-radius:12px;padding:.75rem .9rem;z-index:20;display:flex;flex-direction:column;gap:.5rem}.mp-difficulty-tooltip-item{display:flex;flex-direction:column;gap:.1rem}.mp-difficulty-tooltip-item strong{font-size:.8rem;font-weight:800;color:#1a1a1a}.mp-difficulty-tooltip-item span{font-size:.72rem;color:#555;line-height:1.35}.mp-select{width:100%;padding:.9rem 1rem;border-radius:16px;border:2px solid rgba(255,255,255,.2);background:#0f172ab3;color:#f8fafc;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease}.mp-select:focus{outline:none;border-color:#38bdf8b3;box-shadow:0 0 16px #38bdf840}.mp-input{width:100%;padding:.9rem 1.1rem;border-radius:16px;border:2px solid rgba(255,255,255,.2);background:#0f172ab3;color:#f8fafc;font-size:1.1rem;font-weight:600;letter-spacing:.04em;transition:border-color .2s ease,box-shadow .2s ease}.mp-input::-moz-placeholder{color:#94a3b899}.mp-input::placeholder{color:#94a3b899}.mp-input:focus{outline:none;border-color:#38bdf8b3;box-shadow:0 0 16px #38bdf840}.mp-code-input{text-align:left;letter-spacing:.25em;text-transform:uppercase;font-family:monospace;font-size:1.3rem}.mp-create-section{display:flex;flex-direction:column;gap:1rem}.mp-create-primary{display:flex;flex-direction:column;gap:.75rem}.mp-setup-create{width:100%;min-height:72px;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.05;letter-spacing:.06em}.mp-section-divider{border:none;border-top:1.5px dashed rgba(26,26,26,.2)}.mp-join-section{display:flex;flex-direction:column;gap:.5rem}.mp-join-row{display:flex;gap:.5rem;align-items:stretch}.mp-join-row .mp-code-input{flex:1;min-width:0;font-size:1.1rem}.mp-join-btn{padding:.7rem 1.3rem;border-radius:12px;border:2.5px solid #1a1a1a;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 3px #1a1a1a;cursor:pointer;transition:transform .08s,box-shadow .08s;white-space:nowrap}.mp-join-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.mp-join-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #1a1a1a}@media(max-width:920px){.mp-name-row{grid-template-columns:1fr}}.mp-status-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.mp-status-indicator{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8cc}.mp-status--online{color:#4ade80f2}.mp-status--error{color:#f87171f2}.mp-error{font-size:.8rem;font-weight:600;color:#fb923cf2}@media(max-width:920px){.mp-status-bar{flex-direction:column;align-items:flex-start}}.mp-room-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.mp-room-header--centered{flex-direction:column;align-items:center;text-align:center;gap:.25rem}.mp-room-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8bf}.mp-room-code{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;letter-spacing:.2em;font-family:monospace;background:linear-gradient(135deg,#38bdf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mp-room-code--clickable{cursor:pointer;border:none;padding:.25rem .75rem;border-radius:8px;transition:transform .1s,opacity .15s}.mp-room-code--clickable:hover{transform:scale(1.03);opacity:.85}.mp-copy-hint{font-size:.7rem;font-weight:600;color:#94a3b88c;letter-spacing:.04em}.mp-match-status{font-size:.9rem;font-weight:600;color:#e2e8f0d9;text-align:center}.mp-players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.mp-players-grid--vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.mp-vs-divider{font-size:1.1rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a;opacity:.35;text-align:center;padding:0 .25rem}.mp-player-slot{padding:1rem 1.25rem;border-radius:16px;border:2px solid rgba(255,255,255,.15);background:#0f172a99;display:flex;flex-direction:column;gap:.4rem;transition:all .25s ease}.mp-player-slot--filled{border-color:#ffffff40;background:#0f172abf}.mp-player-slot--self{border-color:#38bdf899;box-shadow:0 0 20px #38bdf833}.mp-slot-role{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8bf}.mp-slot-name{font-size:1.1rem;font-weight:700;color:#f8fafc}.mp-self-tag{margin-left:.4rem;font-size:.8rem;font-weight:600;color:#38bdf8e6}.mp-waiting{font-style:italic;color:#94a3b899}.mp-ready-badge{display:inline-block;padding:.25rem .6rem;border-radius:8px;background:#f8717133;color:#f87171e6;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.mp-ready-badge--ready{background:#4ade8033;color:#4ade80f2}.mp-room-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.mp-room-actions--stacked{flex-direction:column;align-items:center}.mp-ready-btn{flex:1;min-width:160px;max-width:280px;min-height:70px!important}.mp-room-actions--stacked .mp-ready-btn{max-width:none;width:100%}.mp-ready-btn--active{background:linear-gradient(135deg,#4ade80e6,#22c55ee6)!important;border-color:#4ade80e6!important}.mp-leave-btn{padding:.7rem 1.2rem;min-height:44px;border-radius:14px;border:2px solid rgba(248,113,113,.4);background:#f871711f;color:#f87171e6;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .2s ease}.mp-leave-btn:hover{border-color:#f87171b3;background:#f8717138;box-shadow:0 0 14px #f8717140}.mp-connecting-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2rem 1rem;min-height:200px}.mp-spinner{width:48px;height:48px;border:4px solid rgba(56,189,248,.2);border-top-color:#38bdf8e6;border-radius:50%;animation:mp-spin .8s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-connecting-text{font-size:1.1rem;font-weight:600;color:#e2e8f0e6;text-align:center}@media(max-width:480px){.mp-room-header{flex-direction:column;align-items:center}.mp-players-grid,.mp-players-grid--vs{grid-template-columns:1fr}.mp-vs-divider{padding:.15rem 0}.mp-room-actions{flex-direction:column}.mp-ready-btn{max-width:none}}.mp-tabs{display:flex;border-radius:12px;border:2px solid rgba(255,255,255,.12);overflow:hidden}.mp-tab{flex:1;padding:.65rem 1rem;background:#0f172a80;color:#94a3b8cc;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:none;transition:all .2s ease}.mp-tab--active{background:#38bdf833;color:#38bdf8}.mp-tab:hover:not(.mp-tab--active){background:#ffffff12;color:#e2e8f0e6}.mp-public-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.85rem;font-weight:600;color:#cbd5e1d9}.mp-public-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.mp-browse-list{display:flex;flex-direction:column;gap:.6rem;min-height:100px}.mp-browse-empty{text-align:center;padding:2rem 1rem;color:#94a3b899;font-size:.9rem;font-weight:600;letter-spacing:.04em}.mp-lobby-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border-radius:14px;border:2px solid rgba(255,255,255,.12);background:#0f172a99;transition:border-color .2s ease}.mp-lobby-card:hover{border-color:#38bdf866}.mp-lobby-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.mp-lobby-host{font-size:1rem;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-lobby-meta{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8b3}.mp-lobby-join-btn{padding:.55rem 1.1rem;min-height:44px;border-radius:10px;border:2px solid rgba(56,189,248,.5);background:#38bdf826;color:#38bdf8;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .2s ease;flex-shrink:0}.mp-lobby-join-btn:hover{border-color:#38bdf8cc;background:#38bdf840;box-shadow:0 0 14px #38bdf84d}.mp-reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-reconnect-card{background:#0f172af2;border:2px solid rgba(250,204,21,.5);border-radius:20px;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:360px;width:90%;box-shadow:0 20px 60px #0009}.mp-reconnect-icon{font-size:2.5rem}.mp-reconnect-title{font-size:1.15rem;font-weight:800;color:#fde68a;letter-spacing:.04em}.mp-reconnect-sub{font-size:.9rem;color:#cbd5e1cc;font-weight:600}.mp-restart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9997;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mp-restart-card{background:#0f172af5;border:2px solid rgba(99,102,241,.45);border-radius:20px;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:340px;width:90%;box-shadow:0 20px 60px #0009}.mp-restart-icon{font-size:2.2rem}.mp-restart-title{font-size:1.15rem;font-weight:800;color:#e0e7ff;letter-spacing:.04em}.mp-restart-sub{font-size:.88rem;color:#a5b4fcd9;font-weight:500;text-align:center}.mp-restart-actions{display:flex;gap:.75rem;margin-top:.25rem}.mp-restart-btn{padding:.55rem 1.5rem;border-radius:10px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:opacity .15s}.mp-restart-btn:hover{opacity:.85}.mp-restart-btn--yes{background:#6366f1;color:#fff}.mp-restart-btn--no{background:#64748b4d;color:#94a3b8;border:1px solid rgba(100,116,139,.4)}.mp-opponent-paused-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mp-opponent-paused-card{background:#0f172af5;border:2px solid rgba(148,163,184,.35);border-radius:20px;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:360px;width:90%;box-shadow:0 20px 60px #0009}.mp-opponent-paused-icon{font-size:2.4rem}.mp-opponent-paused-title{font-size:1.15rem;font-weight:800;color:#e2e8f0;letter-spacing:.04em}.mp-opponent-paused-sub{font-size:.9rem;color:#94a3b8e6;font-weight:600;text-align:center}.mp-opponent-paused-waiting{font-size:.8rem;color:#64748bcc;font-style:italic}.mp-game-bg{background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);min-height:100vh}.mp-game-card{background:#0f172ae6;border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;max-width:400px;box-shadow:0 20px 50px #00000080}.mp-countdown-pulse{animation:mp-pulse .5s ease-in-out infinite alternate}@keyframes mp-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.05);opacity:1}}.mp-game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#0f172acc;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.mp-player-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.mp-player-opponent{align-items:flex-end;text-align:right}.mp-player-name{font-size:.9rem;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em}.mp-vs-badge{font-size:1.2rem;font-weight:900;color:#f472b6;text-shadow:0 0 10px rgba(244,114,182,.5)}.mp-battery-bar{width:100%;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.mp-battery-fill{height:100%;border-radius:6px;transition:width .3s ease}.mp-battery-self{background:linear-gradient(90deg,#22c55e,#4ade80)}.mp-battery-opponent{background:linear-gradient(90deg,#ef4444,#f87171)}.mp-battery-percent{font-size:.8rem;font-weight:700;color:#94a3b8}.mp-power-panel{display:grid;gap:.9rem}.mp-power-meter{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#0f172a99;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.mp-power-label{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.mp-power-count{min-width:3rem;text-align:right;font-size:.92rem;font-weight:800;color:#f8fafc}.mp-power-segments{display:flex;gap:4px;flex:1 1 160px}.mp-power-segment{flex:1;height:20px;background:#0006;border-radius:4px;border:1px solid rgba(251,191,36,.2);transition:all .2s ease}.mp-power-filled{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466}.mp-attack-ready{width:100%;padding:.6rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ef4444;border-radius:8px;color:#fff;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;animation:mp-attack-pulse .5s ease-in-out infinite alternate;cursor:pointer}.mp-powerups-wrap{display:grid;gap:.8rem;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0f172ab8}.mp-powerups-header{display:flex;flex-direction:column;gap:.5rem}.mp-powerups-title{margin:0;font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f8fafc}.mp-powerups-copy,.mp-powerups-legend{margin:0;font-size:.82rem;line-height:1.4;color:#94a3b8}.mp-powerups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mp-powerup-btn{display:flex;align-items:flex-start;gap:.75rem;width:100%;min-height:116px;padding:.85rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#1e293beb,#0f172af2);color:#f8fafc;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.mp-powerup-btn:disabled{opacity:.72;cursor:not-allowed}.mp-powerup-btn:not(:disabled):hover,.mp-powerup-btn:not(:disabled):focus-visible{transform:translateY(-2px);border-color:#ffffff42;box-shadow:0 16px 28px #0f172a47}.mp-powerup-btn.is-ready{box-shadow:0 0 0 1px #ffffff0a,0 10px 18px #0f172a2e}.mp-powerup-btn.is-active{border-color:#fff9;box-shadow:0 0 0 2px #ffffff24,0 0 20px #60a5fa3d}.mp-powerup-btn--freeze.is-ready{background:linear-gradient(160deg,#0e7490f2,#082f49f2)}.mp-powerup-btn--double.is-ready{background:linear-gradient(160deg,#b45309f2,#78350ff5)}.mp-powerup-btn--shield.is-ready{background:linear-gradient(160deg,#059669f2,#064e3bf5)}.mp-powerup-btn--scramble.is-ready{background:linear-gradient(160deg,#7e22cef2,#581c87f5)}.mp-powerup-icon{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:999px;background:#ffffff1f;font-size:1.15rem;flex-shrink:0}.mp-powerup-body{display:grid;gap:.3rem;min-width:0}.mp-powerup-topline{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.mp-powerup-name,.mp-powerup-cost{font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mp-powerup-cost{color:#fde68a}.mp-powerup-description{font-size:.78rem;line-height:1.4;color:#e2e8f0e0}.mp-powerup-state{font-size:.76rem;font-weight:700;color:#cbd5e1}.mp-powerups-status{margin:0;font-size:.82rem;font-weight:700;color:#67e8f9}@keyframes mp-attack-pulse{0%{box-shadow:0 0 10px #ef444480}to{box-shadow:0 0 20px #ef4444cc}}.mp-attack-notification{text-align:center;padding:.75rem;border-radius:12px;font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;animation:mp-attack-flash .3s ease-in-out;margin-bottom:1rem}.mp-attack-incoming{background:#ef444433;border:2px solid rgba(239,68,68,.6);color:#f87171}.mp-attack-outgoing{background:#22c55e33;border:2px solid rgba(34,197,94,.6);color:#4ade80}@keyframes mp-attack-flash{0%,to{opacity:1}50%{opacity:.5}}.mp-equation-card{background:#0f172ae6;border:2px solid rgba(56,189,248,.3);border-radius:20px;padding:1.5rem;text-align:center}.mp-equation-display{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;color:#fff;font-family:monospace;letter-spacing:.05em;margin-bottom:.5rem}.mp-input-display{font-size:1.1rem;color:#38bdf8;font-weight:600}.mp-calculator{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:min(400px,90vw);margin:0 auto}.mp-calc-key{padding:1.2rem;font-size:1.5rem;font-weight:700;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:#1e293be6;color:#fff;cursor:pointer;transition:all .15s ease}.mp-calc-key:hover{background:#334155e6;border-color:#38bdf880;transform:translateY(-2px)}.mp-calc-key:active{transform:translateY(0)}.mp-calc-key-action{background:#ef444433;border-color:#ef444466;color:#f87171}.mp-calc-key-operator{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.mp-calc-key-enter{grid-column:span 3;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;font-size:1.2rem}.mp-calc-key-enter:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a}@media(min-width:640px){.mp-power-meter{flex-wrap:nowrap}.mp-attack-ready{width:auto;min-width:132px}.mp-powerups-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}@media(max-width:520px){.mp-game-header{flex-direction:column;align-items:stretch}.mp-player-opponent{align-items:flex-start;text-align:left}.mp-vs-badge{align-self:center}.mp-powerups-grid{grid-template-columns:1fr}.mp-calculator{gap:10px;max-width:100%}.mp-calc-key{padding:1rem .75rem;font-size:1.3rem}}.mp-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:12px;border:2px solid rgba(148,163,184,.3);background:#1e293b99;color:#94a3b8;font-size:.9rem;font-weight:600;transition:all .2s ease}.mp-back-button:hover{border-color:#94a3b899;background:#33415599;color:#e2e8f0}.mp-back-arrow{font-size:1.1rem}.tutorial-button-label{font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#111827;white-space:nowrap}.landing-settings-actions{display:flex;flex-direction:row;align-items:center;gap:1.1rem}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0a0f1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tut-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:510;display:flex;align-items:center;justify-content:center;padding:1rem}.tut-modal{position:relative;width:min(600px,94vw);min-height:min(620px,90vh);display:flex;flex-direction:column;overflow:hidden;border-radius:28px;border:2px solid rgba(139,92,246,.5);background:radial-gradient(circle at 15% 15%,rgba(139,92,246,.15),transparent 50%),radial-gradient(circle at 85% 85%,rgba(56,189,248,.15),transparent 50%),linear-gradient(145deg,#0f172afa,#1e293bf5);box-shadow:0 25px 80px #000000b3,0 0 50px #8b5cf640,inset 0 1px #ffffff1a;padding:2.5rem}.tut-main{flex:1;overflow:hidden;margin-bottom:1.5rem;padding-right:0}.tut-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ffffff14;border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tut-close svg{width:18px;height:18px}.tut-close:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.tut-dots{display:flex;justify-content:center;gap:12px;margin-bottom:2rem}.tut-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff26;cursor:pointer;transition:all .25s ease;padding:0}.tut-dot:hover{background:#ffffff59;transform:scale(1.1)}.tut-dot--active{background:linear-gradient(135deg,#a78bfa,#38bdf8);transform:scale(1.3);box-shadow:0 0 12px #8b5cf699}.tut-content{text-align:center;min-height:100%}.tut-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.25rem}.tut-sigil-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 12px rgba(139,92,246,.5))}.tut-sigil{width:100%;height:100%}.tut-title{font-size:2rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#a78bfa,#38bdf8,#a78bfa);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:tut-title-shimmer 3s ease-in-out infinite}@keyframes tut-title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tut-desc{font-size:1.15rem;font-weight:500;line-height:1.6;color:#e2e8f0e6;margin:0 0 1.5rem;max-width:480px;margin-left:auto;margin-right:auto}.tut-demo-box{padding:1.5rem 2rem;background:#00000059;border-radius:18px;border:1px solid rgba(255,255,255,.08);margin-bottom:0}.tut-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.tut-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff0f;color:#e2e8f0;font-size:1rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .2s ease;min-width:110px}.tut-nav-arrow{width:18px;height:18px}.tut-nav-btn:hover:not(:disabled){border-color:#8b5cf699;background:#8b5cf633;transform:translateY(-2px)}.tut-nav-btn:disabled{opacity:.25;cursor:not-allowed}.tut-nav-btn--done{border-color:#fbbf24b3;background:linear-gradient(135deg,#fbbf24f2,#f97316f2);color:#0f172a;box-shadow:0 0 20px #fbbf244d}.tut-nav-btn--done:hover{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2480;transform:translateY(-2px)}.tut-step-num{font-size:1rem;font-weight:700;color:#94a3b8b3;letter-spacing:.15em}.tut-demo-equation{text-align:center}.tut-eq-row{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:monospace;font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.tut-eq-num{color:#e2e8f0}.tut-eq-op{color:#94a3b8}.tut-eq-blank{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.4rem .8rem;background:#4ade8033;border:3px solid rgba(74,222,128,.6);border-radius:12px;color:#4ade80;box-shadow:0 0 15px #4ade804d}.tut-demo-hint{font-size:1rem;font-weight:600;color:#94a3b8d9;margin:0}.tut-demo-power{display:flex;flex-direction:column;gap:.9rem}.tut-demo-power-row{display:flex;align-items:center;gap:1rem;width:100%}.tut-power-label{font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8e6;min-width:60px}.tut-power-bar{display:flex;gap:8px;flex:1}.tut-power-seg{flex:1;height:36px;background:#0006;border-radius:8px;border:2px solid rgba(251,191,36,.25);transition:all .2s ease}.tut-power-seg--filled{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2499}.tut-power-jam{min-height:44px;min-width:160px;display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.8rem;border-radius:12px;border:2px solid rgba(244,63,94,.3);background:linear-gradient(135deg,#f43f5e33,#0e749033);color:#f8fafc59;font-size:1.05rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.35;transform:translateY(4px) scale(.96);transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tut-power-jam.is-visible{opacity:1;color:#f8fafc;border-color:#f43f5ea6;box-shadow:0 0 18px #f43f5e8c;transform:translateY(0) scale(1);animation:tut-pulse .35s ease-in-out infinite alternate}@keyframes tut-pulse{0%{opacity:.7}to{opacity:1}}.tut-demo-keys{text-align:center}.tut-keys-row{display:flex;justify-content:center;gap:16px;margin:1rem 0}.tut-key{width:72px;height:68px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#e2e8f0;background:#1e293be6;border:2px solid rgba(255,255,255,.2);border-radius:14px}.tut-key--blocked{background:linear-gradient(135deg,#ef4444cc,#dc2626cc);border-color:#ef4444;color:#fff;box-shadow:0 0 20px #ef444480;animation:tut-shake .3s ease-in-out infinite}@keyframes tut-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tut-blocked-label{font-size:.95rem;font-weight:600;color:#f87171e6;margin:0}.tut-demo-battery{display:flex;align-items:center;justify-content:center;gap:1.5rem}.tut-battery-col{flex:1;max-width:180px;text-align:center}.tut-battery-name{display:block;font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0d9;margin-bottom:.5rem}.tut-battery-track{height:28px;background:#00000080;border-radius:8px;overflow:hidden;margin-bottom:.4rem;border:1px solid rgba(255,255,255,.1)}.tut-battery-fill{height:100%;border-radius:7px;transition:width .3s ease}.tut-battery-fill--self{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px #4ade8066}.tut-battery-fill--opp{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 12px #ef444466}.tut-battery-pct{font-size:1rem;font-weight:700;color:#94a3b8e6}.tut-vs{font-size:1.1rem;font-weight:900;letter-spacing:.12em;color:#f472b6;text-shadow:0 0 15px rgba(244,114,182,.6)}.tut-demo-win{display:flex;align-items:flex-end;justify-content:center;gap:3rem;padding:.5rem 0}.tut-robot{display:flex;flex-direction:column;align-items:center;gap:.6rem}.tut-robot-icon{width:80px;height:80px}.tut-robot-icon svg{width:100%;height:100%}.tut-robot-icon--winner{filter:drop-shadow(0 0 12px rgba(74,222,128,.5));animation:tut-bounce .6s ease-in-out infinite}.tut-robot-icon--loser{opacity:.6;filter:grayscale(.3)}@keyframes tut-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tut-robot-label{font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tut-robot-label--winner{color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.6)}.tut-robot-label--loser{color:#94a3b8}@media(max-width:600px){.tut-modal{padding:1.5rem;border-radius:20px;min-height:min(560px,92vh)}.tut-sigil-wrapper{width:60px;height:60px}.tut-title{font-size:1.5rem}.tut-desc{font-size:1rem}.tut-demo-box{padding:1rem 1.25rem}.tut-eq-row{font-size:2rem;gap:.6rem}.tut-eq-blank{min-width:2.8rem}.tut-power-seg{height:28px}.tut-key{width:58px;height:54px;font-size:1.5rem}.tut-battery-col{max-width:140px}.tut-battery-track{height:22px}.tut-robot-icon{width:64px;height:64px}.tut-demo-win{gap:2rem}.tut-nav-btn{min-width:90px;padding:.7rem 1rem;font-size:.9rem}.tut-nav-arrow{width:16px;height:16px}}@media(max-width:400px){.tut-modal{padding:1.25rem;min-height:min(520px,92vh)}.tut-sigil-wrapper{width:50px;height:50px}.tut-title{font-size:1.3rem}.tut-desc{font-size:.9rem}.tut-eq-row{font-size:1.6rem;gap:.5rem}.tut-key{width:48px;height:46px;font-size:1.3rem}.tut-keys-row{gap:10px}.tut-nav-btn{min-width:80px;padding:.6rem .8rem;font-size:.85rem}}.demo-landing-page{isolation:isolate;min-height:100vh}.demo-landing-page .page-shell,.demo-landing-page .landing-page-shell{width:min(100%,72rem);margin-inline:auto;padding:0;gap:0}.demo-landing-page .demo-landing-menu,.demo-landing-page .landing-menu--demo{width:min(100%,56rem);margin-inline:auto}.demo-landing-page .demo-landing-header,.demo-landing-page .landing-header--demo{width:100%}.demo-landing-page .demo-landing-title,.demo-landing-page .landing-title{letter-spacing:.04em}.demo-landing-page .demo-landing-subtitle,.demo-landing-page .landing-subtitle{width:min(100%,24ch);margin-inline:auto}.demo-landing-page .demo-hub-card{width:min(100%,54rem)}.demo-landing-page .demo-panel-title,.demo-landing-page .demo-panel-copy,.demo-landing-page .demo-mode-title,.demo-landing-page .demo-mode-subtitle,.demo-landing-page .demo-difficulty-meta,.demo-landing-page .demo-difficulty-preview__summary,.demo-landing-page .demo-difficulty-preview__detail,.demo-landing-page .demo-primary-action__eyebrow,.demo-landing-page .demo-primary-action__label,.demo-landing-page .demo-primary-action__hint,.demo-landing-page .landing-settings-label{overflow-wrap:anywhere}.demo-landing-page .landing-settings-item{min-width:0}.demo-landing-page .landing-utility-button,.demo-landing-page .landing-utility-icon,.demo-landing-page .tutorial-button,.demo-landing-page .landing-settings-label{flex-shrink:0}.demo-landing-page .tutorial-button{line-height:1}.demo-landing-page .demo-back-button{justify-self:stretch;margin-top:0}.demo-landing-page .demo-utility-row{margin-top:.1rem;padding-top:1rem}@media(min-width:640px){.demo-landing-page .demo-utility-row{margin-top:.35rem;padding-top:1.4rem}}@media(max-width:480px){.demo-landing-page .page-shell,.demo-landing-page .landing-page-shell,.demo-landing-page .demo-landing-menu,.demo-landing-page .landing-menu--demo,.demo-landing-page .demo-hub-card{width:100%}.demo-landing-page .demo-panel-title{font-size:clamp(1.05rem,5.4vw,1.2rem)}.demo-landing-page .demo-panel-copy{max-width:32ch}.demo-landing-page .demo-primary-action,.demo-landing-page .demo-mode-button{width:100%}.demo-landing-page .demo-utility-row{align-items:start}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0a0f1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:510;display:flex;align-items:center;justify-content:center;padding:1rem}.settings-modal{position:relative;width:min(580px,94vw);max-height:90vh;overflow-y:auto;border-radius:28px;border:2px solid rgba(250,204,21,.4);background:radial-gradient(circle at 15% 15%,rgba(250,204,21,.1),transparent 50%),radial-gradient(circle at 85% 85%,rgba(245,158,11,.1),transparent 50%),linear-gradient(145deg,#0f172afa,#1e293bf5);box-shadow:0 25px 80px #000000b3,0 0 50px #facc1526,inset 0 1px #ffffff1a;padding:2rem}.settings-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ffffff14;border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-close svg{width:18px;height:18px}.settings-close:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.settings-sigil{width:100%;height:100%}.settings-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.settings-tab{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff08;cursor:pointer;transition:all .25s ease}.settings-tab:hover{border-color:#facc154d;background:#facc1514}.settings-tab--active{border-color:#facc1599;background:#facc151f;box-shadow:0 0 20px #facc1533}.settings-tab-sigil{width:36px;height:36px;filter:drop-shadow(0 0 6px rgba(250,204,21,.3))}.settings-tab--active .settings-tab-sigil{filter:drop-shadow(0 0 10px rgba(250,204,21,.5))}.settings-tab-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0b3;transition:color .2s ease}.settings-tab--active .settings-tab-label{color:#fbbf24}.settings-content{min-height:280px}.settings-section-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings-section-sigil{width:56px;height:56px;filter:drop-shadow(0 0 12px rgba(250,204,21,.4))}.settings-section-title{font-size:1.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24,#f97316,#fbbf24);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:settings-title-shimmer 3s ease-in-out infinite}@keyframes settings-title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.settings-section-body{display:flex;flex-direction:column;gap:1.25rem}.settings-group{padding:1.25rem;background:#00000040;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.settings-group-title{font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#facc15e6;margin:0 0 1rem}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.settings-toggle-row+.settings-toggle-row{border-top:1px solid rgba(255,255,255,.06)}.settings-toggle-info{display:flex;flex-direction:column;gap:.2rem}.settings-toggle-label{font-size:1rem;font-weight:600;color:#e2e8f0}.settings-toggle-desc{font-size:.8rem;color:#94a3b8cc}.settings-toggle-switch{position:relative;width:52px;height:28px;border:none;border-radius:14px;background:#64748b80;cursor:pointer;transition:all .25s ease;flex-shrink:0}.settings-toggle-switch--on{background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 0 16px #fbbf2466}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .25s ease}.settings-toggle-switch--on .settings-toggle-knob{transform:translate(24px)}.settings-slider-row{padding:.5rem 0}.settings-slider-row+.settings-slider-row{border-top:1px solid rgba(255,255,255,.06);margin-top:.5rem;padding-top:1rem}.settings-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.settings-slider-label{font-size:1rem;font-weight:600;color:#e2e8f0}.settings-slider-value{font-size:.9rem;font-weight:700;color:#fbbf24}.settings-slider{width:100%;height:8px;border-radius:4px;background:#64748b66;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 0 12px #fbbf2480;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-slider::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 0 12px #fbbf2480;cursor:pointer}.settings-font-options{display:flex;gap:.75rem}.settings-font-btn{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0d;color:#e2e8f0cc;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.settings-font-btn:hover{border-color:#facc1566;background:#facc151a}.settings-font-btn--active{border-color:#facc15b3;background:#facc1526;color:#fbbf24;box-shadow:0 0 12px #facc1533}.settings-colorblind-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.settings-colorblind-btn{padding:.7rem .75rem;border:2px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:#e2e8f0cc;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.settings-colorblind-btn:hover{border-color:#facc1559;background:#facc1514}.settings-colorblind-btn--active{border-color:#facc15a6;background:#facc151f;color:#fbbf24;box-shadow:0 0 10px #facc1526}.settings-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.settings-done-btn{padding:.9rem 2.5rem;border:2px solid rgba(250,204,21,.7);border-radius:14px;background:linear-gradient(135deg,#fbbf24f2,#f97316f2);color:#0f172a;font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #fbbf244d}.settings-done-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #fbbf2480}@media(max-width:600px){.settings-modal{padding:1.5rem}.settings-tabs{gap:.6rem}.settings-tab{padding:.6rem .9rem}.settings-tab-sigil{width:28px;height:28px}.settings-tab-label{font-size:.7rem}.settings-section-sigil{width:44px;height:44px}.settings-section-title{font-size:1.4rem}.settings-group{padding:1rem}.settings-colorblind-options{grid-template-columns:1fr}}@media(max-width:400px){.settings-modal{padding:1.25rem}.settings-tabs{flex-wrap:wrap;gap:.5rem}.settings-tab{flex:1;min-width:80px}.settings-section-title{font-size:1.2rem}.settings-toggle-label,.settings-slider-label{font-size:.9rem}.settings-font-options{flex-direction:column}.settings-font-btn{padding:.6rem .75rem}}.sp-nav{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.45rem .75rem;z-index:100}.sp-nav--light{background:#ffffffd1;border-color:#00000026}.sp-nav-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff9;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.sp-nav-btn--dark{border-color:#00000026;color:#00000080}.sp-nav-btn:hover{background:#ffffff1a;color:#fff}.sp-nav-btn--dark:hover{background:#00000014;color:#1a1a1a}.sp-nav-btn--active{background:#fff;color:#000;border-color:transparent}.sp-nav-btn--active-dark{background:#1a1a1a;color:#fff;border-color:transparent}.sp-nav-btn--back{color:#fff6}.sp-nav-btn--dark.sp-nav-btn--back{color:#00000059}.sp-nav-letter{font-size:.85rem}.sp-nav-name{display:none}@media(min-width:540px){.sp-nav-name{display:inline}}@keyframes ls-blink{0%,49%{opacity:1}50%,to{opacity:0}}.ls-root{min-height:100vh;background-color:var(--ls-bg, #fef9f0);background-image:var(--ls-bg-image, none);background-size:var(--ls-bg-size, auto);color:var(--ls-text, #1a1a1a);font-family:var(--ls-font, var(--font-body, "Inter", sans-serif));overflow-x:hidden;position:relative}.ls-bg-symbols{display:none;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ls-bg-sym{position:absolute;color:var(--ls-symbol-color, #1a1a1a);opacity:var(--ls-symbol-opacity, .12);font-family:var(--ls-font, inherit);font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ls-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 5rem;position:relative;z-index:1}.ls-menu{width:min(100%,var(--ls-menu-width, 440px));display:flex;flex-direction:column;gap:var(--ls-menu-gap, 1.5rem);align-items:var(--ls-menu-align, stretch);text-align:var(--ls-menu-text-align, left)}.ls-header{display:flex;flex-direction:column;gap:.5rem;align-items:var(--ls-header-align, flex-start);text-align:var(--ls-header-text-align, left)}.ls-header-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;width:100%;align-self:stretch}.ls-subtitle-wrap{flex:1;text-align:left}.ls-version-wrap{text-align:right;flex-shrink:0}.ls-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:.2rem .65rem;background:var(--ls-tag-bg, #1a1a1a);color:var(--ls-tag-color, #faf5e4);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ls-version{font-size:.6rem;font-weight:800;color:#1a1a1a;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.ls-title{font-family:var(--ls-title-font, "Luckiest Guy", var(--font-heading));font-size:var(--ls-title-size, clamp(3.5rem, 14vw, 7rem));font-weight:var(--ls-title-weight, 400);margin:0;color:var(--ls-title-color, #1a1a1a);text-shadow:var(--ls-title-shadow, none);letter-spacing:var(--ls-title-spacing, .04em);line-height:var(--ls-title-line-height, 1)}.ls-subtitle{margin:0;font-size:var(--ls-subtitle-size, 1rem);font-weight:var(--ls-subtitle-weight, 700);color:var(--ls-subtitle-color, rgba(0,0,0,.6));letter-spacing:var(--ls-subtitle-spacing, .06em);text-transform:var(--ls-subtitle-transform, none)}.ls-card{background:var(--ls-card-bg, #fff);border:var(--ls-card-border, 3px solid #1a1a1a);border-radius:var(--ls-card-radius, 0);box-shadow:var(--ls-card-shadow, 7px 7px 0 #1a1a1a);padding:var(--ls-card-padding, 1.5rem);display:grid;gap:var(--ls-card-gap, 1.25rem);position:relative}.ls-action{display:grid;place-items:center}.ls-play-btn{width:100%;max-width:var(--ls-play-max-width, 300px);padding:var(--ls-play-padding, 1.1rem 1.5rem);background:var(--ls-play-bg, #e8c340);border:var(--ls-play-border, 3px solid #1a1a1a);border-radius:var(--ls-play-radius, 0);box-shadow:var(--ls-play-shadow, 5px 5px 0 #1a1a1a);color:var(--ls-play-color, #1a1a1a);font-family:var(--ls-play-font, "Luckiest Guy", var(--font-heading));font-size:var(--ls-play-size, 1.9rem);font-weight:var(--ls-play-weight, 400);letter-spacing:var(--ls-play-letter-spacing, .06em);cursor:pointer;transition:transform .1s,box-shadow .1s,background .15s,filter .15s;text-transform:var(--ls-play-transform, none)}.ls-play-btn:hover{transform:var(--ls-play-hover-transform, translate(-2px, -2px));box-shadow:var(--ls-play-hover-shadow, 7px 7px 0 #1a1a1a);background:var(--ls-play-hover-bg, var(--ls-play-bg, #e8c340))}.ls-play-btn:active{transform:var(--ls-play-active-transform, translate(3px, 3px));box-shadow:var(--ls-play-active-shadow, 2px 2px 0 #1a1a1a)}.ls-modes{display:grid;gap:.65rem}.ls-mode-btn{width:100%;padding:var(--ls-mode-padding, .9rem 1.1rem);background:var(--ls-mode-bg, #fff);border:var(--ls-mode-border, 3px solid #1a1a1a);border-radius:var(--ls-mode-radius, 0);box-shadow:var(--ls-mode-shadow, 4px 4px 0 #1a1a1a);color:var(--ls-mode-color, #1a1a1a);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.15rem;transition:transform .08s,box-shadow .08s,background .12s,border-color .12s,opacity .12s}.ls-mode-btn:hover{transform:var(--ls-mode-hover-transform, translate(-2px, -2px));box-shadow:var(--ls-mode-hover-shadow, 6px 6px 0 #1a1a1a);background:var(--ls-mode-hover-bg, var(--ls-mode-bg))}.ls-mode-btn:active{transform:var(--ls-mode-active-transform, translate(2px, 2px));box-shadow:var(--ls-mode-active-shadow, 2px 2px 0 #1a1a1a)}.ls-mode-btn--ai{background:var(--ls-mode-ai-bg, #f97316);color:var(--ls-mode-ai-color, #fff);border-color:var(--ls-mode-ai-border-color, #1a1a1a)}.ls-mode-btn--multi{background:var(--ls-mode-multi-bg, #ffffff);color:var(--ls-mode-multi-color, #1a1a1a);border-color:var(--ls-mode-multi-border-color, #1a1a1a)}.ls-mode-btn--back{background:var(--ls-mode-back-bg, #e8e8e0);color:var(--ls-mode-back-color, #666);box-shadow:var(--ls-mode-back-shadow, 3px 3px 0 #1a1a1a);text-align:center;align-items:center;font-size:.82rem;padding:.6rem}.ls-mode-title{font-size:1rem;font-weight:800;display:block}.ls-mode-sub{font-size:.75rem;opacity:.6;display:block}.ls-difficulty-select{display:grid;gap:.65rem}.ls-difficulty-heading{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ls-mode-color, #1a1a1a);opacity:.55}.ls-difficulty-cards{display:grid;gap:.55rem}.ls-difficulty-card{width:100%;padding:.85rem 1.1rem;background:var(--ls-mode-bg, #fff);border:var(--ls-mode-border, 3px solid #1a1a1a);border-left-width:6px;border-radius:var(--ls-mode-radius, 0);box-shadow:var(--ls-mode-shadow, 4px 4px 0 #1a1a1a);color:var(--ls-mode-color, #1a1a1a);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.15rem;transition:transform .08s,box-shadow .08s,border-color .12s}.ls-difficulty-card:hover{transform:var(--ls-mode-hover-transform, translate(-2px, -2px));box-shadow:var(--ls-mode-hover-shadow, 6px 6px 0 #1a1a1a)}.ls-difficulty-card:active{transform:var(--ls-mode-active-transform, translate(2px, 2px));box-shadow:var(--ls-mode-active-shadow, 2px 2px 0 #1a1a1a)}.ls-difficulty-card--easy{border-left-color:#22c55e}.ls-difficulty-card--medium{border-left-color:#eab308}.ls-difficulty-card--hard{border-left-color:#ef4444}.ls-difficulty-title{font-size:1rem;font-weight:800;display:block}.ls-difficulty-summary{font-size:.78rem;font-weight:600;opacity:.55;display:block}.ls-difficulty-detail{font-size:.72rem;opacity:.4;display:block;margin-top:.15rem;line-height:1.35}.ls-utils{display:flex;justify-content:var(--ls-utils-justify, center);gap:var(--ls-utils-gap, .75rem);padding-top:var(--ls-utils-pt, .75rem);border-top:var(--ls-utils-border-top, 2.5px solid #1a1a1a);flex-wrap:wrap;align-items:flex-end}.ls-util-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ls-util-btn{width:var(--ls-util-size, 46px);height:var(--ls-util-size, 46px);background:var(--ls-util-bg, #f5f5ec);border:var(--ls-util-border, 2.5px solid #1a1a1a);border-radius:var(--ls-util-radius, 0);box-shadow:var(--ls-util-shadow, 3px 3px 0 #1a1a1a);color:var(--ls-util-color, #1a1a1a);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:transform .08s,box-shadow .08s,background .12s,color .12s,border-color .12s}.ls-util-btn:hover{transform:var(--ls-util-hover-transform, translate(-1px,-1px));box-shadow:var(--ls-util-hover-shadow, 4px 4px 0 #1a1a1a);background:var(--ls-util-hover-bg, var(--ls-util-bg));color:var(--ls-util-hover-color, var(--ls-util-color))}.ls-util-label{font-size:.56rem;color:var(--ls-util-label-color, #666);letter-spacing:.04em;text-align:center;line-height:1.2;font-weight:600}@media(min-width:768px){.ls-menu{width:min(100%,540px)}.ls-card{padding:var(--ls-card-padding, 2rem)}.ls-play-btn{max-width:var(--ls-play-max-width, 380px);padding:var(--ls-play-padding, 1.3rem 2rem);font-size:var(--ls-play-size, 2.1rem)}.ls-mode-btn{padding:var(--ls-mode-padding, 1.1rem 1.3rem)}.ls-mode-title{font-size:1.15rem}.ls-mode-sub{font-size:.82rem}.ls-util-btn{width:var(--ls-util-size, 52px);height:var(--ls-util-size, 52px);font-size:1.1rem}.ls-difficulty-card{padding:1rem 1.3rem}.ls-difficulty-title{font-size:1.1rem}.ls-difficulty-summary{font-size:.85rem}.ls-difficulty-detail{font-size:.78rem}}@media(min-width:1100px){.ls-menu{width:min(100%,620px)}.ls-card{padding:var(--ls-card-padding, 2.25rem);gap:var(--ls-card-gap, 1.5rem)}.ls-play-btn{max-width:var(--ls-play-max-width, 440px);padding:var(--ls-play-padding, 1.4rem 2.2rem);font-size:var(--ls-play-size, 2.3rem)}.ls-mode-btn{padding:var(--ls-mode-padding, 1.2rem 1.5rem)}.ls-mode-title{font-size:1.25rem}.ls-util-btn{width:var(--ls-util-size, 56px);height:var(--ls-util-size, 56px);font-size:1.15rem}.ls-utils{gap:var(--ls-utils-gap, 1rem)}.ls-subtitle{font-size:var(--ls-subtitle-size, 1.1rem)}.ls-difficulty-card{padding:1.1rem 1.5rem}.ls-difficulty-title{font-size:1.2rem}.ls-difficulty-summary{font-size:.9rem}.ls-difficulty-detail{font-size:.82rem}}.ls-root.ls-theme-a{--ls-bg: #05060a;--ls-bg-image: radial-gradient(circle, rgba(0, 255, 120, .1) 1px, transparent 1px);--ls-bg-size: 26px 26px;--ls-text: #00ff88;--ls-font: "Courier New", "Lucida Console", monospace;--ls-menu-width: 440px;--ls-menu-gap: 1.75rem;--ls-menu-align: center;--ls-menu-text-align: center;--ls-header-align: center;--ls-header-text-align: center;--ls-title-color: #00ff88;--ls-title-shadow: 0 0 8px rgba(0,255,136,.9), 0 0 24px rgba(0,255,136,.6), 0 0 60px rgba(0,255,136,.3);--ls-title-size: clamp(3.5rem, 14vw, 7rem);--ls-subtitle-size: .72rem;--ls-subtitle-spacing: .38em;--ls-subtitle-color: rgba(0,255,136,.55);--ls-subtitle-transform: uppercase;--ls-subtitle-weight: 400;--ls-card-bg: rgba(0,255,136,.025);--ls-card-border: 1px solid rgba(0,255,136,.3);--ls-card-shadow: none;--ls-card-padding: 1.75rem 1.5rem;--ls-card-gap: 1.5rem;--ls-play-bg: transparent;--ls-play-border: 1px solid rgba(0,255,136,.55);--ls-play-color: #00ff88;--ls-play-shadow: none;--ls-play-size: 1.25rem;--ls-play-weight: 700;--ls-play-font: "Courier New", monospace;--ls-play-letter-spacing: .25em;--ls-play-transform: uppercase;--ls-play-hover-transform: none;--ls-play-hover-shadow: none;--ls-play-hover-bg: rgba(0,255,136,.1);--ls-play-active-transform: none;--ls-play-active-shadow: none;--ls-mode-bg: transparent;--ls-mode-border: 1px solid rgba(0,255,136,.25);--ls-mode-color: #00ff88;--ls-mode-shadow: none;--ls-mode-hover-transform: none;--ls-mode-hover-shadow: none;--ls-mode-hover-bg: rgba(0,255,136,.07);--ls-mode-active-transform: none;--ls-mode-active-shadow: none;--ls-mode-ai-bg: transparent;--ls-mode-ai-color: #00ff88;--ls-mode-ai-border-color: rgba(0,255,136,.25);--ls-mode-multi-bg: transparent;--ls-mode-multi-color: #00d4ff;--ls-mode-multi-border-color: rgba(0,212,255,.25);--ls-mode-back-bg: transparent;--ls-mode-back-color: rgba(0,255,136,.45);--ls-mode-back-shadow: none;--ls-utils-border-top: 1px solid rgba(0,255,136,.12);--ls-utils-pt: 1.25rem;--ls-util-size: 60px;--ls-util-bg: transparent;--ls-util-border: 1px solid rgba(0,255,136,.28);--ls-util-shadow: none;--ls-util-color: rgba(0,255,136,.6);--ls-util-hover-transform: none;--ls-util-hover-shadow: none;--ls-util-hover-bg: rgba(0,255,136,.08);--ls-util-hover-color: #00ff88;--ls-util-label-color: rgba(0,255,136,.5);--ls-util-radius: 0}.ls-root.ls-theme-a:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:0}.ls-theme-a .ls-card:before,.ls-theme-a .ls-card:after{content:"";position:absolute;width:18px;height:18px;border-color:#00ff88b3;border-style:solid}.ls-theme-a .ls-card:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.ls-theme-a .ls-card:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.ls-theme-a .ls-play-btn:after{content:"█";margin-left:.4rem;font-size:.85em;animation:ls-blink .8s step-end infinite}.ls-theme-a .ls-mode-btn--multi{border-color:#00d4ff40}.ls-theme-a .ls-mode-btn--multi:hover{background:#00d4ff12;border-color:#00d4ff99}.ls-theme-a .ls-mode-btn--multi .ls-mode-title{color:#00d4ff}.ls-root.ls-theme-b{--ls-bg: #fef9f0;--ls-text: #1a1a1a;--ls-font: var(--font-body), "Inter", sans-serif;--ls-title-size: clamp(4rem, 16vw, 8.5rem);--ls-title-color: #1a1a1a;--ls-title-shadow: 7px 7px 0 #e8c340;--ls-title-line-height: .88;--ls-subtitle-size: 1.05rem;--ls-subtitle-color: #1a1a1a;--ls-subtitle-weight: 700;--ls-subtitle-spacing: 0;--ls-card-bg: #fff;--ls-card-border: 3px solid #1a1a1a;--ls-card-shadow: 7px 7px 0 #1a1a1a;--ls-card-gap: 1rem;--ls-play-bg: #e8c340;--ls-play-max-width: 100%;--ls-play-padding: 1.15rem;--ls-play-size: 1.9rem;--ls-play-letter-spacing: .06em;--ls-mode-ai-bg: #f97316;--ls-mode-ai-color: #fff;--ls-mode-multi-bg: #fff;--ls-mode-multi-color: #1a1a1a;--ls-mode-back-bg: #e8e8e0;--ls-mode-back-color: #666;--ls-utils-gap: .5rem;--ls-utils-pt: .5rem;--ls-util-size: auto;--ls-util-bg: #f5f5ec;--ls-util-label-color: #1a1a1a;--ls-symbol-color: #1a1a1a;--ls-symbol-opacity: .13}.ls-root.ls-theme-b .ls-bg-symbols{display:block}.ls-theme-b .ls-header{display:grid;grid-template-columns:max-content}.ls-theme-b .ls-header-meta{width:auto}.ls-root.ls-theme-c{--ls-bg: #090508;--ls-bg-image: repeating-linear-gradient(-55deg, transparent 0px, transparent 28px, rgba(160,0,0,.04) 28px, rgba(160,0,0,.04) 29px);--ls-text: #f0e6d3;--ls-font: var(--font-body), "Inter", sans-serif;--ls-menu-width: 460px;--ls-header-align: center;--ls-header-text-align: center;--ls-title-size: clamp(3.5rem, 14vw, 7.5rem);--ls-title-color: transparent;--ls-subtitle-size: .7rem;--ls-subtitle-spacing: .3em;--ls-subtitle-color: rgba(240,180,80,.6);--ls-subtitle-transform: uppercase;--ls-subtitle-weight: 400;--ls-card-bg: linear-gradient(180deg, rgba(200,40,0,.06) 0%, transparent 100%);--ls-card-border: 1px solid rgba(200,40,0,.35);--ls-card-shadow: none;--ls-play-bg: linear-gradient(135deg, #cc1500 0%, #ff4400 100%);--ls-play-border: 1px solid rgba(255,120,0,.6);--ls-play-color: #fff8e8;--ls-play-shadow: none;--ls-play-size: 2rem;--ls-play-max-width: 340px;--ls-play-letter-spacing: .1em;--ls-play-transform: uppercase;--ls-play-hover-transform: translateY(-2px);--ls-play-hover-shadow: none;--ls-play-active-transform: translateY(1px);--ls-play-active-shadow: none;--ls-mode-bg: rgba(200,40,0,.06);--ls-mode-border: 1px solid rgba(200,40,0,.3);--ls-mode-color: #f0e6d3;--ls-mode-shadow: none;--ls-mode-hover-transform: none;--ls-mode-hover-shadow: none;--ls-mode-hover-bg: rgba(200,40,0,.14);--ls-mode-active-transform: none;--ls-mode-active-shadow: none;--ls-mode-ai-bg: rgba(200,40,0,.06);--ls-mode-ai-color: #f0e6d3;--ls-mode-ai-border-color: rgba(200,40,0,.3);--ls-mode-multi-bg: rgba(200,40,0,.06);--ls-mode-multi-color: #f0e6d3;--ls-mode-multi-border-color: rgba(200,40,0,.3);--ls-mode-back-bg: transparent;--ls-mode-back-color: rgba(240,180,80,.5);--ls-mode-back-shadow: none;--ls-utils-border-top: 1px solid rgba(200,40,0,.2);--ls-utils-pt: 1rem;--ls-utils-gap: .6rem;--ls-util-size: 56px;--ls-util-bg: rgba(200,40,0,.04);--ls-util-border: 1px solid rgba(200,40,0,.3);--ls-util-shadow: none;--ls-util-color: rgba(240,180,80,.6);--ls-util-hover-transform: none;--ls-util-hover-shadow: none;--ls-util-hover-bg: rgba(200,40,0,.12);--ls-util-hover-color: rgba(240,180,80,.95);--ls-util-label-color: rgba(240,180,80,.5);--ls-util-radius: 0}.ls-theme-c .ls-title{background:linear-gradient(180deg,#ffd060,#ff6020 55%,#cc1500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(220,80,0,.55))}.ls-theme-c .ls-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:3px solid rgba(200,40,0,.5);pointer-events:none}.ls-theme-c .ls-play-btn{clip-path:polygon(3% 0%,100% 0%,97% 100%,0% 100%);text-shadow:0 2px 4px rgba(0,0,0,.4)}.ls-theme-c .ls-mode-btn--ai{border-left:3px solid rgba(255,100,0,.7)}.ls-theme-c .ls-mode-btn--multi{border-left:3px solid rgba(0,160,220,.7)}.ls-theme-c .ls-mode-btn--multi:hover{background:#0078c81a;border-color:#00a0dc80}.ls-theme-c .ls-header:before{content:"PLAYER 1   VS   PLAYER 2";display:block;width:100%;border-top:1px solid rgba(200,40,0,.4);border-bottom:1px solid rgba(200,40,0,.4);padding:.45rem .5rem;background:#c828000f;font-size:.62rem;font-weight:800;letter-spacing:.2em;color:#f0b450bf;text-align:center}.ls-root.ls-theme-d{--ls-bg: #253325;--ls-bg-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");--ls-text: #efe8d5;--ls-font: var(--font-body), "Fredoka", sans-serif;--ls-menu-width: 420px;--ls-title-color: #efe8d5;--ls-title-shadow: 1px 1px 0 rgba(239,232,213,.15), -1px 0 2px rgba(239,232,213,.08), 2px -1px 0 rgba(239,232,213,.05);--ls-subtitle-color: rgba(239,232,213,.6);--ls-subtitle-weight: 600;--ls-card-bg: rgba(239,232,213,.04);--ls-card-border: 2px dashed rgba(239,232,213,.35);--ls-card-shadow: none;--ls-play-bg: transparent;--ls-play-border: 2px dashed rgba(239,232,213,.55);--ls-play-color: #efe8d5;--ls-play-shadow: none;--ls-play-max-width: 280px;--ls-play-size: 2rem;--ls-play-letter-spacing: .08em;--ls-play-hover-transform: none;--ls-play-hover-shadow: none;--ls-play-hover-bg: rgba(239,232,213,.07);--ls-play-active-transform: none;--ls-play-active-shadow: none;--ls-mode-bg: rgba(239,232,213,.05);--ls-mode-border: 1.5px dashed rgba(239,232,213,.3);--ls-mode-color: rgba(239,232,213,.82);--ls-mode-shadow: none;--ls-mode-hover-transform: none;--ls-mode-hover-shadow: none;--ls-mode-hover-bg: rgba(239,232,213,.1);--ls-mode-active-transform: none;--ls-mode-active-shadow: none;--ls-mode-ai-bg: rgba(239,232,213,.05);--ls-mode-ai-color: rgba(239,232,213,.82);--ls-mode-ai-border-color: rgba(239,232,213,.3);--ls-mode-multi-bg: rgba(239,232,213,.05);--ls-mode-multi-color: rgba(239,232,213,.82);--ls-mode-multi-border-color: rgba(239,232,213,.3);--ls-mode-back-bg: transparent;--ls-mode-back-color: rgba(239,232,213,.4);--ls-mode-back-shadow: none;--ls-utils-border-top: 1.5px dashed rgba(239,232,213,.22);--ls-utils-gap: 1.25rem;--ls-utils-pt: 1rem;--ls-util-bg: transparent;--ls-util-border: 1.5px dashed rgba(239,232,213,.38);--ls-util-shadow: none;--ls-util-color: rgba(239,232,213,.6);--ls-util-hover-transform: none;--ls-util-hover-shadow: none;--ls-util-hover-bg: rgba(239,232,213,.08);--ls-util-hover-color: rgba(239,232,213,.9);--ls-util-label-color: rgba(239,232,213,.4);--ls-util-radius: 0;--ls-symbol-color: #efe8d5;--ls-symbol-opacity: .08}.ls-root.ls-theme-d .ls-bg-symbols{display:block}.ls-root.ls-theme-d:after{content:"";position:fixed;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,rgba(239,232,213,.3) 0px,rgba(239,232,213,.3) 18px,transparent 18px,transparent 24px);pointer-events:none}.ls-theme-d .ls-title{opacity:.9}.ls-theme-d .ls-title:after{content:"";display:block;height:2px;width:100%;margin-top:.25rem;background:repeating-linear-gradient(90deg,rgba(239,232,213,.5) 0px,rgba(239,232,213,.5) 14px,transparent 14px,transparent 20px)}.ls-theme-d .ls-mode-btn--ai{border-left:3px solid rgba(160,220,160,.55)}.ls-theme-d .ls-mode-btn--multi{border-left:3px solid rgba(160,200,240,.55)}.ls-root.ls-theme-wb{--ls-bg: #f8faff;--ls-bg-image: radial-gradient(circle, #c7d7f5 1px, transparent 1px);--ls-bg-size: 28px 28px;--ls-text: #1e293b;--ls-font: var(--font-body), sans-serif;--ls-menu-width: 420px;--ls-menu-gap: 1.25rem;--ls-header-align: center;--ls-header-text-align: center;--ls-title-font: var(--font-body), sans-serif;--ls-title-size: clamp(2.6rem, 8vw, 3.6rem);--ls-title-weight: 800;--ls-title-color: #2563eb;--ls-title-shadow: 3px 3px 0 rgba(37,99,235,.12);--ls-title-spacing: -.02em;--ls-subtitle-size: .9rem;--ls-subtitle-color: #64748b;--ls-subtitle-spacing: .05em;--ls-subtitle-weight: 400;--ls-card-bg: #ffffff;--ls-card-border: 2.5px solid #2563eb;--ls-card-radius: 12px;--ls-card-shadow: 4px 4px 0 rgba(37,99,235,.18);--ls-card-padding: 1.5rem 1.25rem 1.25rem;--ls-play-bg: #2563eb;--ls-play-border: 2.5px solid #1d4ed8;--ls-play-color: #ffffff;--ls-play-radius: 8px;--ls-play-shadow: 3px 3px 0 #1d4ed8;--ls-play-size: 1.15rem;--ls-play-weight: 700;--ls-play-font: var(--font-body), sans-serif;--ls-play-letter-spacing: .04em;--ls-play-hover-shadow: 4px 4px 0 #1d4ed8;--ls-play-active-shadow: 2px 2px 0 #1d4ed8;--ls-mode-bg: #ffffff;--ls-mode-border: 2px solid #2563eb;--ls-mode-radius: 8px;--ls-mode-color: #1e293b;--ls-mode-shadow: none;--ls-mode-hover-shadow: none;--ls-mode-hover-bg: #eff6ff;--ls-mode-hover-transform: translateX(2px);--ls-mode-active-transform: none;--ls-mode-active-shadow: none;--ls-mode-ai-bg: #ffffff;--ls-mode-ai-color: #2563eb;--ls-mode-ai-border-color: #2563eb;--ls-mode-multi-bg: #ffffff;--ls-mode-multi-color: #0ea5e9;--ls-mode-multi-border-color: #0ea5e9;--ls-mode-back-bg: transparent;--ls-mode-back-color: #64748b;--ls-mode-back-shadow: none;--ls-utils-border-top: 1.5px dashed #bfdbfe;--ls-utils-justify: space-around;--ls-utils-pt: .25rem;--ls-utils-gap: .5rem;--ls-util-size: 40px;--ls-util-bg: #ffffff;--ls-util-border: 2px solid #2563eb;--ls-util-radius: 8px;--ls-util-shadow: 2px 2px 0 rgba(37,99,235,.18);--ls-util-color: #2563eb;--ls-util-hover-bg: #eff6ff;--ls-util-label-color: #64748b;--ls-symbol-color: #2563eb;--ls-symbol-opacity: .1}.ls-root.ls-theme-wb .ls-bg-symbols{display:block}.ls-theme-wb .ls-title:after{content:"";display:block;width:60px;height:3px;background:#2563eb;border-radius:2px;margin:.4rem auto 0}.ls-theme-wb .ls-mode-btn--multi .ls-mode-title{color:#0ea5e9}.ls-theme-wb .ls-mode-btn--ai .ls-mode-title{color:#2563eb}.ls-theme-wb .ls-mode-btn--back{border-color:#cbd5e1}.ls-theme-wb .ls-mode-btn--back:hover{background:#f1f5f9;color:#1e293b}.neo-root{min-height:100vh;background:#faf5e4;color:#1a1a1a;font-family:var(--font-body),"Fredoka",sans-serif;overflow-x:hidden;position:relative}.neo-math-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.neo-math-sym{position:absolute;font-family:var(--font-body),"Fredoka",sans-serif;color:#1a1a1a;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.neo-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(1.5rem + var(--safe-area-top)) 1rem calc(2rem + var(--safe-area-bottom));position:relative;z-index:1}.neo-shell--wide{align-items:flex-start;padding-top:calc(2rem + var(--safe-area-top))}.neo-menu{width:min(100%,460px);display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.neo-menu{width:min(100%,580px)}}@media(min-width:1200px){.neo-menu{width:min(100%,640px)}}.neo-header{display:flex;flex-direction:column;gap:.4rem}.neo-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:.2rem .65rem;background:#1a1a1a;color:#faf5e4;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.neo-title{font-family:"Luckiest Guy",var(--font-heading);font-size:clamp(4rem,16vw,8.5rem);margin:0;color:#1a1a1a;text-shadow:7px 7px 0 #e8c340;letter-spacing:.04em;line-height:.88}.neo-title--md{font-size:clamp(2.5rem,10vw,4.5rem);text-shadow:5px 5px 0 #e8c340}.neo-subtitle{margin:0;font-size:1.05rem;font-weight:700;color:#1a1a1a}.neo-conn-wrap{margin-top:.35rem}.neo-conn-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border:2px solid #1a1a1a;box-shadow:2px 2px #1a1a1a;font-size:.72rem;font-weight:700;background:#f5f5ec;color:#1a1a1a}.neo-conn-badge--connected{background:#bbf7d0}.neo-conn-badge--connecting{background:#fef08a}.neo-conn-badge--error{background:#fca5a5}.neo-conn-pip{width:7px;height:7px;border-radius:50%;background:#1a1a1a;flex-shrink:0}.neo-card{background:#fff;border:3px solid #1a1a1a;box-shadow:7px 7px #1a1a1a;padding:1.5rem;display:grid;gap:1rem}.neo-card--wide{width:100%;max-width:540px}@media(min-width:768px){.neo-card--wide{max-width:580px}}@media(min-width:1200px){.neo-card--wide{max-width:640px}}.neo-play-btn{width:100%;padding:1.15rem;background:#e8c340;border:3px solid #1a1a1a;box-shadow:5px 5px #1a1a1a;color:#1a1a1a;font-family:"Luckiest Guy",var(--font-heading);font-size:1.9rem;letter-spacing:.06em;cursor:pointer;transition:transform .08s,box-shadow .08s}.neo-play-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #1a1a1a}.neo-play-btn:active{transform:translate(3px,3px);box-shadow:2px 2px #1a1a1a}.neo-modes{display:grid;gap:.75rem}.neo-mode-btn{width:100%;padding:1rem 1.25rem;border:3px solid #1a1a1a;box-shadow:4px 4px #1a1a1a;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.15rem;transition:transform .08s,box-shadow .08s;background:#f5f5ec}.neo-mode-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1a1a1a}.neo-mode-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1a1a1a}.neo-mode-btn--ai{background:#7ee8a2}.neo-mode-btn--multi{background:#7ed4f5}.neo-mode-btn--easy{background:#7ee8a2}.neo-mode-btn--medium{background:#fde68a}.neo-mode-btn--hard{background:#fca5a5}.neo-mode-btn--back{background:#e8e8e0;color:#555;box-shadow:3px 3px #1a1a1a}.neo-mode-btn--back:hover{box-shadow:5px 5px #1a1a1a}.neo-mode-btn--selected{outline:3px solid #1a1a1a;outline-offset:2px}.neo-mode-title{font-size:1.05rem;font-weight:800;display:block;color:#1a1a1a}.neo-mode-sub{font-size:.78rem;font-weight:600;color:#1a1a1a;opacity:.65;display:block}.neo-utils{display:flex;gap:.5rem;padding-top:.5rem;border-top:2.5px solid #1a1a1a;flex-wrap:wrap}.neo-util-btn{flex:1;min-width:80px;padding:.6rem .5rem;background:#f5f5ec;border:2.5px solid #1a1a1a;box-shadow:3px 3px #1a1a1a;color:#1a1a1a;cursor:pointer;font-size:.7rem;font-weight:800;letter-spacing:.03em;white-space:nowrap;transition:transform .08s,box-shadow .08s}.neo-util-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a;background:#fff}.neo-util-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #1a1a1a}.neo-back-wrap{display:flex;justify-content:center;margin-top:.5rem}.neo-back-btn{padding:.6rem 1.25rem;background:#f5f5ec;border:2.5px solid #1a1a1a;box-shadow:3px 3px #1a1a1a;color:#1a1a1a;font-size:.82rem;font-weight:800;cursor:pointer;transition:transform .08s,box-shadow .08s}.neo-back-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.neo-back-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #1a1a1a}.neo-mod-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0006;display:flex;align-items:center;justify-content:center;padding:1rem}.neo-mod{background:#fff;border:3px solid #1a1a1a;box-shadow:8px 8px #1a1a1a;width:min(100%,540px);max-height:88vh;overflow-y:auto;padding:1.75rem;display:grid;gap:1.25rem}.neo-mod-header{display:grid;gap:.4rem}.neo-mod-title{font-family:"Luckiest Guy",var(--font-heading);font-size:2rem;margin:0;color:#1a1a1a;letter-spacing:.04em}.neo-mod-close{width:100%;padding:.85rem;background:#1a1a1a;border:3px solid #1a1a1a;box-shadow:4px 4px #555;color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .08s,box-shadow .08s}.neo-mod-close:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #555}.neo-mod-close:active{transform:translate(2px,2px);box-shadow:2px 2px #555}.neo-lb-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:#666;font-size:.88rem;font-weight:600}.neo-lb-state--err{color:#dc2626}.neo-lb-list{display:grid;gap:0;border:2.5px solid #1a1a1a}.neo-lb-head{display:grid;grid-template-columns:40px 1fr 72px 36px 44px;padding:.5rem .75rem;gap:.5rem;border-bottom:2.5px solid #1a1a1a;background:#1a1a1a;font-size:.6rem;letter-spacing:.14em;color:#faf5e4;font-weight:800}.neo-lb-row{display:grid;grid-template-columns:40px 1fr 72px 36px 44px;padding:.65rem .75rem;gap:.5rem;align-items:center;border-bottom:2px solid #1a1a1a;background:#faf5e4}.neo-lb-row:last-child{border-bottom:none}.neo-lb-row--gold{background:#fef08a}.neo-lb-row--silver{background:#e2e8f0}.neo-lb-row--bronze{background:#fed7aa}.neo-lb-rank{font-size:.82rem;font-weight:900;color:#1a1a1a}.neo-lb-name{font-size:.82rem;font-weight:700;color:#1a1a1a}.neo-lb-score{font-size:.8rem;font-weight:800;color:#1a1a1a;text-align:right}.neo-lb-wl{font-size:.75rem;font-weight:800;text-align:center}.neo-lb-wl--w{color:#15803d}.neo-lb-wl--l{color:#dc2626}.neo-lb-date{font-size:.65rem;color:#666;text-align:right}.neo-card .mp-input,.neo-card .mp-select{background:#faf5e4!important;border:2.5px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important}.neo-card .mp-input::-moz-placeholder{color:#999!important}.neo-card .mp-input::placeholder{color:#999!important}.neo-card .mp-label{color:#1a1a1a!important;font-weight:800!important}.neo-card .mp-code-input{font-weight:800!important;letter-spacing:.12em!important}.neo-card .demo-primary-action{background:#e8c340!important;border:3px solid #1a1a1a!important;box-shadow:4px 4px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important;transition:transform .08s,box-shadow .08s!important}.neo-card .demo-primary-action:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px #1a1a1a!important}.neo-card .demo-primary-action:active{transform:translate(2px,2px)!important;box-shadow:2px 2px #1a1a1a!important}.neo-card .demo-mode-button--multi{background:#7ed4f5!important;border:3px solid #1a1a1a!important;box-shadow:4px 4px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important}.neo-card .mp-room-code{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;background:#e8c340!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;padding:.25rem .75rem!important}.neo-card .mp-room-label{color:#1a1a1a!important;font-weight:800!important}.neo-card .mp-share-btn{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important}.neo-card .mp-player-slot{background:#faf5e4!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important}.neo-card .mp-player-slot--self{background:#bbf7d0!important}.neo-card .mp-slot-role{color:#1a1a1a!important;opacity:.6!important;font-weight:800!important}.neo-card .mp-slot-name{color:#1a1a1a!important;font-weight:800!important}.neo-card .mp-ready-badge{background:#fca5a5!important;border:2px solid #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important}.neo-card .mp-ready-badge--ready{background:#bbf7d0!important}.neo-card .mp-match-status{color:#1a1a1a!important;font-weight:600!important}.neo-card .mp-leave-btn{background:#f5f5ec!important;border:2px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:700!important}.neo-card .mp-error{color:#dc2626!important;font-weight:700!important}.neo-card .mp-vs-divider{color:#1a1a1a!important;opacity:.3!important}.neo-card .mp-copy-hint{color:#1a1a1a!important;opacity:.4!important}.neo-card .mp-room-code--clickable{background:#e8c340!important;-webkit-text-fill-color:#1a1a1a!important;border-radius:0!important}.neo-card .mp-section-divider{border-top-color:#1a1a1a33!important}.neo-card .mp-join-btn{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important}.neo-card .mp-difficulty-tooltip{background:#fffdf7!important;border:2.5px solid #1a1a1a!important;box-shadow:4px 4px #1a1a1a!important;border-radius:0!important}.neo-card .mp-self-tag{color:#22c55e!important}.neo-card .mp-connecting-text{color:#1a1a1a!important;font-weight:700!important}.neo-card .mp-spinner{border-color:#1a1a1a33!important;border-top-color:#1a1a1a!important}.neo-cs-sub{font-size:.8rem;color:#555;margin:0}.neo-cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.neo-cs-card{border:2.5px solid #1a1a1a;box-shadow:3px 3px #1a1a1a;padding:.8rem .9rem;display:grid;gap:.15rem;transition:transform .08s,box-shadow .08s}.neo-cs-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a1a}.neo-cs-code{font-size:1.5rem;font-weight:900;color:#1a1a1a;line-height:1}.neo-cs-name{font-size:.8rem;font-weight:800;color:#1a1a1a}.neo-cs-subject{font-size:.68rem;color:#444}.neo-cs-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:.25rem;padding:.1rem .4rem;font-size:.55rem;font-weight:800;letter-spacing:.1em;border:1.5px solid #1a1a1a}.neo-cs-badge--concept{background:#1a1a1a;color:#fff}.neo-cs-badge--wip{background:#e8c340}.neo-cs-badge--prototype{background:#bae6fd}.neo-cs-badge--inprod{background:#bbf7d0}@media(max-width:480px){.neo-cs-grid{grid-template-columns:1fr}}.settings-panel-overlay{background:#00000073!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.settings-panel-card{background:#fff!important;border:3px solid #1a1a1a!important;box-shadow:8px 8px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important}.sp-header{border-color:#1a1a1a!important}.sp-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1a1a1a!important;color:#1a1a1a!important;font-family:"Luckiest Guy",var(--font-heading)!important}.sp-subtitle{color:#555!important}.sp-close-btn{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important;transition:transform .08s,box-shadow .08s!important}.sp-close-btn:hover{transform:translate(-1px,-1px)!important;box-shadow:4px 4px #1a1a1a!important;background:#fca5a5!important;border-color:#1a1a1a!important;color:#1a1a1a!important}.sp-tabs{border-color:#1a1a1a!important;background:transparent!important}.sp-tab{border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;background:#f5f5ec!important;color:#1a1a1a!important;border-radius:0!important;font-weight:800!important;transition:transform .08s,box-shadow .08s!important;border-bottom:2.5px solid #1a1a1a!important;margin-bottom:-1px}.sp-tab:hover{background:#fff!important;color:#1a1a1a!important;transform:translate(-1px,-1px)!important;box-shadow:4px 4px #1a1a1a!important}.sp-tab--active{background:#e8c340!important;color:#1a1a1a!important;border-color:#1a1a1a!important;transform:none!important;box-shadow:3px 3px #1a1a1a!important}.sp-tab-icon{color:#1a1a1a!important}.sp-tab-label{color:inherit!important}.sp-main{background:#faf5e4!important}.sp-section-card{background:#fff!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.sp-card-title{color:#1a1a1a!important;font-weight:800!important}.sp-card-desc{color:#666!important}.sp-toggle-row{background:#f5f5ec!important;border:2px solid #1a1a1a!important;border-radius:0!important}.sp-toggle-row:hover{border-color:#1a1a1a!important;background:#fff!important;box-shadow:none!important}.sp-toggle-label{color:#1a1a1a!important;font-weight:800!important}.sp-toggle-desc{color:#666!important}.sp-toggle-switch{background:#e8e8e0!important;border:2.5px solid #1a1a1a!important}.sp-toggle-switch--on{background:#7ee8a2!important;box-shadow:none!important}.sp-toggle-knob{background:#1a1a1a!important;box-shadow:none!important}.sp-slider-label{color:#1a1a1a!important;font-weight:700!important}.sp-slider-value{color:#1a1a1a!important;font-weight:800!important}.sp-slider{background:#e8e8e0!important;border:2px solid #1a1a1a!important;border-radius:0!important;height:8px!important}.sp-slider::-webkit-slider-thumb{background:#1a1a1a!important;border:none!important;box-shadow:none!important;border-radius:0!important;width:20px!important;height:20px!important}.sp-slider::-moz-range-thumb{background:#1a1a1a!important;border:none!important;box-shadow:none!important;border-radius:0!important;width:20px!important;height:20px!important}.sp-pill-btn{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:700!important;transition:transform .08s,box-shadow .08s!important}.sp-pill-btn:hover{transform:translate(-1px,-1px)!important;box-shadow:3px 3px #1a1a1a!important;border-color:#1a1a1a!important}.sp-pill-btn--active{background:#e8c340!important;border-color:#1a1a1a!important;color:#1a1a1a!important;box-shadow:2px 2px #1a1a1a!important}.sp-reset-btn{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important;transition:transform .08s,box-shadow .08s!important}.sp-reset-btn:hover{transform:translate(-1px,-1px)!important;box-shadow:4px 4px #1a1a1a!important;background:#fff!important;border-color:#1a1a1a!important}.sp-hint{color:#666!important}.sp-footer{border-color:#1a1a1a!important}.sp-done-btn{background:#1a1a1a!important;border:3px solid #1a1a1a!important;box-shadow:4px 4px #555!important;border-radius:0!important;color:#fff!important;font-weight:800!important;transition:transform .08s,box-shadow .08s!important}.sp-done-btn:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px #555!important}.sp-section-header{background:transparent!important;border:none!important;border-radius:0!important}.sp-section-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1a1a1a!important;color:#1a1a1a!important;font-family:"Luckiest Guy",var(--font-heading)!important}.sp-section-desc{color:#666!important}.sp-section:has(.sp-slider-row):before{content:"COMING SOON";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#ffffffd9;font-size:1.2rem;font-weight:900;letter-spacing:.14em;color:#1a1a1a;border:3px dashed #1a1a1a}.sp-section:has(.sp-slider-row){position:relative}.calculator-layout-grid{background:#faf5e4!important;border:2.5px solid #1a1a1a!important;border-radius:0!important}.calculator-layout-cell{background:#f5f5ec!important;border:2px dashed #1a1a1a!important;border-radius:0!important;min-height:48px!important}.calculator-layout-cell.has-key{border-style:solid!important;border-color:#1a1a1a!important;background:#fff!important}.calculator-layout-cell:hover{border-color:#1a1a1a!important;background:#fff!important;box-shadow:none!important}.calculator-layout-key{background:#e8c340!important;border:2.5px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:900!important}.calculator-layout-key:active{cursor:grabbing!important}.calculator-layout-remove{color:#1a1a1a!important}.calculator-layout-empty{color:#999!important}.calculator-layout-tray{background:#f5f5ec!important;border:2px dashed #1a1a1a!important;border-radius:0!important}.calculator-layout-tray.is-active{background:#fef08a!important;border-color:#1a1a1a!important;box-shadow:none!important}.calculator-layout-tray__title{color:#1a1a1a!important}.calculator-layout-tray__empty,.calculator-layout-tray__hint{color:#666!important}.tut-overlay{background:#00000073!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.tut-modal{background:#fff!important;border:3px solid #1a1a1a!important;box-shadow:8px 8px #1a1a1a!important;border-radius:0!important}.tut-close{background:#f5f5ec!important;border:2px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;color:#1a1a1a!important;border-radius:0!important}.tut-close:hover{background:#fca5a5!important;transform:none!important}.tut-dot{background:#e8e8e0!important;border:2.5px solid #1a1a1a!important;border-radius:0!important}.tut-dot:hover{background:#fff!important;transform:none!important}.tut-dot--active{background:#e8c340!important;box-shadow:none!important;transform:scale(1.15)!important}.tut-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#1a1a1a!important;background-clip:unset!important;color:#1a1a1a!important;font-family:"Luckiest Guy",var(--font-heading)!important;animation:none!important}.tut-desc{color:#444!important}.tut-demo-box{background:#faf5e4!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important}.tut-sigil-wrapper{filter:none!important}.tut-sigil stop{stop-color:#1a1a1a!important}.tut-sigil [fill^=url]{fill:#e8c340!important}.tut-sigil [stroke^=url]{stroke:#1a1a1a!important}.tut-nav-btn{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:3px 3px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important;font-weight:800!important;transition:transform .08s,box-shadow .08s!important}.tut-nav-btn:hover:not(:disabled){background:#fff!important;border-color:#1a1a1a!important;transform:translate(-1px,-1px)!important;box-shadow:4px 4px #1a1a1a!important}.tut-nav-btn:disabled{opacity:.3!important}.tut-nav-btn--done{background:#1a1a1a!important;color:#fff!important;border-color:#1a1a1a!important;box-shadow:3px 3px #555!important}.tut-nav-btn--done:hover{box-shadow:4px 4px #555!important;transform:translate(-1px,-1px)!important;border-color:#1a1a1a!important}.tut-step-num{color:#1a1a1a!important;font-weight:800!important}.tut-eq-num{color:#1a1a1a!important}.tut-eq-op{color:#666!important}.tut-eq-blank{background:#fef08a!important;border:3px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important}.tut-demo-hint{color:#666!important}.tut-power-label{color:#1a1a1a!important}.tut-power-seg{background:#e8e8e0!important;border:2.5px solid #1a1a1a!important;border-radius:0!important}.tut-power-seg--filled{background:#e8c340!important;border-color:#1a1a1a!important;box-shadow:none!important}.tut-power-jam{background:#1a1a1a!important;border:3px solid #1a1a1a!important;box-shadow:4px 4px #555!important;border-radius:0!important;color:#ffffff59!important}.tut-power-jam.is-visible{color:#fff!important;border-color:#1a1a1a!important;box-shadow:4px 4px #555!important}.tut-key{background:#f5f5ec!important;border:2.5px solid #1a1a1a!important;box-shadow:2px 2px #1a1a1a!important;border-radius:0!important;color:#1a1a1a!important}.tut-blocked-label{color:#15803d!important}.tut-battery-name{color:#1a1a1a!important}.tut-battery-track{background:#e8e8e0!important;border:2.5px solid #1a1a1a!important;border-radius:0!important}.tut-battery-fill--self{background:#7ee8a2!important}.tut-battery-fill--opp{background:#fca5a5!important}.tut-battery-pct{color:#1a1a1a!important}.tut-vs{color:#1a1a1a!important;text-shadow:none!important}.tut-robot-icon--winner{filter:none!important}.tut-robot-icon svg [stroke^=url]{stroke:#1a1a1a!important}.tut-robot-icon svg [fill^=url]{fill:#1a1a1a!important}.tut-robot-icon svg rect{fill:#faf5e4!important;stroke:#1a1a1a!important}.tut-robot-icon--winner svg rect{fill:#bbf7d0!important}.tut-robot-icon--loser svg rect{fill:#e8e8e0!important}.tut-robot-icon--winner svg circle:last-of-type{fill:#e8c340!important}.tut-robot-icon--loser svg circle:last-of-type{fill:#999!important}.tut-robot-icon--loser svg line,.tut-robot-icon--loser svg path{stroke:#666!important}.tut-robot-icon--loser svg rect{stroke:#888!important}.tut-robot-label--winner{color:#1a1a1a!important}.tut-robot-label--loser{color:#999!important}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem}.shop-modal{background:#fff;border:3px solid #1a1a1a;box-shadow:8px 8px #1a1a1a;width:min(100%,560px);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.shop-header{padding:1.25rem 1.5rem 0;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.shop-eyebrow{display:inline-flex;padding:.15rem .55rem;background:#1a1a1a;color:#faf5e4;font-size:.6rem;font-weight:800;letter-spacing:.12em;margin-bottom:.3rem}.shop-title{font-family:"Luckiest Guy",var(--font-heading, sans-serif);font-size:2.2rem;margin:0;color:#1a1a1a;letter-spacing:.04em}.shop-close{width:36px;height:36px;padding:0;flex-shrink:0;background:#f5f5ec;border:2.5px solid #1a1a1a;box-shadow:2px 2px #1a1a1a;color:#1a1a1a;cursor:pointer;display:grid;place-items:center;transition:transform .08s,box-shadow .08s}.shop-close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #1a1a1a}.shop-close:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}.shop-tabs{display:flex;gap:.5rem;padding:.9rem 1.5rem 0;flex-shrink:0}.shop-tab{flex:1;padding:.55rem .5rem;background:#f5f5ec;border:2.5px solid #1a1a1a;box-shadow:3px 3px #1a1a1a;color:#1a1a1a;font-size:.72rem;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:transform .08s,box-shadow .08s}.shop-tab:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #1a1a1a}.shop-tab--active{background:#e8c340;transform:none}.shop-tab--disabled{opacity:.55;cursor:default}.shop-tab--disabled:hover{transform:none;box-shadow:3px 3px #1a1a1a}.shop-tab-badge{display:inline-block;margin-left:.35rem;padding:.05rem .3rem;background:#1a1a1a;color:#faf5e4;font-size:.55rem;font-weight:800;letter-spacing:.08em;vertical-align:middle}.shop-body{overflow-y:auto;padding:1rem 1.5rem 1.5rem;flex:1}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.75rem}.shop-card{border:2.5px solid #1a1a1a;box-shadow:3px 3px #1a1a1a;background:#faf5e4;padding:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;text-align:left;transition:transform .08s,box-shadow .08s}.shop-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a1a}.shop-card:active{transform:translate(1px,1px);box-shadow:2px 2px #1a1a1a}.shop-card--active{outline:3px solid #1a1a1a;outline-offset:2px;box-shadow:5px 5px #1a1a1a}.shop-swatches{display:flex;gap:3px;height:28px}.shop-swatch{flex:1;border:1.5px solid rgba(0,0,0,.18)}.shop-swatch--sm{width:20px;height:20px;flex:none;border:1.5px solid rgba(255,255,255,.25)}.shop-theme-preview{height:64px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid rgba(0,0,0,.15)}.shop-card-name{font-size:.8rem;font-weight:800;color:#1a1a1a;margin-bottom:.4rem}@media(max-width:480px){.shop-grid{grid-template-columns:1fr 1fr}.shop-header{padding:1rem 1rem 0}.shop-tabs{padding:.75rem 1rem 0}.shop-body{padding:.75rem 1rem 1rem}}