@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.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:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.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:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.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:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.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:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.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:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.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:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.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:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.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:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.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:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.BewQXq_className{font-family:Nunito,Nunito Fallback;font-style:normal}.BewQXq_variable{--font-body:"Nunito", "Nunito Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.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.3f4zuumv8svu0.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.34r5yzckw0h2s.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.2jyz_zw3a8jit.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.30bdpjkrtcces.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-20C4,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.1v5bejj26fx9h.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%}.rdjX_G_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.rdjX_G_variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.MtaT8q_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.MtaT8q_variable{--font-brand:"Fredoka", "Fredoka Fallback"}
:root{--bg:#09090b;--bg-2:#0c0c0e;--panel:#121214;--panel-2:#18181b;--panel-3:#222226;--line:#232327;--line-2:#2e2e33;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--primary:#d4af37;--primary-hover:#e0bf52;--primary-soft:#d4af371f;--on-primary:#0b0b0c;--stop:#ef4444;--accent:#e8cf8a;--good:#4ade80;--bad:#f87171;--radius:14px;--radius-sm:10px;--topbar:60px;--shadow:0 1px 0 #ffffff08 inset, 0 12px 32px #00000073;--heading:var(--font-body), system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}body{min-height:100vh;font-family:var(--font-body), system-ui, sans-serif}a{color:inherit}code{font-family:var(--font-mono), ui-monospace, monospace;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.88em}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--heading);letter-spacing:-.025em;font-weight:600}::selection{background:var(--primary);color:var(--on-primary)}.icon{flex:none}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:14px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--panel-3);border-color:#3a3a40}.btn:focus-visible,.chip:focus-visible,.modes button:focus-visible,.format:focus-visible,.tabs a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:var(--panel-2)}.btn.play{background:var(--text);border-color:var(--text);color:var(--on-primary);font-weight:600}.btn.play:hover{background:#fff}.btn.stop{background:var(--stop);border-color:var(--stop);color:#fff}.btn.stop:hover{background:#f05252}.btn.rec{color:#fca5a5;background:#ef444414;border-color:#ef444459}.btn.rec .icon{color:var(--stop)}.btn.rec:hover{background:#ef444424}.btn.rec:disabled{opacity:1;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{background:#ef444433}}.btn.small{border-radius:8px;gap:6px;height:32px;padding:0 11px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn.primary:disabled{opacity:1;background:var(--panel-3);border-color:var(--line-2);color:var(--faint)}.linklike{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.linklike:hover{color:var(--text)}.inline-form{margin:0;display:inline}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:9px;padding:6px 13px;font-size:13px;font-weight:450;transition:color .15s,border-color .15s,background .15s}.chip:hover{color:var(--text);border-color:var(--line-2);background:var(--panel-2)}.muted{color:var(--muted);margin:0}.small{font-size:13px}.form-error{color:var(--bad);margin:0;font-size:14px;font-weight:500}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 12px var(--primary);border-radius:50%}.topbar{z-index:10;height:var(--topbar);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);background:#09090bcc;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-brand), var(--font-body), sans-serif;letter-spacing:-.01em;align-items:center;gap:9px;margin-right:6px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand b{color:var(--primary);font-weight:700}.brand svg{transition:transform .2s}.brand:hover svg{transform:rotate(-6deg)}.topnav{align-items:center;gap:2px;display:flex}.topnav a:not(.btn){color:var(--muted);border-radius:8px;padding:7px 11px;font-size:14px;font-weight:500;text-decoration:none}.topnav a:not(.btn):hover{color:var(--text);background:var(--panel-2)}.topnav .btn{margin-left:10px}.search{flex:1;max-width:360px;margin-left:auto}.search input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2371717a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l3.5 3.5'/%3E%3C/svg%3E") no-repeat 12px center;width:100%;height:36px;padding:0 12px 0 36px;font-size:14px}.search input::placeholder{color:var(--faint)}.search input:focus{border-color:var(--line-2);background-color:var(--panel-2);outline:none}.account{align-items:center;gap:8px;display:flex}.avatar{width:30px;height:30px;color:var(--on-primary);background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.account .who{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:500;overflow:hidden}.account .save{background:var(--text);color:var(--on-primary);border-color:var(--text)}.account .gear{width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.account .gear:hover{color:var(--text);background:var(--panel-2)}.streak{color:#fdba74;font-variant-numeric:tabular-nums;background:#fb923c14;border:1px solid #fb923c4d;border-radius:999px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.streak.cold{border-color:var(--line);color:var(--faint);background:0 0}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}.footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;margin-top:72px;margin-left:auto;margin-right:auto;padding:36px 24px;font-size:13px;display:flex}.footer-brand{color:var(--text);font-family:var(--font-brand), var(--font-body), sans-serif;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.footer nav{gap:18px;margin-left:auto;display:flex}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--text)}.hero{border-bottom:1px solid var(--line);padding:72px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 82% 30%,#d4af3721,#0000 70%);position:absolute;inset:0}.hero:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 70% 20%,#000 10%,#0000 70%);mask-image:radial-gradient(70% 80% at 70% 20%,#000 10%,#0000 70%)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:48px;display:grid;position:relative}.hero h1{letter-spacing:-.04em;max-width:760px;margin:16px 0;font-size:clamp(34px,5vw,58px);font-weight:600;line-height:1.04}.hero h1 em{color:var(--primary);font-style:normal}.hero-lede{color:var(--muted);max-width:580px;margin:0 0 30px;font-size:17px}.mascot{place-items:center;height:300px;display:grid;position:relative}.mascot .halo{background:radial-gradient(circle,#d4af371a,#0000 65%);border:1px solid #d4af3738;border-radius:50%;width:280px;height:280px;position:absolute}.mascot .halo:after{content:"";border:1px dashed #d4af3724;border-radius:50%;position:absolute;inset:24px}.mascot svg{filter:drop-shadow(0 20px 30px #0000008c);animation:5s ease-in-out infinite bob;position:relative}@keyframes bob{50%{transform:translateY(-6px)}}.create{flex-direction:column;gap:14px;max-width:720px;display:flex}.create-page .create{margin:0 auto}.modes{background:var(--panel);border:1px solid var(--line);border-radius:11px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.create-page .modes{align-self:center}.modes button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:550;display:inline-flex}.modes button.on .icon{color:var(--primary)}.modes button:not(.on):hover{color:var(--text)}.create-box{background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:16px;align-items:flex-end;gap:10px;padding:10px;transition:border-color .15s,box-shadow .15s;display:flex}.create-box:focus-within{box-shadow:var(--shadow), 0 0 0 4px var(--primary-soft);border-color:#d4af378c}.create-box textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:56px;padding:8px;font-size:16px;line-height:1.5}.create-box textarea::placeholder{color:var(--faint)}.formats{flex-wrap:wrap;gap:6px;display:flex}.format{border:1px solid var(--line);height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:9px;padding:0 12px 0 10px;font-size:13px;font-weight:500;display:inline-flex}.format:hover{color:var(--text);border-color:var(--line-2)}.format i{border:1.5px solid;border-radius:2px;display:inline-block}.format.portrait i{width:9px;height:15px}.format.landscape i{width:16px;height:10px}.format.square i{width:12px;height:12px}.format.on{color:var(--text);background:var(--primary-soft);border-color:#d4af3780}.format.on i{border-color:var(--primary)}.ideas{flex-wrap:wrap;gap:6px;display:flex}.create-page .ideas,.create-page .formats{justify-content:center}.row{margin-top:48px}.row-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.row-head h2{margin:0;font-size:19px;font-weight:600}.see-all{color:var(--muted);align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.see-all:hover{color:var(--primary)}.row-tiles{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(180px,210px);grid-auto-flow:column;gap:16px;padding:2px 2px 12px;display:grid;overflow-x:auto}.row-tiles>*{scroll-snap-align:start}.tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.tile{border-radius:var(--radius);flex-direction:column;gap:10px;text-decoration:none;display:flex;position:relative}.tile .art{border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}.tile:hover .art{border-color:#d4af3773;transform:translateY(-3px);box-shadow:0 16px 30px #00000080}.tile:focus-visible{outline:none}.tile:focus-visible .art{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tile-body{flex-direction:column;gap:1px;padding:0 2px;display:flex}.tile-body b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;line-height:1.3;overflow:hidden}.tile-body .muted{font-size:12.5px}.badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;z-index:2;background:#09090bb3;border:1px solid #ffffff14;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:550;position:absolute;top:9px;left:9px}.art{aspect-ratio:4/3;border-radius:var(--radius);place-items:center;display:grid;position:relative;overflow:hidden}.art:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000 40%);position:absolute;inset:0}.art span{filter:drop-shadow(0 8px 14px #00000080);z-index:1;font-size:46px}.art.big{aspect-ratio:16/9;border:0;border-radius:0}.art.big span{font-size:clamp(72px,11vw,120px)}.how{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;margin-top:72px;display:grid;overflow:hidden}.how>div{background:var(--bg-2);padding:26px 26px 28px}.how .step{font-family:var(--font-mono), monospace;color:var(--primary);margin-bottom:14px;font-size:12px;display:block}.how p{color:var(--muted);margin:6px 0 0;font-size:14px}.discover{padding-top:40px;padding-bottom:40px}.discover-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.discover-head h1{margin:0;font-size:30px}.discover h2{margin:48px 0 14px;font-size:19px}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:11px;gap:2px;padding:3px;display:flex}.tabs a{color:var(--muted);border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none}.tabs a:hover{color:var(--text)}.empty{background:var(--panel);border:1px dashed var(--line-2);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px;display:flex}.empty p{color:var(--muted);margin:0}.game-page{padding-top:28px;padding-bottom:40px}.game-stage{border:1px solid var(--line);aspect-ratio:16/9;max-height:calc(100vh - var(--topbar) - 190px);width:100%;box-shadow:var(--shadow);background:#000;border-radius:16px;margin:0 auto;position:relative;overflow:hidden}.game-stage.playing{aspect-ratio:auto;height:calc(100vh - var(--topbar) - 170px);max-height:none}.game-stage iframe{background:#000;border:0;width:100%;height:100%;display:block}.game-stage:fullscreen{border:0;border-radius:0;height:100vh;max-height:none}.cover{all:unset;cursor:pointer;width:100%;height:100%;display:block;position:relative}.cover .art{aspect-ratio:auto;width:100%;height:100%}.play-badge{width:68px;height:68px;color:var(--on-primary);z-index:2;background:#fffffff2;border-radius:50%;place-items:center;padding-left:5px;transition:transform .18s;display:grid;position:absolute;bottom:24px;right:24px;box-shadow:0 12px 40px #0009,0 0 0 8px #ffffff14}.cover:hover .play-badge{transform:scale(1.06)}.stage-controls{z-index:3;gap:8px;display:flex;position:absolute;top:12px;right:12px}.stage-controls .btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090bd1}.stage-controls .btn.stop{background:var(--stop)}.stage-hint{text-align:center;margin:12px 0 0}.game-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:24px;display:flex}.game-title h1{margin:0;font-size:clamp(26px,3.4vw,36px);line-height:1.15}.game-title p{margin:6px 0 0;font-size:14px}.game-title p b{color:var(--text);font-weight:550}.game-actions{flex-wrap:wrap;gap:10px;display:flex}.game-stats{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:24px;margin-top:20px;padding:16px 20px;display:flex}.game-stats:empty{display:none}.game-stats div{border-right:1px solid var(--line);flex-direction:column;min-width:70px;padding-right:24px;display:flex}.game-stats div b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.game-stats div span{color:var(--muted);font-size:12px}.game-stats p{color:var(--muted);margin:0;font-size:14px}.create-page{padding-top:56px;padding-bottom:40px}.create-page h2{margin:56px 0 14px;font-size:19px}.create-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.create-hero h1{letter-spacing:-.035em;margin:14px 0 8px;font-size:clamp(30px,4.2vw,44px)}.create-hero>p{max-width:560px;margin-bottom:28px;font-size:16px}.create-hero .create{width:100%}.starters{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.starter{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:76px 1fr auto;align-items:center;gap:14px;padding:10px;transition:border-color .15s,background .15s;display:grid}.starter:hover{border-color:var(--line-2);background:var(--panel-2)}.starter .art{aspect-ratio:1;border:1px solid var(--line);border-radius:10px}.starter .art span{font-size:32px}.starter b{font-size:15px;font-weight:550;display:block}.starter p{margin:2px 0 0}.kind{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.studio{height:calc(100vh - var(--topbar));grid-template-columns:minmax(340px,420px) 1fr;display:grid}.chat{border-right:1px solid var(--line);background:var(--bg-2);flex-direction:column;min-height:0;display:flex}.chat-wrap{flex:1;min-height:0;display:flex}.stage{flex-direction:column;min-width:0;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--line);background:var(--bg-2);scrollbar-width:none;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.toolbar>*{flex:none}.toolbar .title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:60px;padding-left:4px;font-size:15px;font-weight:600;overflow:hidden}.toolbar input,.toolbar select{background:var(--panel-2);height:32px;color:var(--text);border:1px solid var(--line-2);border-radius:8px;padding:0 10px;font-size:13px}.toolbar input{text-transform:uppercase;width:110px}.toolbar select{max-width:200px}.screen{background:#050506;background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:20px 20px;flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;position:relative}.screen iframe{width:100%;max-width:560px;height:100%;box-shadow:0 0 0 1px var(--line);background:#000;border:0}.screen.full iframe{max-width:none;box-shadow:none}.errbar{color:#fecaca;background:#ef44441a;border-bottom:1px solid #ef444440;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.errbar span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.building{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 14px;font-size:13px;display:flex;position:relative;overflow:hidden}.building:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:35%;height:2px;animation:1.4s ease-in-out infinite building-slide;position:absolute;bottom:0;left:0}.building .what{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.building .what b{font-weight:600}.building .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.building .spinner{border:2px solid var(--line-2);border-top-color:var(--primary);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite building-spin}@keyframes building-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes building-spin{to{transform:rotate(360deg)}}.saved{color:var(--good);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.setup{flex-direction:column;gap:10px;max-width:380px;margin:auto;padding:24px;display:flex}.setup h3{margin:0}.setup p{color:var(--muted);margin:0;font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:18px;display:flex}.auth{justify-content:center;padding:64px 16px;display:flex}.auth form{width:100%;max-width:400px;box-shadow:var(--shadow);gap:14px;padding:32px}.auth .auth-dog{align-self:center}.auth h1{text-align:center;margin:0;font-size:24px}.auth form>.muted{text-align:center;margin-top:-6px;font-size:14px}.auth label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.auth input{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg);height:40px;color:var(--text);padding:0 12px;font-size:14px}.auth input:focus{box-shadow:0 0 0 3px var(--primary-soft);border-color:#d4af3799;outline:none}.auth .or{color:var(--faint);align-items:center;gap:12px;margin:0;display:flex}.auth .or:before,.auth .or:after{content:"";background:var(--line);flex:1;height:1px}.auth .btn{justify-content:center;height:40px}.prose{max-width:760px;margin:0 auto;padding:48px 24px}.prose h1{font-size:34px}.prose h2{margin-top:36px;font-size:20px}.prose li{color:#d4d4d8;margin:6px 0}.prose pre{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;font-size:13px;overflow-x:auto}.settings{max-width:760px;padding-top:40px;padding-bottom:48px}.settings-title{align-items:center;gap:14px;margin-bottom:24px;display:flex}.settings-title h1{margin:0;font-size:28px}.settings-card{gap:14px;padding:24px}.settings-card h2{margin:0 0 4px;font-size:18px}.settings-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-row{flex-wrap:wrap;align-items:flex-end;gap:10px;font-size:13px;font-weight:500;display:flex}label.settings-row{flex-direction:column;align-items:stretch}.settings-row label{min-width:240px;color:var(--muted);flex-direction:column;flex:1;gap:6px;display:flex}.settings-row input,.settings-row select{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg);height:40px;color:var(--text);padding:0 12px;font-size:14px}.settings-row input:focus,.settings-row select:focus{box-shadow:0 0 0 3px var(--primary-soft);border-color:#d4af3799;outline:none}.pill{white-space:nowrap;border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:550}.pill.on{background:var(--primary-soft);color:var(--primary);border-color:#d4af3766}.guides{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;padding:18px 44px 18px 18px;text-decoration:none;transition:border-color .15s;display:flex;position:relative}.guide-card:hover{border-color:#d4af3773}.guide-card b{font-weight:600}.guide-card .icon{color:var(--primary);position:absolute;top:20px;right:18px}.faq{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq details{border-bottom:1px solid var(--line);background:var(--bg-2)}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:16px 20px;font-weight:550;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--primary);font-size:18px;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:760px;margin:0;padding:0 20px 18px;font-size:14px}.guide-hero .wrap{max-width:860px}.guide-hero .hero-lede p{margin:0}.crumbs{color:var(--faint);margin-bottom:18px;font-size:13px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text)}.guide{max-width:860px;padding-top:24px}.guide section{margin-top:48px}.guide h2{letter-spacing:-.02em;margin:0 0 14px;font-size:24px}.guide p,.guide li{color:#d4d4d8;font-size:16px;line-height:1.7}.guide p{margin:0 0 14px}.guide ol,.guide ul{flex-direction:column;gap:8px;margin:0 0 14px;padding-left:22px;display:flex}.guide li b{color:var(--text);font-weight:600}.guide a{color:var(--primary);text-underline-offset:3px}.guide .guide-card,.guide .guide-card b{color:var(--text);text-decoration:none}.guide table{border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;margin:6px 0 16px;font-size:14px;overflow:hidden}.guide th,.guide td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.guide th{background:var(--panel);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.guide td{color:#d4d4d8}.guide tr:last-child td{border-bottom:0}.admin{padding-top:40px;padding-bottom:48px}.admin h1{margin:0 0 8px;font-size:28px}.admin h2{margin:36px 0 12px;font-size:18px}.admin table{border-collapse:collapse;border:1px solid var(--line);width:100%;font-size:13px}.admin th,.admin td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.admin th{background:var(--panel);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.admin td a,.admin a{color:var(--primary)}.admin .crumbs a{color:var(--muted)}.stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin-top:18px;display:grid;overflow:hidden}.stats div{background:var(--bg-2);flex-direction:column;padding:14px 16px;display:flex}.stats b{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.stats span{color:var(--muted);font-size:12px}.admin-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.feed{border:1px solid var(--line);border-radius:var(--radius-sm);max-height:640px;margin:0;padding:0;list-style:none;overflow-y:auto}.feed li{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:10px;padding:9px 12px;font-size:13px;display:grid}.feed li:last-child{border-bottom:0}.feed time{color:var(--faint);font-variant-numeric:tabular-nums}.feed .pill{margin-left:6px;padding:1px 7px;font-size:11px}@media (max-width:960px){.admin-grid{grid-template-columns:1fr}}.pricing{padding-top:56px;padding-bottom:40px}.pricing-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:36px;display:flex}.pricing-head h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(30px,4.2vw,44px)}.notice{border-radius:var(--radius-sm);background:var(--primary-soft);border:1px solid #d4af3759;margin-top:8px;padding:10px 16px;font-size:14px}.notice.good{background:#4ade8014;border-color:#4ade8059}.notice a{color:var(--primary)}.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:760px;margin:0 auto;display:grid}.plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:28px;display:flex}.plan.pro{box-shadow:0 0 0 4px var(--primary-soft);border-color:#d4af3773}.plan h2{align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.plan .price{margin:0}.plan .price b{letter-spacing:-.03em;font-size:40px;font-weight:600}.plan .price span{color:var(--muted)}.plan ul{flex-direction:column;flex:1;gap:9px;margin:0 0 8px;padding:0;list-style:none;display:flex}.plan li{color:#d4d4d8;align-items:center;gap:9px;font-size:14px;display:flex}.plan li .icon{color:var(--primary)}:root{--lip:#9c7c1d;--edge:#2c2c31;--edge-2:#3a3a40;--radius:18px;--radius-sm:14px}h1,h2,h3{letter-spacing:-.015em;font-weight:800}.hero h1,.create-hero h1,.pricing-head h1,.guide h1{letter-spacing:-.025em;font-weight:900}.btn{border:2px solid var(--edge-2);background:var(--panel-2);letter-spacing:.04em;text-transform:uppercase;border-bottom-width:4px;border-radius:14px;height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:transform 80ms,border-bottom-width 80ms,background .15s,filter .15s}.btn:hover{background:var(--panel-3);filter:brightness(1.08)}.btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.btn.primary{background:var(--primary);border-color:var(--primary);border-bottom-color:var(--lip);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);border-bottom-color:var(--lip)}.btn.play{border-color:#fff #fff #a1a1aa}.btn.stop{border-bottom-color:#a32424}.btn.ghost{text-transform:none;letter-spacing:0;border-color:#0000;font-weight:700}.btn.ghost:active{transform:none}.btn.small{border-bottom-width:3px;border-radius:12px;height:36px;padding:0 12px;font-size:12px}.btn.small:active:not(:disabled){border-bottom-width:1px}.btn.big{border-radius:16px;height:52px;padding:0 26px;font-size:15px}.btn.primary:disabled{border-color:var(--edge-2);border-bottom-color:var(--edge-2)}.topnav a:not(.btn){font-weight:800}.card,.plan,.starter,.guide-card,.post-card,.empty{border:2px solid var(--edge);border-radius:var(--radius);border-bottom-width:4px}.plan.pro{border-color:var(--primary);border-bottom-color:var(--lip);box-shadow:none}.plan .price b{font-weight:900}.guide-card:hover,.post-card:hover,.starter:hover{border-color:var(--edge-2);background:var(--panel-2)}.chip{border:2px solid var(--edge);color:#d4d4d8;border-bottom-width:3px;border-radius:14px;padding:7px 13px;font-weight:700;transition:transform 80ms,background .15s}.chip:hover{border-color:var(--edge-2)}.chip:active{border-bottom-width:2px;transform:translateY(1px)}.modes{border:2px solid var(--edge);border-radius:16px;padding:4px}.modes button{border-radius:12px;height:40px;padding:0 16px;font-size:15px;font-weight:800}.modes button.on{background:var(--primary-soft);color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.tabs{border:2px solid var(--edge);border-radius:14px;padding:4px}.tabs a{border-radius:10px;font-weight:800}.tabs a.on{background:var(--primary-soft);color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.create-box{border:2px solid var(--edge-2);border-bottom-width:5px;border-radius:22px;padding:12px}.create-box:focus-within{border-color:var(--primary);border-bottom-color:var(--lip);box-shadow:var(--shadow)}.create-box textarea{font-size:17px;font-weight:600}.create-box .btn{height:48px}.format{border:2px solid var(--edge);border-bottom-width:3px;border-radius:12px;height:38px;font-weight:800}.format.on{border-color:var(--primary);border-bottom-color:var(--lip);background:var(--primary-soft);color:var(--primary)}.search input,.auth input,.settings-row input,.settings-row select{border:2px solid var(--edge);border-radius:14px;font-weight:600}.search input{height:40px}.auth input,.settings-row input,.settings-row select{height:46px}.tile .art{border:2px solid var(--edge);border-bottom-width:5px;border-radius:22px}.tile:hover .art{border-color:var(--primary);border-bottom-color:var(--lip);transform:translateY(-4px)}.tile-body b{font-size:15px;font-weight:800}.badge{border-radius:8px;font-weight:800}.starter .art{border:2px solid var(--edge);border-radius:14px}.how{background:0 0;border:0;gap:14px}.how>div{border:2px solid var(--edge);border-radius:var(--radius);border-bottom-width:4px}.how .step{background:var(--primary);width:34px;height:34px;color:var(--on-primary);font-family:var(--font-body), sans-serif;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:inline-grid}.how b{font-size:17px;font-weight:800}.faq{border:2px solid var(--edge);border-radius:var(--radius);border-bottom-width:4px}.faq details{border-bottom:2px solid var(--edge)}.faq summary{font-weight:800}.faq summary:after{font-weight:900}.stats{background:0 0;border:0;gap:12px}.stats div{border:2px solid var(--edge);border-bottom-width:4px;border-radius:16px}.stats b{font-weight:900}.streak{border-width:2px;height:34px;padding:0 12px;font-size:14px;font-weight:900}.avatar,.eyebrow,.kind{font-weight:900}.toolbar .title{font-weight:800}.mascot .bubble{z-index:2;color:#111;background:#fff;border:2px solid #e4e4e7;border-bottom-width:4px;border-radius:16px 16px 4px;max-width:190px;padding:10px 14px;font-size:15px;font-weight:800;line-height:1.3;position:absolute;top:4px;right:4px}.posts{gap:14px;margin-top:28px;display:grid}.post-card{background:var(--panel);color:var(--text);flex-direction:column;gap:6px;padding:22px 24px;text-decoration:none;display:flex}.post-card b{font-size:21px;font-weight:900;line-height:1.25}.post-card .read{color:var(--primary);align-items:center;gap:6px;margin-top:4px;font-weight:800;display:inline-flex}.guide.post h1,.guide.blog h1,.guide.faq-page h1{margin:10px 0 8px;font-size:clamp(32px,4.6vw,48px);line-height:1.08}.guide.post .hero-lede,.guide.faq-page .hero-lede,.guide.blog .hero-lede{color:#d4d4d8;margin-top:18px;font-size:18px}.guide .cta{border:2px solid var(--primary);border-bottom:5px solid var(--lip);background:var(--primary-soft);border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;margin-top:48px;padding:26px;display:flex}.guide .cta b{font-size:22px;font-weight:900}.guide .cta p{margin:0 0 10px}.guide .cta .btn{color:var(--on-primary);text-decoration:none}.guide.faq-page,.guide.blog,.guide.post,.roadmap{padding-top:48px;padding-bottom:24px}.roadmap h1{letter-spacing:-.025em;margin:10px 0 8px;font-size:clamp(32px,4.6vw,48px);font-weight:900}.roadmap .hero-lede{max-width:680px}.roadmap .hero-lede a{color:var(--primary)}.roads{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:16px;margin-top:28px;display:grid}.road{border:2px solid var(--edge);border-radius:var(--radius);background:var(--panel);border-bottom-width:4px;flex-direction:column;gap:14px;padding:20px;display:flex}.road h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.road.done{border-color:var(--primary);border-bottom-color:var(--lip)}.road.done h2{color:var(--primary)}.road-item{align-items:flex-start;gap:10px;display:flex}.road-item .icon{color:var(--primary);margin-top:3px}.road-item b{font-weight:800}.road-item p{color:var(--muted);margin:2px 0 0;font-size:14px}.report{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}@media (max-width:860px){.topbar{gap:8px;padding:0 12px}.brand span,.account .who,.topnav a:not(.btn){display:none}.search{max-width:none}.account .save{display:none}.wrap{padding:0 16px}.hero{padding:44px 0 40px}.hero-grid{grid-template-columns:1fr}.mascot{display:none}.studio{grid-template-rows:55vh auto;grid-template-columns:1fr;height:auto}.stage{order:-1;height:55vh}.chat{border-right:0;height:70vh}.create-box{flex-direction:column;align-items:stretch}.starter{grid-template-columns:64px 1fr}.starter .inline-form{grid-column:1/-1}.starter .btn{width:100%}.game-stage.playing{height:70vh}.footer nav{margin-left:0}}@media (prefers-reduced-motion:reduce){.mascot svg,.btn.rec:disabled,.building:after{animation:none}}.settings .card+.card{margin-top:16px}