@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.18ql67ww2ii1-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f2jdebwxs8i-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.1ygs37po_4mpd.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2ojkkrs9oa5rc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1_6ayb0k2-vor.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0w5z4e7s8jfe5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_75dbf6a0-module__V5rL5a__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_75dbf6a0-module__V5rL5a__variable{--font-bricolage:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}}:root{--bg:#eceef1;--bg-sheen:#f6f7f9;--surface:#fff;--surface-2:#f7f8fa;--ink:#181a1f;--ink-soft:#3c4049;--muted:#7b818c;--muted-2:#9aa0ab;--line:#10121817;--line-2:#1012180f;--line-strong:#10121829;--chrome:linear-gradient(180deg, #fff 0%, #eaecf0 100%);--chrome-hi:linear-gradient(180deg, #fff 0%, #f1f3f6 100%);--chrome-edge:#d3d7df;--graphite:linear-gradient(180deg, #34373f 0%, #1a1c21 100%);--graphite-hi:linear-gradient(180deg, #3d4049 0%, #232529 100%);--silver-text:linear-gradient(180deg, #2b2e35 0%, #4a4e57 60%, #2b2e35 100%);--you:#16a34a;--you-soft:#22c55e;--enemy:#ef4444;--flap-you:#f5b912;--flap-other:#fb923c;--pipe:#22c55e;--wall:#6b7280;--field:#e9eef2;--sky:#87ceeb;--r-xs:8px;--r-sm:11px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--sh-1:0 1px 2px #1012180d, 0 1px 1px #1012180a;--sh-2:0 2px 4px #1012180d, 0 6px 16px #1012180f;--sh-3:0 10px 30px #1012181a, 0 2px 8px #1012180f;--sh-4:0 24px 60px #10121829, 0 6px 18px #10121814;--sh-inset-hi:inset 0 1px 0 #ffffffe6;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--font-sans:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-bricolage), var(--font-geist-sans), sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(120% 80% at 50% -20%, var(--bg-sheen) 0%, #f6f7f900 55%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.011em;background-attachment:fixed}::selection{background:#181a1f1f}.app-sheen:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff80 0%,#fff0 18%);position:fixed;inset:0}.wordmark{font-family:var(--font-display);letter-spacing:-.045em;background:var(--silver-text);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;font-weight:700;display:inline-flex}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:600}.btn{font-family:var(--font-sans);letter-spacing:-.01em;border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;height:40px;transition:transform .14s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease), opacity .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:540;text-decoration:none;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn-primary{background:var(--graphite);color:#fff;box-shadow:inset 0 1px 0 #ffffff24, var(--sh-2);border-color:#0c0d10}.btn-primary:hover:not(:disabled){background:var(--graphite-hi);box-shadow:inset 0 1px 0 #ffffff2e, var(--sh-3)}.btn-chrome{background:var(--chrome);border-color:var(--chrome-edge);color:var(--ink);box-shadow:var(--sh-inset-hi), var(--sh-1)}.btn-chrome:hover:not(:disabled){background:var(--chrome-hi);box-shadow:var(--sh-inset-hi), var(--sh-2)}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--ink);background:#1012180d}.btn-danger:hover:not(:disabled){color:var(--enemy);background:#ef44441a}.btn-lg{border-radius:var(--r-md);height:52px;padding:0 24px;font-size:15.5px}.btn-sm{border-radius:var(--r-xs);height:32px;padding:0 12px;font-size:13px}.btn-icon{border-radius:var(--r-sm);width:36px;height:36px;padding:0}.btn-block{width:100%}.chip{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);height:30px;color:var(--ink-soft);cursor:pointer;transition:all .16s var(--ease);box-shadow:var(--sh-inset-hi);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--line-strong);box-shadow:var(--sh-inset-hi), var(--sh-1);transform:translateY(-1px)}.chip-static{cursor:default}.chip-static:hover{box-shadow:var(--sh-inset-hi);border-color:var(--line);transform:none}.chip-on{background:var(--graphite);color:#fff;box-shadow:inset 0 1px 0 #ffffff24, var(--sh-1);border-color:#0c0d10}.chip-on:hover{background:var(--graphite-hi)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-inset-hi), var(--sh-2)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-inset-hi), var(--sh-1)}.conn{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:inline-flex}.conn-dot{background:var(--muted-2);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #7b818c29}.conn.on .conn-dot{background:var(--you-soft);box-shadow:0 0 0 3px #22c55e33}.conn.connecting .conn-dot{animation:pulse 1.1s var(--ease) infinite}.conn.error{color:var(--enemy)}.conn.error .conn-dot{background:var(--enemy);animation:none;box-shadow:0 0 0 3px #ef444433}@keyframes pulse{50%{opacity:.5}}.conn-banner{z-index:40;text-align:center;color:#fff;background:linear-gradient(#ef4d4d,#d23b3b);border-bottom:1px solid #b62f2f;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:500;line-height:1.35;display:flex;position:sticky;top:60px}.input{font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:48px;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);outline:none;padding:0 16px;font-size:15px;box-shadow:inset 0 1px 2px #10121808}.input::placeholder{color:var(--muted-2)}.input:focus{border-color:var(--line-strong);box-shadow:inset 0 1px 2px #1012180a,0 0 0 4px #181a1f0f}.ready .fade-up{animation:fadeUp .5s var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ready .fade-in{animation:fadeIn .35s var(--ease) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ready .pop-in{animation:popIn .4s var(--ease-out) both}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.dots span{opacity:.4;width:5px;height:5px;animation:dotb 1.2s var(--ease) infinite;background:currentColor;border-radius:50%;margin:0 1.5px;display:inline-block}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dotb{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#10121829 padding-box content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#10121842 padding-box content-box}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.brick{background:linear-gradient(155deg,#f4f5f7 0%,#cfd3da 48%,#a3a9b4 100%);border-radius:30%;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:8%;padding:15%;display:grid;position:relative;box-shadow:inset 0 1.5px 1px #fffffff2,inset 0 -2px 3px #10121838,0 2px 5px #10121833}.brick .stud{aspect-ratio:1;background:radial-gradient(125% 125% at 36% 30%,#fbfbfc 0%,#cdd1d9 45%,#8f95a2 72%,#767c89 100%);border-radius:50%;width:100%;box-shadow:inset 0 -1.5px 1.5px #10121873,inset 0 1px 1px #ffffffd9,0 .5px 1px #ffffff80}.topbar{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(16px);border-bottom:1px solid var(--line-2);background:#eceef1b8;justify-content:space-between;align-items:center;height:60px;padding:0 clamp(18px,4vw,40px);display:flex;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;margin:-6px;padding:6px;text-decoration:none;display:inline-flex}.brand:hover .wordmark{filter:brightness(1.04)}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-div{background:var(--line);width:1px;height:22px}.backlink{cursor:pointer;font-family:var(--font-sans);color:var(--muted);transition:color .15s var(--ease), gap .15s var(--ease);background:0 0;border:none;align-items:center;gap:5px;padding:6px 2px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.backlink:hover{color:var(--ink);gap:8px}.page{flex:1;justify-content:center;padding:clamp(22px,4vw,44px) clamp(18px,4vw,40px) 80px;display:flex}.page-inner{width:100%}.ready .route-fade{animation:routeIn .34s var(--ease-out) both}@keyframes routeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.marble{background:radial-gradient(120% 120% at 32% 26%,#fff 0%,#d7dbe2 30%,#9aa1ad 60%,#585d68 100%);border-radius:50%;flex:none;display:inline-block;position:relative;box-shadow:inset 0 -2px 4px #00000047,inset 0 1px 2px #ffffffe6,0 2px 6px #10121838}.marble-hi{filter:blur(.4px);background:linear-gradient(#fffffff2,#fff0);border-radius:50%;width:38%;height:28%;position:absolute;top:12%;left:20%}.marble-busy{animation:2.4s linear infinite marbleSpin}@keyframes marbleSpin{0%{box-shadow:inset 0 -2px 4px #00000047,inset 0 1px 2px #ffffffe6,0 2px 6px #10121838}50%{box-shadow:inset 0 -2px 4px #00000047,inset 0 1px 2px #ffffffe6,0 2px 12px #10121852}}.marble-busy .marble-hi{animation:2.4s linear infinite hiOrbit}@keyframes hiOrbit{0%{transform:rotate(0)translate(2px)}to{transform:rotate(360deg)translate(2px)}}.thumb{border-radius:var(--r-md);width:100%;position:relative;overflow:hidden}.thumb-card{aspect-ratio:16/11}.thumb-lg{aspect-ratio:16/9}.thumb-mini{aspect-ratio:1;border-radius:var(--r-sm)}.thumb-card:after,.thumb-lg:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1012180f,inset 0 1px #fff6}.thumb-field{background:linear-gradient(0deg, #1012180a, #10121800), var(--field);background-image:linear-gradient(#1012180d 1px, transparent 1px), linear-gradient(90deg, #1012180d 1px, transparent 1px), linear-gradient(0deg, #1012180a, #10121800), radial-gradient(circle, var(--field), var(--field));background-size:14px 14px,14px 14px,100% 100%,100% 100%;position:absolute;inset:0}.wall{background:var(--wall);border-radius:3px;position:absolute;box-shadow:inset 0 1px #ffffff40,0 1px 2px #10121833}.wall-1{width:34%;height:9px;top:30%;left:12%}.wall-2{width:9px;height:38%;top:36%;right:26%}.tank{aspect-ratio:1;border-radius:5px;width:19%;position:absolute;box-shadow:inset 0 1px #fff6,0 2px 5px #10121847}.tank .barrel{background:inherit;filter:brightness(.85);border-radius:3px;width:52%;height:5px;position:absolute;top:42%;left:70%}.tank-you{background:var(--you-soft);bottom:16%;left:16%}.tank-enemy{background:var(--enemy);top:18%;right:16%}.tank-enemy .barrel{left:-22%}.shell{background:#2b2e35;border-radius:50%;width:7px;height:7px;position:absolute;bottom:38%;left:46%;box-shadow:0 0 6px #0000004d}.thumb-sky{background:linear-gradient(180deg, #9bd7ef 0%, var(--sky) 70%, #a9dcf0 100%);position:absolute;inset:0}.cloud{filter:blur(.3px);background:#ffffffd9;border-radius:999px;position:absolute}.cloud-1{width:30%;height:11%;top:16%;left:8%;box-shadow:14px 3px 0 -2px #ffffffb3}.cloud-2{width:22%;height:9%;top:60%;right:10%}.pipe{width:16%;position:absolute;top:0;bottom:0}.pipe-a{left:30%}.pipe-b{right:16%}.pipe-top,.pipe-bot{background:linear-gradient(90deg, #16a34a, var(--pipe) 35%, #16a34a);position:absolute;left:0;right:0;box-shadow:inset -3px 0 #0000001f,inset 3px 0 #ffffff47,0 0 0 1px #10121814}.pipe-top{border-radius:0 0 4px 4px;height:34%;top:0}.pipe-bot{border-radius:4px 4px 0 0;height:40%;bottom:0}.pipe-top.tall{height:46%}.pipe-bot.short{height:28%}.bird{aspect-ratio:1;border-radius:50%;width:13%;position:absolute;box-shadow:inset 0 -2px 3px #0000002e,inset 0 2px 2px #ffffff8c,0 2px 4px #10121833}.bird-you{background:var(--flap-you);top:44%;left:14%}.bird-other{background:var(--flap-other);top:28%;left:52%}.toast-wrap{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--graphite);color:#fff;border-radius:var(--r-pill);box-shadow:inset 0 1px 0 #ffffff24, var(--sh-3);border:1px solid #0c0d10;align-items:center;gap:9px;padding:11px 18px;font-size:13.5px;font-weight:500;display:inline-flex}.toast.good{background:linear-gradient(#1aa54e,#15833f);border-color:#0f6e34}.toast.bad{background:linear-gradient(#ef4d4d,#d23b3b);border-color:#b62f2f}.qr{box-shadow:var(--sh-1);background:#fff;border-radius:10px;display:block}.home-hero{grid-template-columns:1fr minmax(280px,360px);align-items:stretch;gap:32px;margin-bottom:30px;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero-title{letter-spacing:-.04em;color:var(--ink);margin:14px 0 0;font-size:clamp(34px,5vw,54px);font-weight:640;line-height:1.02}.hero-sub{color:var(--muted);max-width:46ch;margin:16px 0 0;font-size:16px;line-height:1.5}.hero-create{display:flex}.create-tile{text-align:left;border-radius:var(--r-lg);border:1.5px dashed var(--line-strong);background:radial-gradient(120% 100% at 80% 0%, #ffffffe6, #f7f8fa66), var(--surface-2);cursor:pointer;min-height:200px;transition:transform .18s var(--ease), box-shadow .22s var(--ease), border-color .2s var(--ease);box-shadow:var(--sh-inset-hi);color:var(--ink);flex-direction:column;flex:1;justify-content:space-between;padding:22px;text-decoration:none;display:flex;position:relative}.create-tile:hover{border-color:var(--ink-soft);box-shadow:var(--sh-inset-hi), var(--sh-3);transform:translateY(-3px)}.create-tile-mark{position:absolute;top:22px;right:22px}.create-tile-plus{border-radius:var(--r-md);background:var(--graphite);color:#fff;width:42px;height:42px;box-shadow:inset 0 1px 0 #ffffff29, var(--sh-2);place-items:center;display:grid}.create-tile-title{letter-spacing:-.025em;margin-top:16px;font-size:19px;font-weight:620}.create-tile-sub{font-family:var(--font-mono);color:var(--muted);margin-top:5px;font-size:12px}.home-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:26px;display:flex}.search{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);min-width:200px;max-width:380px;height:42px;box-shadow:var(--sh-inset-hi), inset 0 1px 2px #10121808;flex:1;align-items:center;gap:9px;padding:0 15px;display:flex}.search-input{font-family:var(--font-sans);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.search-input::placeholder{color:var(--muted-2)}.filters{gap:8px;display:flex}.gsection{margin-bottom:40px}.gsection-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.gsection-title{letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}.gsection-count{color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-inset-hi);border-radius:999px;padding:2px 8px;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:20px;display:grid}.gcard{cursor:pointer;transition:transform .18s var(--ease), box-shadow .22s var(--ease);color:inherit;padding:0;text-decoration:none;display:block;overflow:hidden}.gcard-thumb{padding:10px 10px 0;position:relative}.gcard-play{border-radius:var(--r-md);opacity:0;transition:opacity .2s var(--ease);background:#1012182e;place-items:center;display:grid;position:absolute;inset:10px 10px 0}.gcard:hover .gcard-play{opacity:1}.play-fab{background:var(--chrome);border:1px solid var(--chrome-edge);width:52px;height:52px;color:var(--ink);box-shadow:var(--sh-inset-hi), var(--sh-3);transition:transform .2s var(--ease-out);border-radius:50%;place-items:center;padding-left:3px;display:grid;transform:scale(.8)}.gcard:hover .play-fab{transform:scale(1)}.live-pill{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101218c7;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex;position:absolute;bottom:8px;left:18px}.live-dot{background:var(--you-soft);width:6px;height:6px;animation:pulse 1.4s var(--ease) infinite;border-radius:50%;box-shadow:0 0 0 2px #22c55e4d}.gcard-del{z-index:3;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;transition:opacity .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);background:#1012189e;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;left:18px}.gcard:hover .gcard-del{opacity:1}.gcard-del:hover{background:var(--enemy);transform:scale(1.06)}.gcard-remix{z-index:3;opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);position:absolute;top:18px;right:18px;transform:translateY(-3px)}.gcard:hover .gcard-remix{opacity:1;transform:none}.gcard-remix.is-busy{opacity:1}.gcard-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.type-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);background:var(--surface-2);border:1px solid var(--line-2);border-radius:6px;flex:none;padding:3px 7px;font-size:10px;font-weight:500}.gcard-rules{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.mini-chip{color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:7px;padding:3px 8px;font-size:11.5px}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:70px 20px;display:flex}.empty p{margin:0;font-size:15px}@media (max-width:760px){.home-hero{grid-template-columns:1fr}}.create-wrap{text-align:center;flex-direction:column;align-items:center;padding-top:24px;display:flex}.create-mark{margin-bottom:22px}.create-title{letter-spacing:-.035em;font-size:clamp(28px,4.5vw,40px);font-weight:640}.create-subtitle{color:var(--muted);max-width:44ch;margin:12px 0 32px;font-size:16.5px;line-height:1.5}.prompt-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;box-shadow:var(--sh-inset-hi), var(--sh-3);transition:box-shadow .25s var(--ease), border-color .2s var(--ease);padding:8px}.prompt-box:focus-within{border-color:var(--line-strong);box-shadow:var(--sh-inset-hi), var(--sh-4)}.prompt-box.is-busy{border-color:var(--line-strong)}.prompt-input{resize:none;width:100%;font-family:var(--font-sans);color:var(--ink);letter-spacing:-.015em;background:0 0;border:none;outline:none;padding:16px 16px 6px;font-size:18px;line-height:1.45}.prompt-input::placeholder{color:var(--muted-2)}.prompt-input:disabled{color:var(--ink-soft)}.prompt-foot{justify-content:space-between;align-items:center;gap:12px;padding:4px 8px 6px 16px;display:flex}.prompt-hint{color:var(--muted-2);font-size:12px}.create-status{justify-content:center;align-items:center;min-height:34px;margin-top:16px;display:flex}.status-err{color:var(--enemy);align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}.status-think{color:var(--muted);font-size:14px;font-family:var(--font-mono)}.preview-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;box-shadow:var(--sh-inset-hi), var(--sh-2);grid-template-columns:240px 1fr;gap:22px;margin-top:12px;padding:18px;display:grid}.preview-thumb{align-self:start}.preview-info{flex-direction:column;display:flex}.preview-name{letter-spacing:-.03em;margin:4px 0 8px;font-size:22px;font-weight:620}.preview-actions{gap:8px;margin-top:18px;display:flex}.examples{flex-direction:column;align-items:center;gap:12px;margin-top:30px;display:flex}.examples-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-size:11px}.examples-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:620px){.preview-card{grid-template-columns:1fr}}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:36px;margin-top:14px;display:grid}.lobby-preview{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.lobby-thumb{padding:12px}.lobby-share{padding:16px}.share-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-url{color:var(--ink-soft);word-break:break-all;margin-top:4px;font-size:13px}.share-qr{border-top:1px solid var(--line-2);flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.share-note{color:var(--muted);text-align:center;max-width:30ch;margin:0;font-size:13px;line-height:1.45}.lobby-detail{flex-direction:column;display:flex}.lobby-owner{align-items:center;gap:8px;margin-bottom:14px;display:flex}.owner-tag{letter-spacing:-.01em;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.owner-official{color:#fff;background:#181a1f}.owner-you{color:var(--you);background:#22c55e24;border:1px solid #22c55e47}.owner-player{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.lobby-name{letter-spacing:-.035em;font-size:clamp(30px,4.5vw,44px);font-weight:640;line-height:1.04}.lobby-blurb{color:var(--muted);max-width:48ch;margin:12px 0 0;font-size:16.5px;line-height:1.5}.lobby-rules{margin-top:26px}.lobby-rules-label,.players-head span:first-child{letter-spacing:.02em;color:var(--ink-soft);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.rule-chip{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-inset-hi);border-radius:999px;align-items:center;gap:8px;padding:7px 13px 7px 11px;font-size:13.5px;font-weight:500;display:inline-flex}.rule-dot{background:var(--ink);opacity:.35;border-radius:50%;width:6px;height:6px}.lobby-players{margin-top:24px;padding:16px 18px}.players-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.players-count{color:var(--muted);font-size:12px}.players-list{flex-direction:column;display:flex}.player-row{border-bottom:1px solid var(--line-2);align-items:center;gap:11px;padding:9px 0;display:flex}.player-row:last-child{border-bottom:none}.player-av{color:#fff;text-transform:uppercase;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff59,0 1px 2px #1012182e}.player-name{flex:1;font-size:14px;font-weight:500}.player-row.is-you .player-name{font-weight:620}.you-badge{font-family:var(--font-mono);letter-spacing:.08em;color:var(--you);background:#22c55e24;border-radius:5px;margin-left:6px;padding:2px 6px;font-size:9.5px;font-weight:600}.player-status{color:var(--muted-2);font-size:11px}.players-empty{color:var(--muted);padding:6px 0 2px;font-size:14px}.lobby-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}@media (max-width:860px){.lobby{grid-template-columns:1fr}.lobby-preview{position:static}}.room-top{margin-bottom:22px}.room-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:8px;display:flex}.room-name{letter-spacing:-.035em;font-size:clamp(26px,3.6vw,36px);font-weight:640}.room-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.dot-sep{color:var(--muted-2)}.room-controls{color:var(--muted);font-size:12.5px}.room-id{color:var(--muted-2);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--sh-inset-hi);border-radius:6px;padding:2px 8px;font-size:11.5px}.room-qr-wrap{position:relative}.qr-pop{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:200px;box-shadow:var(--sh-4);flex-direction:column;align-items:center;gap:11px;padding:16px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.qr-url{color:var(--muted);word-break:break-all;text-align:center;font-size:11px}.room-stage-wrap{flex-direction:column;gap:14px;display:flex;position:relative}.canvas-stage.room-stage{border-radius:var(--r-lg);width:100%;height:min(74vh,70vw);min-height:320px;box-shadow:inset 0 1px 0 #ffffff14, var(--sh-3);isolation:isolate;background:#0e0f12;border:1px solid #000;padding:0;display:block;position:relative;overflow:hidden}.canvas-host.game-fill{line-height:0;position:absolute;inset:14px}.game-canvas-host{width:100%;height:100%}.game-canvas-host canvas{border-radius:10px;display:block}.canvas-scan{pointer-events:none;background:radial-gradient(120% 90% at 50% 0,#ffffff0f,#0000 60%),radial-gradient(130% 120% at 50% 120%,#00000052,#0000 55%);border-radius:10px;position:absolute;inset:0}.canvas-badge{z-index:4;pointer-events:none;color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;display:inline-flex;position:absolute;bottom:14px;left:14px}.canvas-badge:before{content:"";background:var(--you-soft);width:6px;height:6px;box-shadow:0 0 6px var(--you-soft);animation:pulse 1.4s var(--ease) infinite;border-radius:50%}.stage-overlay{z-index:5;position:absolute}.stage-score{width:min(280px,46%);top:12px;right:12px}.scoreboard.compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--sh-2);background:#1214199e;border-color:#ffffff1f;padding:10px 12px}.scoreboard.compact .score-head span:first-child,.scoreboard.compact .score-target{color:#ffffffd1}.scoreboard.compact .score-name{color:#fff;min-width:60px}.scoreboard.compact .score-val{color:#ffffffc7}.scoreboard.compact .score-val.lead{color:#fff}.scoreboard.compact .score-empty{color:#ffffffb3}.scoreboard.compact .score-row.is-you{background:#22c55e33}.scoreboard.compact .score-bar{background:#ffffff24;border-color:#ffffff1f}.stage-controls{z-index:6;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;right:14px}.stage-btn{border-radius:var(--r-pill);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:40px;box-shadow:var(--sh-2);transition:transform .14s var(--ease), background .2s var(--ease);background:#14161ba8;border:1px solid #ffffff29;align-items:center;gap:8px;padding:0 13px;font-size:13.5px;font-weight:540;display:inline-flex}.stage-btn:hover{background:#24272ed1;transform:translateY(-1px)}.stage-btn:active{transform:translateY(1px)}.stage-btn.stage-btn-ai{padding-left:9px}.demo{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.demo-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:11px}.demo-presets{flex-wrap:wrap;flex:1;gap:7px;display:flex}.room-rail{flex-direction:column;gap:18px;display:flex;position:sticky;top:80px}.chat{flex-direction:column;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line-2);align-items:center;gap:11px;padding:16px 16px 14px;display:flex}.chat-title{letter-spacing:-.02em;font-size:15px;font-weight:620}.chat-sub{color:var(--muted);margin-top:1px;font-size:12px}.chat-body{flex-direction:column;gap:8px;min-height:96px;max-height:280px;padding:14px 16px;display:flex;overflow-y:auto}.msg{border-radius:13px;align-items:center;gap:8px;max-width:90%;padding:9px 12px;font-size:13.5px;display:inline-flex}.msg-me{background:var(--graphite);color:#fff;border-bottom-right-radius:5px;align-self:flex-end;box-shadow:inset 0 1px #ffffff1f}.msg-ai{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink-soft);border-bottom-left-radius:5px;align-self:flex-start}.msg-ic{width:16px;height:16px;color:var(--you);background:#22c55e29;border-radius:50%;flex:none;place-items:center;display:grid}.msg-done{color:var(--you);margin-left:2px;font-size:10px}.msg-refused{color:var(--ink-soft);background:#ef444412;border-color:#ef444433;max-width:100%}.msg-think{color:var(--muted)}.chat-suggest{flex-wrap:wrap;gap:6px;padding:4px 16px 12px;display:flex}.suggest-chip{color:var(--ink-soft);white-space:nowrap;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:all .15s var(--ease);box-shadow:var(--sh-inset-hi);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500}.suggest-chip:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.suggest-chip:disabled{opacity:.5;cursor:default}.chat-input-row{border-top:1px solid var(--line-2);background:var(--surface-2);gap:8px;padding:12px 14px;display:flex}.chat-input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);height:40px;font-family:var(--font-sans);color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);outline:none;flex:1;padding:0 13px;font-size:14px}.chat-input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #181a1f0f}.scoreboard{padding:16px}.score-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.score-head span:first-child{align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.score-target{color:var(--muted);font-size:11px}.score-list{flex-direction:column;gap:3px;display:flex}.score-row{transition:background .2s var(--ease);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.score-row.is-you{background:#22c55e12}.score-sq{border-radius:4px;flex:none;width:13px;height:13px;box-shadow:inset 0 1px #fff6,0 1px 2px #10121833}.score-name{flex:none;align-items:center;gap:6px;min-width:84px;font-size:13.5px;font-weight:500;display:inline-flex}.score-bar{background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.score-bar span{height:100%;transition:width .5s var(--ease);border-radius:999px;display:block}.score-val{color:var(--muted);text-align:right;min-width:18px;font-size:13px;font-weight:500}.score-val.lead{color:var(--ink);font-weight:700}.score-empty{color:var(--muted);padding:4px 2px;font-size:13px}.chat-drawer{z-index:8;opacity:0;visibility:hidden;width:min(382px,100% - 24px);transition:transform .32s var(--ease), opacity .2s var(--ease), visibility .32s;display:flex;position:absolute;top:12px;bottom:12px;right:12px;transform:translate(calc(100% + 28px))}.chat-drawer.open{opacity:1;visibility:visible;transform:none}.chat-drawer .chat{width:100%;height:100%;box-shadow:var(--sh-4)}.chat-drawer .chat-body{flex:1;min-height:60px;max-height:none}.chat-head-text{flex:1;min-width:0}.chat-close{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease);border-radius:8px;flex:none;place-items:center;display:grid}.chat-close:hover{color:var(--ink);border-color:var(--line-strong)}.ai-terminal{background:#0c0e12;border:1px solid #11141a;border-radius:10px;margin:0 14px 4px;overflow:hidden}.term-bar{background:#14171d;border-bottom:1px solid #0a0c10;align-items:center;gap:6px;padding:6px 10px;display:flex}.term-dot{background:#3a3f48;border-radius:50%;width:8px;height:8px}.term-dot:first-child{background:#ef5f57}.term-dot:nth-child(2){background:#f6bd3b}.term-dot:nth-child(3){background:#2bca42}.term-name{color:#6b7280;margin-left:8px;font-size:10.5px}.term-body{color:#c9d1d9;min-height:58px;max-height:122px;padding:9px 11px;font-size:11.5px;line-height:1.7;overflow:auto}.term-idle{color:#4b515c}.term-line{white-space:pre-wrap;word-break:break-word}.term-line[data-kind=\$]{color:#7aa2f7}.term-line[data-kind=\~]{color:#9ece6a}.term-line[data-kind=✓]{color:#2bca42}.ready .term-line{animation:termLine .26s var(--ease-out) both}@keyframes termLine{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.touch-controls{z-index:7;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 18px;display:none;position:absolute;bottom:14px;left:0;right:0}.touch-controls>*{pointer-events:auto}.touch-controls.flappy{justify-content:center}.dpad{width:150px;height:150px;position:relative}.dbtn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:50px;height:50px;box-shadow:var(--sh-2);background:#14161b99;border:1px solid #ffffff2e;border-radius:14px;place-items:center;display:grid;position:absolute}.dbtn:active{background:#22c55e80}.dbtn.up{top:0;left:50px}.dbtn.down{bottom:0;left:50px}.dbtn.left{top:50px;left:0}.dbtn.right{top:50px;right:0}.fire-btn{color:#fff;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:78px;height:78px;box-shadow:var(--sh-3);background:#ef444457;border:1px solid #ef444480;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.fire-btn:active{background:#ef44449e}.touch-flap{border-radius:var(--r-pill);color:#fff;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;height:56px;box-shadow:var(--sh-3);background:#f5b9124d;border:1px solid #f5b91280;align-items:center;gap:8px;padding:0 28px;font-size:14px;font-weight:700;display:inline-flex}.touch-flap:active{background:#f5b9128c}@media (max-width:860px){.touch-controls{display:flex}}.room.is-chatting .stage-controls,.room.is-chatting .touch-controls{display:none}.gameover-overlay{z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c1080;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.gameover-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-4);text-align:center;flex-direction:column;gap:16px;width:min(300px,88%);padding:24px 26px;display:flex}.go-title{letter-spacing:-.03em;color:var(--ink);font-size:24px;font-weight:680}.go-stats{gap:10px;display:flex}.go-stat{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.go-stat-label{letter-spacing:.14em;color:var(--muted);font-size:10px}.go-stat-val{color:var(--ink);letter-spacing:-.02em;font-size:26px;font-weight:700}body.sb-theater .topbar,body.sb-theater .conn-banner,body.sb-theater .sidebar{display:none}body.sb-theater .has-sidebar .app-main{padding-left:0}.room.is-theater .room-top,.room.is-theater .demo{display:none}.room.is-theater .canvas-stage.room-stage{z-index:100;border:none;border-radius:0;width:100vw;height:100vh;min-height:0;max-height:none;position:fixed;inset:0}.room.is-theater .canvas-host.game-fill{inset:0}@media (max-width:860px){.canvas-stage.room-stage{height:58vh}.stage-score{width:min(220px,54%)}.chat-drawer{width:100%;top:0;bottom:0;right:0}.chat-drawer .chat{border-radius:0}.stage-controls .stage-btn-ai span{display:none}.stage-controls .stage-btn-ai{justify-content:center;width:40px;padding:0}}.notfound{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:40px;display:flex}.nf-title{letter-spacing:-.04em;text-align:center;background:var(--silver-text);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:22px;font-size:clamp(40px,7vw,64px);font-weight:680;line-height:1}.notfound h2{font-size:22px;font-weight:620}.notfound p{color:var(--muted);max-width:38ch;margin:6px 0 20px;font-size:16px;line-height:1.5}.nf-code{font-family:var(--font-mono);color:var(--muted-2);letter-spacing:.1em;font-size:13px}.nf-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hub-home,.shelf-title,.lp-title,.lp-showcase-title,.feat-title,.hero-title,.create-title,.lobby-name,.room-name,.preview-name,.go-title{font-family:var(--font-display)}.has-sidebar .app-main{flex-direction:column;min-height:100vh;padding-left:84px;display:flex}.sidebar{z-index:60;border-right:1px solid var(--line);width:84px;box-shadow:1px 0 0 #fff9 inset, var(--sh-1);background:linear-gradient(#f3f4f7 0%,#e9ebf0 100%);flex-direction:column;align-items:center;padding:14px 0 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.side-logo{cursor:pointer;transition:transform .15s var(--ease), filter .15s var(--ease);filter:drop-shadow(0 2px 5px #1012182e);background:0 0;border:none;border-radius:14px;padding:6px 8px 4px}.side-logo:hover{filter:drop-shadow(0 3px 8px #10121847);transform:scale(1.08)}.side-items{flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;margin-top:14px;display:flex}.side-item{cursor:pointer;width:64px;color:var(--muted);font-family:var(--font-sans);transition:color .15s var(--ease), background .15s var(--ease), transform .12s var(--ease);background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:9px 0 7px;display:flex;position:relative}.side-item:hover{color:var(--ink);background:#1012180d}.side-item:active{transform:scale(.96)}.side-item.is-active{color:var(--ink);background:var(--chrome);border:1px solid var(--chrome-edge);box-shadow:var(--sh-inset-hi), var(--sh-1)}.side-ic{place-items:center;height:24px;display:grid;position:relative}.side-label{letter-spacing:-.01em;font-size:10.5px;font-weight:540}.side-badge{background:var(--enemy);color:#fff;min-width:15px;height:15px;box-shadow:0 0 0 2px var(--bg-sheen);border-radius:999px;place-items:center;padding:0 4px;font-size:9.5px;font-weight:700;display:grid;position:absolute;top:-5px;right:-8px}.side-account{cursor:pointer;transition:transform .15s var(--ease);background:0 0;border:none;border-radius:50%;margin-top:8px;padding:4px}.side-account:hover{transform:scale(1.07)}.logomark{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:contain;flex:none;display:block}.logomark-glow{filter:drop-shadow(0 2px 6px #10121838)}.wm-inline{font-family:var(--font-display);letter-spacing:-.05em;color:var(--ink);align-items:center;font-weight:700;line-height:1;display:inline-flex}.wm-part{background:var(--silver-text);color:#0000;-webkit-background-clip:text;background-clip:text}.wm-t{object-fit:contain;width:1.42em;height:1.42em;margin:0 -.34em -.06em -.3em;transform:translateY(-.06em)}.brand:hover .wm-part{filter:brightness(1.05)}.brand:hover .wm-t{filter:drop-shadow(0 1px 3px #10121840)}.topnav-link{cursor:pointer;font-family:var(--font-sans);color:var(--muted);transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:none;border-radius:9px;padding:7px 11px;font-size:14px;font-weight:500;text-decoration:none}.topnav-link:hover{color:var(--ink);background:#1012180d}.topnav-link.is-active{color:var(--ink);background:#1012180f}.hub-banner{border-radius:var(--r-xl);border:1px solid var(--line);min-height:224px;box-shadow:var(--sh-inset-hi), var(--sh-2);background:radial-gradient(150% 130% at 90% -10%,#ffffffeb,#fff0 56%),linear-gradient(135deg,#f4f5f8 0%,#e7e9ef 52%,#dadde4 100%);flex-direction:column;justify-content:flex-end;margin-bottom:28px;padding:38px 40px 30px;display:flex;position:relative;overflow:hidden}.hub-banner-art{object-fit:contain;opacity:.06;pointer-events:none;width:270px;height:270px;position:absolute;top:50%;right:-34px;transform:translateY(-50%)}.hub-search{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-pill);width:min(320px,42vw);height:44px;box-shadow:var(--sh-inset-hi), var(--sh-1);background:#ffffffd9;align-items:center;gap:10px;padding:0 16px;display:flex;position:absolute;top:26px;right:30px}.hub-search-input{font-family:var(--font-sans);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.hub-search-input::placeholder{color:var(--muted-2)}.hub-wordmark{font-size:clamp(44px,7.4vw,86px);line-height:.9}.hub-greeting{margin-top:16px}.hub-home{letter-spacing:-.03em;color:var(--ink);font-size:clamp(24px,3vw,33px);font-weight:640}.hub-welcome{color:var(--muted);margin:3px 0 0;font-size:16px}.shelf-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.shelf-title{letter-spacing:-.025em;color:var(--ink);white-space:nowrap;font-size:19px;font-weight:700}.shelf-n{color:var(--muted-2);font-weight:500}.see-all{cursor:pointer;font-family:var(--font-sans);color:var(--muted);transition:color .15s var(--ease), gap .15s var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 6px;font-size:13.5px;font-weight:500;display:inline-flex}.see-all:hover{color:var(--ink);gap:7px}.hub-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;display:flex}.create-pill{margin-left:auto}.frow{margin-bottom:36px}.frow-rail{gap:4px;margin:0 -6px;padding:2px 6px 8px;display:flex;overflow-x:auto}.friend{cursor:pointer;width:92px;transition:background .15s var(--ease);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:8px 2px;display:flex}.friend:hover{background:#1012180a}.friend-name{color:var(--ink);text-align:center;max-width:88px;font-size:12px;font-weight:560;line-height:1.2}.friend-sub{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:10.5px;overflow:hidden}.friend-sub.playing{color:var(--you);font-weight:500}.avatar{flex:none;position:relative}.avatar-disc{color:#fff;text-transform:uppercase;border-radius:50%;place-items:center;width:100%;height:100%;font-weight:700;display:grid;box-shadow:inset 0 1.5px 1px #ffffff80,inset 0 -3px 5px #0000002e,0 2px 5px #1012182e}.avatar-status{border:3px solid var(--bg);border-radius:50%;width:15px;height:15px;position:absolute;bottom:0;right:0}.friend-invite .invite-disc{width:64px;height:64px;color:var(--muted);background:var(--surface-2);border:1.5px dashed var(--line-strong);transition:color .15s var(--ease), border-color .15s var(--ease);border-radius:50%;place-items:center;display:grid}.friend-invite:hover .invite-disc{color:var(--ink);border-color:var(--ink-soft)}.gcard{box-shadow:none;border-radius:var(--r-md);transition:transform .18s var(--ease);background:0 0;border:none;overflow:visible}.gcard:hover{box-shadow:none;transform:translateY(-4px)}.gcard:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.gcard-thumb{box-shadow:var(--sh-1);transition:box-shadow .22s var(--ease);padding:0}.gcard:hover .gcard-thumb{box-shadow:var(--sh-3)}.gcard-play{inset:0}.gcard-del{top:10px;left:10px}.gcard-remix{top:10px;right:10px}.gcard-body{padding:11px 4px 4px}.gcard-name{letter-spacing:-.02em;font-size:15.5px;font-weight:600}.gcard-players{color:var(--muted);align-items:center;gap:7px;margin-top:4px;font-size:12.5px;display:inline-flex}.players-dot{background:var(--muted-2);border-radius:50%;flex:none;width:7px;height:7px}.players-dot.on{background:var(--you-soft);animation:pulse 1.6s var(--ease) infinite;box-shadow:0 0 0 2px #22c55e38}@media (max-width:720px){.hub-search{width:100%;margin-bottom:18px;position:static}.hub-banner{padding-top:24px}}.landing .page-inner{flex-direction:column;display:flex}.lp-hero{text-align:center;flex-direction:column;align-items:center;padding:28px 0 12px;display:flex}.lp-eyebrow{margin-top:22px}.lp-title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;max-width:16ch;margin-top:14px;font-size:clamp(38px,5.6vw,62px);font-weight:700;line-height:1.05}.lp-sub{color:var(--muted);text-wrap:pretty;max-width:60ch;margin:20px 0 0;font-size:17.5px;line-height:1.55}.lp-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.lp-feats{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px;display:grid}.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-inset-hi), var(--sh-1);padding:24px}.feat-ic{border-radius:var(--r-md);width:44px;height:44px;color:var(--ink);background:var(--chrome);border:1px solid var(--chrome-edge);box-shadow:var(--sh-inset-hi), var(--sh-1);place-items:center;margin-bottom:16px;display:grid}.feat-title{letter-spacing:-.02em;font-size:17px;font-weight:620}.feat-body{color:var(--muted);text-wrap:pretty;margin:9px 0 0;font-size:14.5px;line-height:1.55}.lp-showcase{margin-top:64px}.lp-showcase-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.lp-showcase-title{letter-spacing:-.03em;font-size:22px;font-weight:640}.lp-showcase-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.lp-tile{cursor:pointer;transition:transform .18s var(--ease), box-shadow .22s var(--ease);text-align:left;color:inherit;padding:8px;text-decoration:none}.lp-tile:hover{box-shadow:var(--sh-inset-hi), var(--sh-3);transform:translateY(-4px)}.lp-tile-foot{justify-content:space-between;align-items:center;gap:8px;padding:9px 6px 4px;display:flex}.lp-tile-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:560;overflow:hidden}.lp-tile-live{color:var(--muted);flex:none;align-items:center;gap:5px;font-size:11px;display:inline-flex}@media (max-width:880px){.lp-feats{grid-template-columns:1fr}.lp-showcase-grid{grid-template-columns:repeat(2,1fr)}}@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-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}