*,::backdrop,:after,:before{--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:#3b82f680;--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: }::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{margin:0}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}*,:after,:before,::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:#3b82f680;--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: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.isolate{isolation:isolate}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.text-wrap{text-wrap:wrap}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px 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{outline-style:solid}.ring{--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(3px + 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)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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 #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box}#__nuxt,body,html{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--cv-navy-900);color:var(--cv-on-dark);font-family:var(--cv-font)}@font-face{font-family:LINESeedSans;font-weight:400;font-display:swap;src:url(./LINESeedSansTH_W_Rg.D9D-DJkH.woff2)format("woff2")}@font-face{font-family:LINESeedSans;font-weight:700;font-display:swap;src:url(./LINESeedSansTH_W_Bd.7iTpaqjw.woff2)format("woff2")}@font-face{font-family:LINESeedSans;font-weight:800 900;font-display:swap;src:url(./LINESeedSansTH_W_XBd.DUNBT4iR.woff2)format("woff2")}:root{--cv-navy-950:#04122a;--cv-navy-900:#061a38;--cv-navy-800:#0b2a5c;--cv-glass:#081e3ccc;--cv-glass-soft:#ffffff14;--cv-glass-border:#ffffff2e;--cv-blue:#1f75ff;--cv-blue-600:#2b56ff;--cv-blue-soft:#ebf4ff;--cv-blue-light:#81b1ff;--cv-yellow:#fdca3f;--cv-orange:#f79722;--cv-coral:#ff7752;--cv-red:#ff6b6b;--cv-green:#32d583;--cv-cta:linear-gradient(to right,var(--cv-orange),var(--cv-yellow));--cv-ink:#1a1e1f;--cv-heading:#1e2939;--cv-text:#30383b;--cv-muted:#6b7280;--cv-gray-800:#22282a;--cv-border:#e0e4e6;--cv-surface:#f8fafc;--cv-on-dark:#fff;--cv-on-dark-muted:#ffffffb8;--cv-radius-sm:8px;--cv-radius:12px;--cv-radius-lg:16px;--cv-radius-xl:24px;--cv-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--cv-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--cv-shadow-window:0 25px 50px -12px #03101f66;--cv-font:"LINESeedSans","Noto Sans Thai","Sukhumvit Set",system-ui,sans-serif;--cv-font-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}.board{--gap:max(5px,calc(var(--cell-size)*.14));--pad:max(10px,calc(var(--cell-size)*.24));--pitch:calc(var(--cell-size) + var(--gap));--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);gap:var(--gap);padding:var(--pad);border-radius:var(--cv-radius-xl);box-shadow:inset 0 1px 0 #ffffff2e,var(--cv-shadow-window);background:linear-gradient(#1c3f9e,#142f80);border:2px solid #fff3;max-width:100%;max-height:100%;margin:0 auto;display:grid;position:relative}.board.shattering .tile{animation:.7s cubic-bezier(.16,1,.3,1) shatter-tile;animation-delay:calc((var(--tile-index,0))*8ms)}.board.shattering{animation:.36s cubic-bezier(.36,.07,.19,.97) board-jolt}.board.cascade:not(.shattering) .tile{animation:.26s cubic-bezier(.2,.9,.1,1) backwards tile-settle;animation-delay:min(calc(var(--tile-order,0)*18ms),.22s)}.code-tile,.tile{--tile-bg:linear-gradient(160deg,#b9e3fb,#8ccdf3);--bevel:#5fa9dc}.code-tile-swatch,.tile{background:var(--tile-bg)}.tile{width:var(--cell-size);height:var(--cell-size);border-radius:clamp(8px,calc(var(--cell-size)*.2),16px);box-shadow:inset 0 -5px 6px -3px var(--bevel),inset 0 2px 1px #ffffffb3,0 2px 5px -1px #030a2859;position:relative}.tile-floor{--tile-bg:linear-gradient(160deg,#57a4e4,#2d78bf);--bevel:#1b5598}.tile-floor.alt{--tile-bg:linear-gradient(160deg,#4b98d9,#246bad)}.tile-ice{--bevel:#5cc0e8;--tile-bg:linear-gradient(135deg,transparent 0 30%,#ffffffbf 31% 37%,transparent 38% 45%,#fff9 46% 49%,transparent 50%),linear-gradient(160deg,#e9fbff,#a8e6fb)}.tile-sand{--bevel:#d49a2c;--tile-bg:radial-gradient(circle,#b8801c59 0 1.5px,transparent 2px) 0 0 /25% 25%,linear-gradient(160deg,#ffe7a8,#f5c565)}.tile-grass{--bevel:#2f8a43;--tile-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%231f7a35' stroke-linecap='round' stroke-opacity='.5' stroke-width='2'%3E%3Cpath d='m7 17-2-6m5 6V8m3 9 2-6M27 35l-2-6m5 6v-9m3 9 2-6'/%3E%3C/g%3E%3C/svg%3E") 0 0 /50% 50%,linear-gradient(160deg,#a6ea9a,#5cc168)}.tile-flower{--bevel:#c94c82;--tile-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23b8336a' stroke='%23b8336a' stroke-width='10'%3E%3Ccircle cx='50' cy='28' r='17'/%3E%3Ccircle cx='70.9' cy='43.2' r='17'/%3E%3Ccircle cx='62.9' cy='67.8' r='17'/%3E%3Ccircle cx='37.1' cy='67.8' r='17'/%3E%3Ccircle cx='29.1' cy='43.2' r='17'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='50' cy='28' r='17'/%3E%3Ccircle cx='70.9' cy='43.2' r='17'/%3E%3Ccircle cx='62.9' cy='67.8' r='17'/%3E%3Ccircle cx='37.1' cy='67.8' r='17'/%3E%3Ccircle cx='29.1' cy='43.2' r='17'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='12' fill='%23ffcf3f' stroke='%23b8336a' stroke-width='5'/%3E%3Ccircle cx='46' cy='46' r='3.5' fill='%23fff6c8'/%3E%3C/svg%3E") center /58% 58% no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23fff' fill-opacity='.4'%3E%3Ccircle cx='8' cy='8' r='2.2'/%3E%3Ccircle cx='30' cy='30' r='2.2'/%3E%3Ccircle cx='31' cy='9' r='1.4'/%3E%3Ccircle cx='9' cy='31' r='1.4'/%3E%3C/g%3E%3C/svg%3E") 0 0 /50% 50%,linear-gradient(160deg,#ffc8de,#f584ae)}.tile-honey{--bevel:#a35a06;--tile-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f59e0b' stroke='%236b3400' stroke-linejoin='round' stroke-width='5' d='M50 8S22 44 22 62a28 28 0 0 0 56 0C78 44 50 8 50 8Z'/%3E%3Cpath fill='none' stroke='%23ffd66b' stroke-linecap='round' stroke-opacity='.7' stroke-width='5' d='M50 30S36 50 36 62'/%3E%3Cpath fill='none' stroke='%23fff7d6' stroke-linecap='round' stroke-width='6' d='M38 64q0 10 9 15'/%3E%3C/svg%3E") center /58% 58% no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 31.2'%3E%3Cpath fill='none' stroke='%239a4d06' stroke-opacity='.18' stroke-width='1.4' d='m9 0 9 5.2v10.4l-9 5.2-9-5.2V5.2zM0 20.8v10.4m18-10.4v10.4'/%3E%3C/svg%3E") 0 0 /36% auto,linear-gradient(160deg,#ffd45e,#e9a11e)}.tile-gem{--bevel:#6a49c8;--tile-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23f3edff' d='m20 38 15-21h30l15 21-30 48Z'/%3E%3Cpath fill='%23c4adff' d='M56 38h24L50 86Z'/%3E%3Cpath fill='%23d9caff' d='m65 17 15 21H56Z'/%3E%3Cpath fill='none' stroke='%234c2fa8' stroke-linejoin='round' stroke-width='3.5' d='M20 38h60M35 17l9 21 6 48m15-69-9 21-6 48m-6-48 6-21 6 21'/%3E%3Cpath fill='none' stroke='%233a2188' stroke-linejoin='round' stroke-width='5' d='m20 38 15-21h30l15 21-30 48Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='4' d='m30 34 8-11'/%3E%3C/svg%3E") center /58% 58% no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23fff' fill-opacity='.55'%3E%3Cpath d='m8 4 1 3 3 1-3 1-1 3-1-3-3-1 3-1zM32 28l1 3 3 1-3 1-1 3-1-3-3-1 3-1z'/%3E%3C/g%3E%3C/svg%3E") 0 0 /50% 50%,linear-gradient(160deg,#cbb6ff,#9a78ee)}.tile-rock{--bevel:#33416f;--tile-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23a59f96' d='m14 80 6-28 18-22 24-6 18 16 8 26-8 14Z'/%3E%3Cpath fill='%23d8d2c8' d='m20 52 18-22 24-6-10 22Z'/%3E%3Cpath fill='%23b8b2a8' d='m52 46 10-22 18 16 8 26Z'/%3E%3Cpath fill='%238d877e' d='m14 80 6-28 32-6-8 34Z'/%3E%3Cpath fill='%236f6a62' d='m44 80 8-34 36 20-8 14Z'/%3E%3Cpath fill='none' stroke='%232b2a33' stroke-linejoin='round' stroke-opacity='.6' stroke-width='3' d='m20 52 32-6 10-22M52 46l-8 34m8-34 36 20'/%3E%3Cpath fill='none' stroke='%232b2a33' stroke-linejoin='round' stroke-width='5' d='m14 80 6-28 18-22 24-6 18 16 8 26-8 14Z'/%3E%3C/svg%3E") center /58% 58% no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23283258' fill-opacity='.3'%3E%3Cellipse cx='7' cy='8' rx='3' ry='2.2'/%3E%3Cellipse cx='33' cy='31' rx='3' ry='2.2'/%3E%3Ccircle cx='33' cy='7' r='1.6'/%3E%3Ccircle cx='7' cy='33' r='1.6'/%3E%3C/g%3E%3C/svg%3E") 0 0 /50% 50%,linear-gradient(160deg,#94a0c4,#66729b)}.tile.start{outline-offset:2px;outline:3px dashed #4ade80}.actor{left:var(--pad);top:var(--pad);z-index:3;width:var(--cell-size);height:var(--cell-size);pointer-events:none;transform:translate(calc(var(--x,0)*var(--pitch)),calc(var(--y,0)*var(--pitch)));transition:transform .26s var(--ease-spring);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute}.actor.warp{transition:none}.hop.wrap-in{animation:hop .3s var(--ease-spring),wrap-in .26s var(--ease-out)}.wrap-exit{z-index:2;animation:wrap-out .26s var(--ease-out) forwards;transition:none}.hop{width:100%;height:100%;animation:hop .3s var(--ease-spring);grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.player-sprite{width:calc(var(--cell-size)*1.05);height:calc(var(--cell-size)*1.05);-o-object-fit:contain;object-fit:contain;margin-top:calc(var(--cell-size)*-.18);filter:drop-shadow(0 5px 3px #0000004d)}.codi,.player-sprite{-webkit-user-select:none;user-select:none;max-width:none;animation:1.6s ease-in-out infinite codi-idle}.codi{width:auto;height:calc(var(--cell-size)*.95);margin-top:calc(var(--cell-size)*-.12);transform:scaleX(var(--flip,1));filter:drop-shadow(0 6px 4px #0000004d)}.actor-failed .hop,.actor-timeup .hop{animation:.6s ease-in-out dizzy}.actor-completed .hop,.actor-success .hop{animation:.44s cubic-bezier(.2,.9,.1,1) clear-pose}.actor-completed .player-sprite,.actor-success .player-sprite{animation:1.6s ease-in-out infinite codi-idle,.36s ease-out clear-flash}.actor-completed .hop.wrap-in,.actor-success .hop.wrap-in{animation:clear-pose .44s cubic-bezier(.2,.9,.1,1),wrap-in .26s var(--ease-out)}@keyframes wrap-in{0%{opacity:0;translate:calc(var(--wrap-dx)*-1*var(--pitch)) calc(var(--wrap-dy)*-1*var(--pitch))}}@keyframes wrap-out{to{opacity:0;translate:calc(var(--wrap-dx)*var(--pitch)) calc(var(--wrap-dy)*var(--pitch))}}.landing-dust{z-index:-1;width:0;height:0;position:absolute;bottom:4%;left:50%}.landing-dust i,.landing-dust:before{opacity:0;border-radius:50%;position:absolute}.landing-dust:before{content:"";left:calc(var(--cell-size)*-.36);top:calc(var(--cell-size)*-.12);width:calc(var(--cell-size)*.72);height:calc(var(--cell-size)*.24);border:2px solid #ffffffbf;animation:.36s ease-out .17s both land-ring}.landing-dust i{top:calc(var(--cell-size)*-.08);width:calc(var(--cell-size)*.16);height:calc(var(--cell-size)*.11);background:#f0f8ffd9;animation:.38s ease-out .17s both land-puff}.landing-dust i:first-child{--puff-x:-1;left:calc(var(--cell-size)*-.2)}.landing-dust i:last-child{--puff-x:1;left:calc(var(--cell-size)*.04)}.clear-burst{--clear-ease:cubic-bezier(.2,.9,.1,1);z-index:-1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.clear-burst:after,.clear-burst:before{content:"";border-radius:clamp(8px,calc(var(--cell-size)*.2),16px);grid-area:1/1;width:100%;height:100%}.clear-burst:before{animation:clear-frame .38s var(--clear-ease) both;border:2px solid #87dfff;box-shadow:0 0 12px #87dfffaa,inset 0 0 10px #87dfff66}.clear-burst:after{background:#fff;animation:.2s ease-out both clear-impact}.clear-burst i{--angle:calc(var(--ray)*45deg);--streak:.55;width:max(2px,calc(var(--cell-size)*.04));height:calc(var(--cell-size)*var(--streak));animation:clear-streak .34s 40ms var(--clear-ease) both;background:linear-gradient(#87dfff,#fff 45%,#0000);border-radius:2px;grid-area:1/1;box-shadow:0 0 6px #87dfff}.clear-burst i:nth-child(2n){--streak:.3}@keyframes land-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}@keyframes land-puff{0%{opacity:.9;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(calc(var(--puff-x)*var(--cell-size)*.26),calc(var(--cell-size)*-.1)) scale(1.3)}}@keyframes clear-frame{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.6)}}@keyframes clear-impact{0%{opacity:.85;transform:scale(.9)}to{opacity:0;transform:scale(1.15)}}@keyframes clear-streak{0%{opacity:1;transform:rotate(var(--angle)) translateY(calc(var(--cell-size)*-.35)) scaleY(.2)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--cell-size)*-1.3)) scaleY(1)}}@keyframes hop{0%{transform:scale(1.12,.84)}45%{transform:translateY(-28%)scale(.92,1.08)}to{transform:none}}@keyframes codi-idle{50%{translate:0 -5%}}@keyframes dizzy{20%{transform:rotate(-22deg)translate(-10%)}40%{transform:rotate(18deg)translate(10%)}60%{transform:rotate(-12deg)}80%{transform:rotate(6deg)}}@keyframes clear-pose{0%{transform:scale(1.14,.82)}35%{transform:translateY(-26%)scale(.92,1.1)}70%{transform:scale(1.06,.94)}}@keyframes clear-flash{0%{filter:drop-shadow(0 0 10px #87dfff)brightness(2)}}.code-card{border:1px solid var(--cv-glass-border);border-radius:var(--cv-radius-xl);background:var(--cv-glass);min-height:0;box-shadow:var(--cv-shadow-window);grid-template-rows:auto minmax(0,1fr);justify-self:center;width:min(100%,720px);display:grid;overflow:hidden}.window-bar{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;display:flex}.window-bar h2{color:var(--cv-on-dark);font-size:.9rem;font-weight:700}.window-dots{gap:6px;display:inline-flex}.window-dots i{background:var(--cv-red);border-radius:9999px;width:10px;height:10px}.window-dots i:nth-child(2){background:var(--cv-yellow)}.window-dots i:nth-child(3){background:var(--cv-green)}.code-box{color:#e5e7eb;min-height:0;font-family:var(--cv-font-mono);font-size:var(--code-font-size);line-height:var(--code-line-height);background:#04122a99;margin:0;padding:12px 0;overflow-y:auto}.code-line{white-space:pre-wrap;border-left:4px solid #0000;align-items:center;min-height:1.12em;padding:0 14px;display:flex}.code-line-number{color:#94a3b899;text-align:right;-webkit-user-select:none;user-select:none;min-width:2ch;margin-right:1.2ch;display:inline-block}.code-token{white-space:pre-wrap}.code-token-plain{color:#e5e7eb}.code-token-keyword{color:var(--cv-coral);font-weight:800}.code-token-name{color:var(--cv-blue-light)}.code-token-number{color:var(--cv-green);font-weight:800}.code-token-punct{color:#94a3b8}.code-tile{vertical-align:.05em;background:#ffffff1f;border-radius:.4em;align-items:center;gap:.3em;margin:0 .1em;padding:.08em .4em .08em .2em;line-height:1.2;display:inline-flex}.code-tile-swatch{width:1.05em;height:1.05em;box-shadow:inset 0 -2px 2px -1px var(--bevel),inset 0 1px 1px #fff9;border-radius:.25em}.code-tile-label{color:#e5f0ff;font-weight:700}.code-negation{color:var(--cv-yellow);margin-right:.22em;font-weight:800;line-height:1;display:inline-block}.code-line.active{border-left-color:var(--cv-yellow);background:#fdca3f29}@keyframes board-jolt{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(5px)rotate(.4deg)}45%{transform:translate(-7px)rotate(-.6deg)}60%{transform:translate(7px)}}@keyframes tile-settle{0%{opacity:0;transform:scale(.82)}}@keyframes shatter-tile{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}38%{opacity:1;transform:translate(calc(var(--burst-x)*.72),calc(var(--burst-y)*.72)) rotate(var(--burst-r)) scale(.82)}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) rotate(calc(var(--burst-r)*1.8)) scale(.36)}}@media (prefers-reduced-motion:reduce){.board.cascade .tile,.board.shattering,.clear-burst i,.landing-dust{animation:none}.landing-dust,.wrap-exit{display:none}.hop.wrap-in{animation:none}.clear-burst:before{animation:.48s ease-out both clear-glow}.clear-burst i,.clear-burst:after{display:none}.actor-completed .player-sprite,.actor-success .player-sprite{animation:none}@keyframes clear-glow{0%{opacity:1}to{opacity:0}}}.game-scrollbar{scrollbar-width:thin;scrollbar-color:#9ca3af73 transparent}@supports selector(::-webkit-scrollbar){.game-scrollbar{scrollbar-width:auto;scrollbar-color:auto}.game-scrollbar::-webkit-scrollbar{background:0 0;width:6px;height:6px}.game-scrollbar::-webkit-scrollbar-corner{background:0 0}.game-scrollbar::-webkit-scrollbar-track{background:0 0}.game-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af73;border-radius:999px}.game-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3afa6}.game-scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none}}