*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-4{width:1rem}.w-44{width:11rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-px{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-emerald-800\/30{border-color:#065f464d}.border-emerald-800\/40{border-color:#065f4666}.border-yellow-700\/50{border-color:#a1620780}.border-yellow-800\/30{border-color:#854d0e4d}.border-zinc-600{--tw-border-opacity: 1;border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-700\/50{border-color:#3f3f4680}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-zinc-800\/50{border-color:#27272a80}.border-l-purple-500{--tw-border-opacity: 1;border-left-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-l-yellow-500{--tw-border-opacity: 1;border-left-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.bg-\[\#050505\]{--tw-bg-opacity: 1;background-color:rgb(5 5 5 / var(--tw-bg-opacity, 1))}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/10{background-color:#713f121a}.bg-yellow-900\/20{background-color:#713f1233}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-800\/50{background-color:#27272a80}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/30{background-color:#18181b4d}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-900\/80{background-color:#18181bcc}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-yellow-700{--tw-gradient-from: #a16207 var(--tw-gradient-from-position);--tw-gradient-to: rgb(161 98 7 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-600\/80{color:#ca8a04cc}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-yellow-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-black{--tw-ring-offset-color: #000}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{color-scheme:dark;overscroll-behavior-y:none}body{margin:0;overflow:auto!important}.petitetris-app{--stage-hue: 192;position:relative;isolation:isolate;padding-top:max(88px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;background:radial-gradient(ellipse at 50% 45%,hsl(var(--stage-hue) 60% 12% / .32),transparent 55%),#050608!important}.petitetris-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#84dfff03 1px,transparent 1px),linear-gradient(90deg,#84dfff03 1px,transparent 1px);background-size:64px 64px}.crystal-frame{--frame-power: 0;position:relative;width:300px;height:600px;padding:5px;border:2px solid hsl(var(--stage-hue) 35% 25%);background:#080c13;box-shadow:0 0 34px hsl(var(--stage-hue) 70% 50% / .1);border-radius:5px}.crystal-frame:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid hsl(var(--stage-hue) 100% 80%);border-radius:6px;opacity:var(--frame-power);pointer-events:none;box-shadow:0 0 18px hsl(var(--stage-hue) 100% 65% / .4)}.crystal-grid{display:grid;gap:1px;width:100%;height:100%;background:#202836}.crystal-cell{min-width:0;min-height:0;position:relative}.crystal-cell.empty{background:#090d13}.crystal-cell.filled{background-color:var(--cell-color);background-image:linear-gradient(135deg,#ffffff27,transparent 35%,#00000040),linear-gradient(30deg,transparent 46%,#ffffff19 48%,transparent 53%);border:1px solid #ffffff38;border-bottom-color:#00000065;border-right-color:#00000065;box-shadow:inset 1px 1px #ffffff26,inset -1px -2px 3px #00000030}.crystal-cell.active{z-index:2;border-top-color:#ffffff9a;border-left-color:#ffffff8a;box-shadow:inset 0 0 6px #ffffff26,0 0 6px color-mix(in srgb,var(--cell-color) 45%,transparent)}.crystal-cell.ghost{background:#090d13;outline:1px solid color-mix(in srgb,var(--cell-color) 50%,#70899a);outline-offset:-3px;box-shadow:inset 0 0 5px color-mix(in srgb,var(--cell-color) 10%,transparent);animation:ghost-breathe 3.4s ease-in-out infinite}.crystal-cell.clearing{animation:crystal-dissolve var(--clear-time) linear both}.effects-layer{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;z-index:8;overflow:hidden}.effects-layer canvas{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.effect-title,.effect-combo{position:absolute;width:100%;text-align:center;opacity:0;color:#e4fbff;font-weight:800;text-shadow:0 0 12px #4fcaff80,0 2px 5px #000;letter-spacing:.12em;pointer-events:none}.effect-title{top:36%;font-size:clamp(18px,5vw,28px)}.effect-combo{top:12%;font-size:14px;letter-spacing:.2em}.fx-settings{display:flex;align-items:center;gap:6px;font-size:11px;color:#9baebe}.fx-settings select,.session-button{background:#111923;border:1px solid #374957;border-radius:8px;color:#d6edf5;padding:8px}.session-button{font-size:12px}button:focus-visible,select:focus-visible{outline:2px solid #87e7ff;outline-offset:3px}.game-over-panel{animation:defeat-reveal 1.2s ease-out both}.fx-paused *,[data-paused=true] *{animation-play-state:paused!important}.petitetris-app[data-fx=low] .ghost,.petitetris-app[data-fx=off] .ghost{animation:none}.petitetris-app[data-fx=off] .crystal-cell.clearing{animation:none;outline:1px solid #e4faff;outline-offset:-2px}.petitetris-app[data-fx=off] *,.petitetris-app[data-fx=low] .game-over-panel{animation:none!important;transition:none!important}.petitetris-app[data-fx=off] [style*="opacity: 0"]{opacity:1!important}.petitetris-app[data-fx=off] .effects-layer{display:none}.petitetris-app[data-fx=off] .crystal-frame,.petitetris-app[data-fx=low] .crystal-frame{box-shadow:none}.petitetris-app[data-fx=off]:before{display:none}.petitetris-app[data-fx=off]{background:#050608!important}@keyframes ghost-breathe{0%,to{opacity:.45}50%{opacity:.7}}@keyframes crystal-dissolve{0%,20%{opacity:1}65%{opacity:.35}to{opacity:.05}}@keyframes defeat-reveal{0%,45%{opacity:0}to{opacity:1}}.mobile-controls{touch-action:none}@media(max-width:767px){.petitetris-app{padding:78px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}.audio-controls{top:max(10px,env(safe-area-inset-top))!important;right:12px!important;gap:6px!important}.audio-controls button{width:36px;height:36px}.game-layout{align-items:center!important;gap:12px!important}.board-area{width:min(300px,calc(100vw - 24px))}.crystal-frame{width:100%;height:auto;aspect-ratio:1 / 2}.right-sidebar{width:min(340px,100%)!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.right-sidebar>div{padding:10px}.mobile-controls{margin-top:12px!important;gap:8px!important}.mobile-controls button{height:48px;aspect-ratio:auto!important}.mobile-stats{display:flex;justify-content:space-between;width:min(300px,100%);font-size:12px;color:#8dc8df;margin-bottom:8px}.game-over-panel{padding:20px!important}}@media(min-width:768px){.mobile-stats{display:none}}.petitetris-app .right-sidebar>div,.petitetris-app .game-layout>div:first-child>div{box-shadow:0 0 18px hsl(var(--stage-hue) 95% 65% / var(--celebration,0))}.petitetris-app[data-fx=low] [style*=animation]{animation:none!important;opacity:1!important;filter:none!important}.petitetris-app[data-fx=off] .crystal-cell{box-shadow:none!important}.petitetris-app:has(.game-over-panel){background:radial-gradient(ellipse at center,#11141840,transparent 60%),#050608!important}@media(max-width:767px){.petitetris-app>div:nth-of-type(2){margin-bottom:10px!important}.petitetris-app h1{font-size:28px}.game-layout{display:contents!important}.board-area{order:2;width:min(260px,calc(100vw - 128px),max(195px,calc((100svh - 300px)/2)))}.mobile-stats{order:1;margin-top:0}.mobile-controls{order:3}.right-sidebar{order:4;margin-top:14px}.petitetris-app[data-status=START] .board-area{min-width:min(300px,calc(100vw - 24px))}}.mobile-preview{display:none}@media(max-width:767px){.mobile-preview{display:flex;flex-direction:column;gap:8px;position:absolute;left:calc(100% + 5px);top:0;width:58px}.mobile-preview>div{padding:5px;border-radius:5px}.mobile-preview .grid>div{width:7px!important;height:7px!important}.mobile-preview .grid{gap:1px;padding:2px}.mobile-preview .text-\[10px\]{font-size:7px;margin-bottom:5px;letter-spacing:0}.board-area:has(.mobile-preview)~.right-sidebar>div:first-child{display:none}}@media(pointer:coarse){.mobile-controls{display:grid!important}}@media(max-height:500px)and (max-width:1000px)and (orientation:landscape){.petitetris-app{padding-top:60px!important;justify-content:flex-start!important}.petitetris-app h1{font-size:24px}.petitetris-app>div:nth-of-type(2){margin-bottom:10px!important}.board-area{width:180px}.crystal-frame{width:100%;height:360px}.petitetris-app[data-status=START] .board-area{width:300px}.petitetris-app[data-status=START] .board-area .crystal-frame{height:600px}.mobile-controls{display:grid!important}}@media(max-width:767px){.game-over-panel h2{font-size:24px}.game-over-panel{padding:12px!important}.game-over-panel input{min-width:0}}.crystal-frame{container-type:inline-size}.effect-title{top:36%;padding:8px 0 18px;font-size:clamp(24px,12cqw,38px);font-weight:900;font-style:italic;letter-spacing:.04em;line-height:1.1;text-shadow:0 2px 0 #18738d,0 0 14px #4bcfff,0 0 28px #2374b9}.effect-title:before{content:"";position:absolute;z-index:-1;top:-4px;right:0;bottom:-4px;left:0;background:linear-gradient(90deg,transparent,#071721e8 18%,#123341e8 50%,#071721e8 82%,transparent);border-block:1px solid #84ebff80;transform:skewY(-4deg)}.effect-title:after{content:attr(data-caption);display:block;margin-top:8px;font-size:clamp(8px,3.8cqw,11px);font-style:normal;font-weight:700;letter-spacing:.18em;color:#a9eeff;text-shadow:0 0 8px #008cbb}.effect-title[data-power="4"]{font-size:clamp(30px,19cqw,58px);color:#f2feff;text-shadow:2px 2px 0 #157399,-2px -1px 0 #9874db,0 0 14px #54eaff,0 0 30px #477aff}.effect-title[data-power="4"]:before{border-block:2px solid #b3f5ff;background:linear-gradient(100deg,transparent,#09627ae8 20%,#182349ed 50%,#463074e8 80%,transparent);box-shadow:0 -8px 25px #27d9ff38,0 8px 25px #ad59ff38}.effect-combo{font-size:clamp(15px,7.5cqw,22px);font-weight:900;text-shadow:0 2px 0 #153f53,0 0 10px currentColor}.crystal-frame:after{border-width:2px;box-shadow:0 0 16px #57dcff,0 0 42px #247fff80,inset 0 0 15px #62bfff80}.petitetris-app[data-fx=low] .effect-title{text-shadow:0 2px 3px #000}.petitetris-app[data-fx=low] .effect-title:before{box-shadow:none}.petitetris-app[data-fx=low] .crystal-frame:after{box-shadow:none}.crystal-frame{overflow:hidden}.incoming-row{position:absolute;left:5px;right:5px;bottom:5px;height:calc((100% - 10px)/20);display:grid;grid-template-columns:repeat(10,1fr);gap:1px}.settings-dock{position:fixed;z-index:60;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.settings-toggle,.touch-actions button{min-width:44px;min-height:44px;border:1px solid #a4dcec55;border-radius:50%;background:#0b1728c9;color:#dbf7ff;touch-action:manipulation}.settings-toggle{font-size:22px}.settings-panel{position:absolute;right:0;bottom:56px;width:min(300px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:#0b121bf5;border:1px solid #527181;border-radius:16px;box-shadow:0 8px 40px #000a;font-size:12px}.settings-panel .audio-controls{position:static!important;flex-wrap:wrap;align-items:center}.settings-panel .fx-settings{width:100%;justify-content:space-between}.settings-panel button,.settings-panel select{min-height:44px}.touch-guide{color:#a8c8d8;line-height:1.8}.touch-actions{display:none}.side-move-key{position:fixed;z-index:16;top:62%;transform:translateY(-50%);width:52px;height:76px;border:1px solid #c6edff35;border-radius:18px;background:#10212d38;color:#d9f3ff80;font:300 48px/1 sans-serif;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.side-move-key.left{left:max(8px,env(safe-area-inset-left))}.side-move-key.right{right:max(8px,env(safe-area-inset-right))}.side-move-key:active{background:#24465888;color:#edfbff;border-color:#c6edff80}.side-move-key:disabled{opacity:.25}.board-area{touch-action:none}.petitetris-app[data-status=PLAYING]{touch-action:none;overscroll-behavior:none}@media(max-width:767px),(pointer:coarse),(max-width:1000px)and (max-height:500px){body:has(.petitetris-app:not([data-status=START])){overflow:hidden!important;overscroll-behavior:none}.petitetris-app:not([data-status=START]){position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;min-height:0;padding:0!important}.petitetris-app:not([data-status=START]) .app-heading,.petitetris-app:not([data-status=START]) .right-sidebar,.petitetris-app:not([data-status=START]) .game-layout>div:first-child,.petitetris-app:not([data-status=START]) .mobile-stats{display:none!important}.petitetris-app:not([data-status=START]) .game-layout{display:flex!important;width:100%;height:100%;margin:0!important;align-items:center!important;justify-content:center}.petitetris-app:not([data-status=START]) .board-area{order:0;width:min(100vw,50dvh);height:min(100dvh,200vw);flex-shrink:0}.petitetris-app:not([data-status=START]) .crystal-frame{width:100%;height:100%;aspect-ratio:1/2;padding:0;border-width:1px;border-radius:0}.petitetris-app:not([data-status=START]) .incoming-row{left:0;right:0;bottom:0;height:5%}.petitetris-app:not([data-status=START]) .effects-layer{top:0;right:0;bottom:0;left:0}.mobile-preview{display:flex;position:fixed;left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));width:76px;z-index:15;pointer-events:none;gap:4px}.mobile-preview>div,.mobile-preview .grid{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.mobile-preview .grid>div{width:12px!important;height:12px!important}.mobile-preview .text-\[10px\]{font-size:9px;color:#cfebff;text-shadow:0 1px 4px #000;margin-bottom:4px}.mobile-preview>:not(:first-child){display:none}.touch-actions{display:flex;position:fixed;z-index:16;right:max(14px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px);flex-direction:column;gap:8px}.touch-actions button{font-size:10px;width:44px}.touch-actions button:first-child{font-size:23px}.touch-actions button:disabled{opacity:.4}.touch-actions .touch-drop,.touch-actions .touch-rotate{position:fixed;top:calc(62% + 46px);width:52px;height:44px;border-radius:14px;background:#10212d38;border-color:#c6edff35;color:#d9f3ff80}.touch-actions .touch-drop{left:max(8px,env(safe-area-inset-left))}.touch-actions .touch-rotate{right:max(8px,env(safe-area-inset-right))}.touch-actions .touch-drop:active,.touch-actions .touch-rotate:active{background:#24465888;color:#edfbff}.board-area>.absolute{max-height:100%;overflow-y:auto}.petitetris-app[data-status=START]{padding-top:max(20px,env(safe-area-inset-top))!important}.petitetris-app[data-status=START] .right-sidebar,.petitetris-app[data-status=START] .mobile-stats{display:none!important}.petitetris-app[data-status=START] .board-area{width:min(340px,calc(100vw - 24px))}}.petitetris-app:not([data-status=PLAYING]) .board-area{touch-action:pan-y}.score-hud{position:absolute;z-index:17;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(52vw,360px);display:flex;flex-direction:column;align-items:center;pointer-events:none;background:transparent;text-align:center}.score-hud-label{font:700 9px/1.5 Bahnschrift,Segoe UI,sans-serif;letter-spacing:.4em;color:#acd8e6}.score-hud strong{font:italic 800 clamp(23px,4vw,38px)/1.15 "Bahnschrift","Consolas",monospace;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#effdff;text-shadow:0 0 18px #58cfff70,0 2px 3px #000}.score-notice{margin-top:5px;color:#c9f5ff;font:700 9px/1.5 Segoe UI,sans-serif;text-shadow:0 1px 4px #000}.game-over-panel{container-type:inline-size;background:radial-gradient(ellipse at 50% 35%,#442538e8,#060b15f5 65%)}.defeat-caption{color:#efa8be;font:700 10px/1.5 Bahnschrift,Segoe UI,sans-serif;letter-spacing:.35em;margin-bottom:14px}.game-over-panel .game-over-title{flex-shrink:0;position:relative;display:flex;flex-direction:column;text-align:center;font:italic 900 clamp(42px,24cqw,80px)/.88 "Bahnschrift","Arial Black",sans-serif;letter-spacing:-.06em;margin:0 0 28px;color:#fff0f5;text-shadow:3px 0 #f14c87,-2px 0 #6fd5ff,0 0 24px #e43b7060;animation:defeat-impact .85s cubic-bezier(.16,1,.3,1) both}.game-over-title:after{content:"";height:2px;margin-top:18px;background:linear-gradient(90deg,transparent,#fc92b4,#9cecff,transparent);animation:defeat-line 1s ease-out both}@keyframes defeat-impact{0%{opacity:0;transform:translateY(-20px) scale(1.18);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes defeat-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.game-over-panel,.game-over-title,.game-over-title:after{animation:none!important}}.petitetris-app[data-fx=low] .game-over-title,.petitetris-app[data-fx=low] .game-over-title:after{animation:none}.practice-analysis{padding:12px;border:1px solid #285649;border-radius:10px;background:#0a1917;color:#b6dacc;font-size:11px;line-height:1.7}.practice-analysis strong{color:#85e6bc}.practice-analysis p{margin-top:6px}.practice-analysis small{display:block;margin-top:6px;color:#7fa99a}.classic-rules-badge{display:inline-block;margin:5px 0;padding:3px 12px;border:1px solid #fde68a;border-radius:999px;background:#fef3c7;color:#4c1d95;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.06em}.game-error-fallback{min-height:100dvh;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#050608;color:#d6edf5;text-align:center}.game-error-fallback h1{font-size:22px;font-weight:700}.game-error-fallback p{max-width:420px}.game-error-fallback button{padding:14px 22px;border:1px solid #67cce5;border-radius:10px;background:#153341}.game-error-fallback textarea,.diagnostic-details textarea{display:block;width:100%;min-height:160px;margin-top:10px;padding:8px;background:#080c13;color:#bfd4de;font:11px/1.5 monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text}.diagnostic-details summary{cursor:pointer;padding:8px 0}.petitetris-app[data-title=true]{display:block;padding:0!important;min-height:100svh;background:radial-gradient(ellipse at 80% 25%,#172740 0,transparent 55%),#090f1b!important}.petitetris-app[data-title=true]:before{background-size:40px 40px;opacity:.45}.petitetris-app[data-title=true]>.app-heading,.petitetris-app[data-title=true]>.game-layout,.petitetris-app[data-title=true]>.mobile-stats{display:none!important}.petitetris-app[data-title=true] .settings-dock{top:max(24px,env(safe-area-inset-top));bottom:auto;right:max(24px,env(safe-area-inset-right))}.petitetris-app[data-title=true] .settings-panel{top:56px;bottom:auto}.arcade-title{max-width:1120px;min-height:100svh;margin:0 auto;padding:28px 48px 24px;color:#ebf0f5}.arcade-topbar{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding-right:52px;font:600 10px/1.5 Space Grotesk,sans-serif;letter-spacing:.16em;color:#7e8ca3}.arcade-brand{display:inline-flex;gap:10px;align-items:center;color:#d5dce6}.arcade-brand i{width:12px;height:12px;border:3px solid #65e2d4;box-shadow:4px 4px #65e2d425}.arcade-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;padding:40px 0 38px}.arcade-eyebrow{display:flex;align-items:center;gap:9px;font:600 10px/1.5 Space Grotesk,sans-serif;letter-spacing:.19em;color:#7f92a8;margin-bottom:22px}.arcade-eyebrow span{width:5px;height:5px;background:#65e2d4}.arcade-intro h1{margin:0 0 24px}.arcade-logo{display:block;width:100%;max-width:450px;height:auto}.arcade-catch{font-size:clamp(19px,2.2vw,27px);font-weight:700;letter-spacing:.065em;line-height:1.65}.arcade-description{margin-top:7px;font-size:12px;color:#8e9db1;letter-spacing:.05em}.arcade-mobile-break{display:none}.arcade-colorbar{display:flex;gap:4px;margin-top:24px}.arcade-colorbar i{width:25px;height:5px}.arcade-art{width:260px;justify-self:center;transform:rotate(7deg);padding:14px;background:#0b1321;border:1px solid #32445a;border-radius:10px;box-shadow:14px 18px #050a124d}.arcade-art svg{width:100%;border:1px solid #26364b;border-radius:3px}.arcade-art-label{display:flex;justify-content:space-between;color:#8ca3b6;letter-spacing:.14em;font:600 9px/1.5 monospace;margin-bottom:10px}.arcade-art-label span:last-child{color:#65e2d4}.arcade-art-caption{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font:8px/1.5 monospace;color:#71879e}.arcade-art-caption strong{color:#65e2d4;font-size:10px}.arcade-section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.arcade-section-label h2{font:600 10px/1.5 Space Grotesk,sans-serif;letter-spacing:.2em;color:#a7b4c6}.arcade-section-label>span{color:#657890;font-size:11px}.arcade-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.arcade-mode{position:relative;text-align:left;padding:19px 21px 22px;background:#101a2a;border:1px solid #2b374b;border-radius:8px;cursor:pointer;transition:border-color .16s,background-color .16s}.arcade-mode.mode-0{background:#112b30;border-color:#3e7875}.arcade-mode:hover{border-color:var(--mode-color);background-color:#18283b}.arcade-mode:active{background-color:#203448}.arcade-mode-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:46px}.arcade-mode-top>span{font:500 8px/1.5 Space Grotesk,sans-serif;color:var(--mode-color);letter-spacing:.13em}.arcade-mode-top svg{width:49px;height:37px}.arcade-mode-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.arcade-mode-name strong{font:700 clamp(18px,2vw,24px)/1.3 "Space Grotesk",sans-serif;letter-spacing:-.02em}.arcade-mode-name>span{color:var(--mode-color);font-size:23px}.arcade-mode p{margin-top:9px;color:#91a2b6;font-size:10px;line-height:1.7}.arcade-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:15px;border-top:1px solid #243045}.arcade-footer>span{color:#6f839b;font-size:10px;letter-spacing:.05em}.arcade-footer button{min-height:44px;color:#c4cfdc;font:600 10px/1.5 Space Grotesk,sans-serif;letter-spacing:.1em}.arcade-footer button span{margin-left:12px;color:#65e2d4}body:has(.petitetris-app[data-title=true]){overflow:auto!important}.petitetris-app[data-title=true]{position:relative!important;inset:auto!important;height:auto!important;width:100%}.petitetris-app[data-title=true]>.score-hud{display:none}.ranking-page{max-width:960px}.ranking-page .arcade-brand{min-height:44px}.ranking-heading{padding:40px 0 30px}.ranking-heading .arcade-eyebrow{margin-bottom:14px}.ranking-heading h1{display:flex;flex-wrap:wrap;gap:0 .25em;margin:0 0 16px;font:900 clamp(38px,5.8vw,68px)/1.02 "Bahnschrift","Arial Black",sans-serif;letter-spacing:-.055em}.ranking-heading h1 span:last-child{color:#65e2d4}.ranking-heading>p:last-of-type{color:#9eafc2;font-size:13px;letter-spacing:.06em}.ranking-heading .arcade-colorbar{margin-top:20px}.ranking-heading .arcade-colorbar i:nth-child(1){background:#65e2d4}.ranking-heading .arcade-colorbar i:nth-child(2){background:#b5a1f8}.ranking-heading .arcade-colorbar i:nth-child(3){background:#f4c875}.ranking-tabs{display:flex;gap:6px;padding:5px;margin-bottom:20px;border:1px solid #2b374b;border-radius:8px;background:#0d1625}.ranking-tabs button{flex:1;min-width:0;min-height:46px;border-radius:5px;color:#94a6be;font:700 12px/1.4 Space Grotesk,sans-serif;letter-spacing:.06em}.ranking-tabs button[aria-pressed=true]{background:#65e2d4;color:#0b2428}.ranking-tabs button:hover:not([aria-pressed=true]){background:#1b2b3e}.ranking-board{border:1px solid #2b3d51;border-radius:9px;overflow:hidden;background:#101a2a}.ranking-board-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid #2b3d51}.ranking-label{color:#65e2d4;font:600 10px/1.6 Space Grotesk,sans-serif;letter-spacing:.14em}.ranking-board-header p{color:#99a9bd;font-size:11px;margin-top:5px}.ranking-order{flex-shrink:0;color:#879bb1;font-size:10px}.ranking-table{width:100%;table-layout:fixed;border-collapse:collapse}.ranking-table thead th{color:#7f95ac;font:500 9px/1.5 Space Grotesk,sans-serif;letter-spacing:.15em;text-align:left;padding:14px 24px}.ranking-table th:first-child{width:84px}.ranking-table th:last-child{width:180px;text-align:right}.ranking-table tbody tr{border-top:1px solid #223146}.ranking-table tbody td,.ranking-table tbody th{padding:20px 24px}.ranking-table tbody th{font-size:14px;font-weight:600;text-align:left;overflow-wrap:anywhere;color:#dbe6f0}.ranking-table tbody td:first-child{color:#778ea7;font:700 18px/1.2 Space Grotesk,sans-serif}.ranking-table tbody td:last-child{text-align:right;color:#e4f4f6;font:600 18px/1.2 Space Grotesk,sans-serif;font-variant-numeric:tabular-nums}.ranking-table td small{display:block;color:#73899f;font-size:8px;letter-spacing:.12em;margin-top:4px}.ranking-table tr[data-place="1"]{background:#143037}.ranking-table tr[data-place="1"] td:first-child,.ranking-table tr[data-place="1"] td:last-child{color:#65e2d4}.ranking-table tr[data-place="2"] td:first-child{color:#b5a1f8}.ranking-table tr[data-place="3"] td:first-child{color:#f4c875}.ranking-empty{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;text-align:center}.ranking-empty strong{color:#d9e6ef;font-size:15px}.ranking-empty p{color:#8299af;font-size:12px}.ranking-pixels{color:#65e2d4;font-size:30px;letter-spacing:8px}.score-entry-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.score-entry-result,.score-entry-form{padding:28px;border:1px solid #2b3d51;border-radius:9px;background:#101a2a;min-width:0}.score-entry-result{background:linear-gradient(145deg,#143037,#101a2a 85%);border-color:#375e64}.score-entry-label{margin-top:30px;color:#8cacae;font:600 10px/1.6 Space Grotesk,sans-serif;letter-spacing:.16em}.score-entry-value{display:block;margin:8px 0;color:#82edde;font:700 clamp(30px,4.5vw,56px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.score-entry-unit{color:#7ba4a5;font:500 9px/1.5 Space Grotesk,sans-serif;letter-spacing:.2em}.score-entry-result dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;padding-top:20px;border-top:1px solid #315057}.score-entry-result dt{color:#7b96a5;font:500 9px/1.5 Space Grotesk,sans-serif;letter-spacing:.12em}.score-entry-result dd{color:#d7e6ec;font:600 17px/1.6 Space Grotesk,sans-serif;margin-top:5px}.score-entry-motto{color:#73959e;font-size:10px;margin-top:26px}.score-entry-form h2{margin:10px 0 16px;font:700 21px/1.2 Space Grotesk,sans-serif;letter-spacing:-.02em}.score-entry-form form>p{color:#97aabd;font-size:12px;line-height:1.8}.score-entry-form label{display:block;margin:24px 0 9px;color:#dce5ee;font-size:12px;font-weight:600}.score-entry-form input{width:100%;min-width:0;min-height:50px;padding:12px 14px;border:1px solid #405269;border-radius:6px;background:#0b1423;color:#eff7ff;font-size:16px;outline-offset:3px}.score-entry-form input:focus{outline:2px solid #65e2d4}.score-entry-form input::-moz-placeholder{color:#677f96}.score-entry-form input::placeholder{color:#677f96}.score-entry-form small{display:block;margin:8px 0 20px;color:#7f94aa;font-size:10px}.arcade-primary,.arcade-secondary{min-height:48px;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:700}.arcade-primary{width:100%;background:#65e2d4;color:#082a2a;border:1px solid #65e2d4}.arcade-primary:hover{background:#8deedf}.arcade-secondary{border:1px solid #344960;color:#b8c9db;background:transparent}.arcade-primary:disabled,.arcade-secondary:disabled{opacity:.4;cursor:not-allowed}.score-entry-retry{display:flex;width:100%;justify-content:space-between;margin-top:12px}.score-entry-form .score-entry-error{color:#f7a9b7;margin:0 0 15px}.score-entry-success{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:12px}.score-entry-success>span{width:40px;height:40px;line-height:40px;text-align:center;color:#65e2d4;background:#163738;border-radius:6px;font-size:22px}.score-entry-success strong{font-size:17px}.score-entry-success p{color:#97aabd;font-size:12px;line-height:1.8}@media(max-width:767px){.arcade-title{padding:max(18px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom))}.arcade-topbar{min-height:40px;font-size:9px}.arcade-edition{display:none}.petitetris-app[data-title=true] .settings-dock{top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.arcade-hero{display:block;padding:22px 0 26px}.arcade-art{display:none}.arcade-eyebrow{font-size:8px;margin-bottom:15px}.arcade-logo{max-width:310px}.arcade-intro h1{margin-bottom:15px}.arcade-catch{font-size:20px}.arcade-description{font-size:10px;margin-top:4px}.arcade-colorbar{margin-top:15px}.arcade-colorbar i{width:19px;height:4px}.arcade-section-label{margin-bottom:11px}.arcade-section-label h2{font-size:9px}.arcade-section-label>span{font-size:9px}.arcade-mode-grid{grid-template-columns:1fr;gap:10px}.arcade-mode{padding:15px 17px}.arcade-mode-top{min-height:20px}.arcade-mode-top svg{position:absolute;right:18px;top:10px;width:35px;height:27px}.arcade-mode-name strong{font-size:21px}.arcade-mode-name>span{font-size:19px}.arcade-mode p{font-size:10px;margin-top:4px}.arcade-footer{margin-top:18px;padding-top:9px}.arcade-footer>span{font-size:9px}.arcade-footer button{font-size:9px}.ranking-page{padding-left:20px;padding-right:20px}.ranking-heading{padding:28px 0 25px}.petitetris-app .ranking-heading h1{display:block;font-size:46px}.ranking-heading h1 span{display:block}.ranking-heading>p:last-of-type{font-size:12px}.ranking-tabs{gap:3px;margin-bottom:14px}.ranking-tabs button{font-size:10px;min-height:43px}.ranking-board-header{padding:17px 15px;display:block}.ranking-order{display:block;margin-top:12px;font-size:9px}.ranking-board-header p{font-size:10px}.ranking-table thead th{padding:12px;font-size:8px}.ranking-table th:first-child{width:52px}.ranking-table th:last-child{width:108px}.ranking-table tbody td,.ranking-table tbody th{padding:17px 12px}.ranking-table tbody th{font-size:12px}.ranking-table tbody td:first-child,.ranking-table tbody td:last-child{font-size:15px}.score-entry-layout{grid-template-columns:1fr;gap:14px}.score-entry-result,.score-entry-form{padding:22px}.score-entry-label{margin-top:18px}.score-entry-value{font-size:44px}.score-entry-result dl{margin-top:18px;padding-top:14px}.score-entry-motto{display:none}.ranking-page .arcade-footer>span{font-size:7px}}.petitetris-app[data-theme=practice]{background:radial-gradient(ellipse at 80% 20%,#172740,transparent 65%),#090f1b}[data-theme=practice] .app-heading h1{color:#ebf0f5;background:none;-webkit-text-fill-color:#ebf0f5;font-style:normal;letter-spacing:-.055em;font-weight:700}[data-theme=practice] .app-heading>div{color:#9bafc3;letter-spacing:.1em}[data-theme=practice] .left-sidebar>div,[data-theme=practice] .right-sidebar>div:not(.flex),[data-theme=practice] .practice-analysis{background:#101c2d;border-color:#2b4056;border-radius:8px;box-shadow:none}[data-theme=practice] .text-zinc-500,[data-theme=practice] .text-zinc-600{color:#8da3ba}[data-theme=practice] .text-zinc-400{color:#a9b9ca}[data-theme=practice] .text-blue-400,[data-theme=practice] .text-emerald-400,[data-theme=practice] .practice-analysis strong{color:#65e2d4}[data-theme=practice] .bg-blue-500,[data-theme=practice] .bg-emerald-600{background:#65e2d4;color:#092528}[data-theme=practice] .practice-analysis{color:#b9cad9;line-height:1.85}[data-theme=practice] .practice-analysis small{color:#85a2b5}[data-theme=practice] .crystal-frame{border-color:#4b878c;box-shadow:0 0 0 5px #101c2d,0 20px 55px #0005}[data-theme=practice] .session-button{background:#15263a;border-color:#39566d;color:#d9f0ef;border-radius:6px}@media(min-width:1024px){.petitetris-app[data-theme=practice]{justify-content:flex-start;padding:34px 32px 40px}[data-theme=practice]>.score-hud{display:none}[data-theme=practice] .app-heading{width:820px;max-width:100%;text-align:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #263950}[data-theme=practice] .app-heading>div{justify-content:flex-start}[data-theme=practice] .game-layout{gap:28px}[data-theme=practice] .left-sidebar{width:180px}[data-theme=practice] .right-sidebar{width:240px}[data-theme=practice] .right-sidebar>div{padding:16px}}.petitetris-app[data-theme=classic],.petitetris-app[data-title=true][data-theme=classic]{background:linear-gradient(#080c1926,#080c1959),url(../images/classic-night.png) center center / cover no-repeat,#090d20!important}[data-theme=classic]:before{display:none}.classic-menu{max-width:1100px}.classic-selection{text-align:center;padding:70px 0 35px}.classic-selection .arcade-eyebrow{justify-content:center;color:#dbc78e}.classic-selection h1{font-family:monospace;font-size:clamp(48px,8vw,88px);font-weight:900;line-height:1;letter-spacing:.08em;color:#fff0be;text-shadow:4px 4px 0 #695b77}.classic-selection h1 span{display:block;margin-top:20px;font-size:11px;letter-spacing:.4em;color:#b3a9d6;text-shadow:none}.classic-description{margin-top:28px;font-size:14px;color:#d3ccdf}.classic-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0 25px;text-align:left}.classic-options button{--accent:#b5a1f8;padding:28px 24px 22px;background:#101329ed;border:1px solid #54506f;border-top:3px solid var(--accent);box-shadow:4px 4px #060914;text-align:left;transition:background .15s}.classic-options button:nth-child(2){--accent:#f4c875}.classic-options button:nth-child(3){--accent:#65e2d4}.classic-options button:hover{background:#24243f}.classic-options small{color:#aaa4bf;font:10px monospace;letter-spacing:.12em}.classic-options strong{display:block;margin:20px 0 12px;color:var(--accent);font:700 26px monospace}.classic-options span{font-size:12px;color:#ddd9e7}.classic-options em{display:block;margin-top:24px;padding-top:16px;border-top:1px solid #3c3b55;color:#aaa4bf;font-style:normal;font-size:10px}.classic-options b{float:right;color:var(--accent);font-size:16px}.classic-rule-note{color:#b3abc6;font-size:10px;line-height:2;letter-spacing:.12em}.classic-back{min-height:44px;margin-top:18px;font-size:12px;color:#f3db9e}@media(max-width:767px){.classic-menu{padding:20px}.classic-selection{padding:34px 0 20px}.classic-selection h1{font-size:48px}.classic-options{grid-template-columns:1fr;gap:12px;margin:28px 0 20px}.classic-options button{padding:18px 20px}.classic-options strong{margin:10px 0 8px;font-size:24px}.classic-options em{margin-top:12px;padding-top:10px}.classic-menu .arcade-topbar>span{display:none}}[data-theme=practice].petitetris-app{background:radial-gradient(ellipse at 80% 20%,#172740,transparent 65%),#090f1b!important}[data-theme=practice] .right-sidebar>.border{background:#101c2d;border-color:#2b4056;border-radius:8px;box-shadow:none}@media(min-width:1024px){[data-theme=practice].petitetris-app{padding-top:34px!important}[data-theme=practice] .right-sidebar{gap:12px}[data-theme=practice] .right-sidebar>div{padding:12px}[data-theme=practice] .app-heading{margin-bottom:22px}}.game-wordmark{display:block;width:354px;max-width:100%;height:auto}.play-heading h1{margin:0}.play-heading .game-wordmark{margin:0 auto}.play-heading[data-lettering=modern] .game-wordmark{filter:drop-shadow(0 3px 0 #173d43)}.play-heading[data-lettering=classic] .game-wordmark{filter:drop-shadow(3px 3px 0 #584360)}.play-mode-label{margin-top:16px;color:#91acae;font:600 11px/1.5 Space Grotesk,sans-serif;letter-spacing:.2em;text-transform:uppercase}.play-heading[data-lettering=classic] .play-mode-label{color:#d3bf94;font-family:monospace}.classic-selection .game-wordmark{width:590px;margin:0 auto}.classic-mode-name{margin-top:24px;color:#f4c875;font:700 14px/1.5 monospace;letter-spacing:.3em}@media(max-width:767px){.game-wordmark{width:280px}.classic-selection .game-wordmark{width:100%}}.practice-selection{max-width:720px;margin:48px auto;text-align:center}.practice-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0 24px}.practice-options button{padding:28px 20px;text-align:left;background:#122238;border:1px solid #65e2d460;border-radius:14px;color:#eaf1f5}.practice-options button:hover,.practice-options button:focus-visible{background:#1c3548;outline:2px solid #65e2d4;outline-offset:3px}.practice-options strong{display:block;font-size:22px;color:#65e2d4;margin-bottom:12px}.practice-options span,.practice-instructions{font-size:14px;color:#becddb;line-height:1.8}.practice-instructions{text-align:left;padding:20px;border:1px solid #344359;border-radius:12px}.practice-instructions h2{font-weight:700;color:#eaf1f5;margin-bottom:8px}.arcade-footer a{color:#becddb;text-decoration:underline;text-underline-offset:4px}.left-sidebar .text-zinc-500,.right-sidebar .text-zinc-500,.left-sidebar .text-zinc-600,.right-sidebar .text-zinc-600{color:#a9b8ca}@media(max-width:600px){.practice-options{grid-template-columns:1fr}.practice-selection{margin:24px auto}}@media(min-width:1024px)and (pointer:fine){.petitetris-app:not([data-title=true])>.score-hud{display:none}.petitetris-app:not([data-title=true]){padding-top:34px!important}.side-move-key.left{left:calc(50% - 490px)}.side-move-key.right{right:calc(50% - 490px)}.side-move-key{color:#c1dbe9;background:#10212d80}.touch-actions{display:block}.touch-actions>button:not(.touch-drop):not(.touch-rotate){display:none}.touch-actions .touch-drop,.touch-actions .touch-rotate{position:fixed;z-index:16;top:calc(62% + 46px);width:52px;height:44px;border-radius:14px;background:#10212d80;color:#c1dbe9;font-size:12px}.touch-actions .touch-drop{left:calc(50% - 490px)}.touch-actions .touch-rotate{right:calc(50% - 490px);font-size:26px}}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-500:hover{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-700:hover{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.hover\:from-yellow-600:hover{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-yellow-500:hover{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:768px){.md\:h-5{height:1.25rem}.md\:w-5{width:1.25rem}.md\:flex-row{flex-direction:row}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media(min-width:1024px){.lg\:flex{display:flex}}