.site-shell{--site-bg:#0f1013;--t1:#eceef2;--t2:#b3b7bf;--t3:#8a8f99;--ul:#40444c;--rule:#23262c;--edge:#2a2d33;--panel:#131418;--overlay:rgba(9,10,12,0.6);--panel-shadow:0 24px 80px rgba(0,0,0,0.55);--pcard-shadow:0 18px 48px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.3);--accent:#8b9dff;--music-accent:#8b9dff;--music-bg-tint:rgba(139,157,255,0.07);--paper:url(/textures/grain-dark.png);--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-dm:var(--font-departure),ui-monospace,"SF Mono",Menlo,monospace;font-family:var(--font-system);--font-sans:var(--font-system);--font-display:var(--font-system);--font-mono:var(--font-dm);--border:#2a2d33;--surface:rgba(255,255,255,0.04);--surface-raised:#131418;--surface-strong:#181a1f;--surface-subtle:rgba(255,255,255,0.04);--surface-hover:rgba(255,255,255,0.035);--surface-active:rgba(255,255,255,0.09);--terminal-bg:#131418;--terminal-text:#eceef2;--terminal-output:#eceef2;--terminal-muted:#8a8f99;--terminal-border:#2a2d33;--pill-bg:rgba(15,16,19,0.8);--imsg-recv:#262628;--card-shadow:0 2px 12px rgba(0,0,0,0.28),0 1px 3px rgba(0,0,0,0.2);--map-ocean:#0c1017;--map-land:#1a2130;--map-land-border:rgba(255,255,255,0.07);--map-route:#8b9dff;--map-dot:rgba(255,255,255,0.4);background-color:var(--site-bg);background-image:var(--paper)}.site-shell[data-theme=light]{--site-bg:#f5f6f8;--t1:#14161a;--t2:#41454d;--t3:#676c76;--ul:#c7cbd3;--rule:#dfe2e7;--edge:#d5d9df;--panel:#fbfbfc;--overlay:rgba(245,246,248,0.6);--panel-shadow:0 24px 80px rgba(20,22,26,0.16);--pcard-shadow:0 18px 48px rgba(20,22,26,0.14),0 2px 6px rgba(20,22,26,0.06);--accent:#4c5fd5;--music-accent:#4c5fd5;--music-bg-tint:rgba(76,95,213,0.05);--paper:linear-gradient(rgba(245,246,248,0.5),rgba(245,246,248,0.5)),url(/textures/grain-light.png);--border:#d5d9df;--surface:rgba(0,0,0,0.035);--surface-raised:#fbfbfc;--surface-strong:#eceef1;--surface-subtle:rgba(0,0,0,0.04);--surface-hover:rgba(0,0,0,0.035);--surface-active:rgba(0,0,0,0.07);--terminal-bg:#fbfbfc;--terminal-text:#14161a;--terminal-output:#14161a;--terminal-muted:#676c76;--terminal-border:#d5d9df;--pill-bg:rgba(251,251,252,0.8);--imsg-recv:#e9e9eb;--card-shadow:0 2px 8px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.05);--map-ocean:#ccd9e6;--map-land:#dfe2e8;--map-land-border:rgba(0,0,0,0.1);--map-route:#4c5fd5;--map-dot:rgba(0,0,0,0.35)}html:has(.site-shell),html:has(.site-shell) body{background:var(--site-bg,#0f1013)}html:has(.site-shell[data-theme=light]),html:has(.site-shell[data-theme=light]) body{background:#f5f6f8}.page{box-sizing:content-box;max-width:576px;margin:0 auto;padding:64px 32px 112px;font-size:15.2px;line-height:1.65;color:var(--t1);-webkit-font-smoothing:antialiased}@media (max-width:600px){.page{padding:44px 22px 88px}}.page.page-home{padding-top:max(44px,20svh)}.label,.mono{font-family:var(--font-dm);font-size:11px;line-height:1.6;letter-spacing:.02em;font-weight:400}.label{margin:48px 0 12px;color:var(--t3)}.font-display{font-family:var(--font-display)}.u-link{color:var(--t1);border-bottom:1px solid var(--ul);transition:border-color .15s ease,color .15s ease}.u-link:hover{border-bottom-color:var(--accent)}.name-link{color:var(--t1);transition:color .15s ease}.name-link:hover{color:var(--accent)}.quiet{color:var(--t3);transition:color .15s ease}.quiet:hover{color:var(--t1)}.hit{padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:-12px}.site-shell a{text-decoration:none}@keyframes songscroll{0%,14%{transform:translateX(0)}to{transform:translateX(calc(-50% - 20px))}}.songscroll{animation:songscroll 14s linear infinite}@media (prefers-reduced-motion:reduce){.songscroll{animation:none}}.eq rect{fill:var(--t3);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.5)}.eq-on rect{fill:var(--accent)}.eq-on rect:first-child{transform:scaleY(.625);animation:eq-a 1.2s step-end infinite}.eq-on rect:nth-child(2){transform:scaleY(1);animation:eq-b .9s step-end infinite}.eq-on rect:nth-child(3){transform:scaleY(.75);animation:eq-c 1.5s step-end infinite}@keyframes eq-a{0%,to{transform:scaleY(.375)}12.5%{transform:scaleY(.75)}25%{transform:scaleY(.5)}37.5%{transform:scaleY(1)}50%{transform:scaleY(.625)}62.5%{transform:scaleY(.25)}75%{transform:scaleY(.875)}87.5%{transform:scaleY(.5)}}@keyframes eq-b{0%,to{transform:scaleY(1)}16.66%{transform:scaleY(.5)}33.33%{transform:scaleY(.875)}50%{transform:scaleY(.375)}66.66%{transform:scaleY(.75)}83.33%{transform:scaleY(.625)}}@keyframes eq-c{0%,to{transform:scaleY(.625)}10%{transform:scaleY(.375)}20%{transform:scaleY(.875)}30%{transform:scaleY(.5)}40%{transform:scaleY(1)}50%{transform:scaleY(.25)}60%{transform:scaleY(.75)}70%{transform:scaleY(.5)}80%{transform:scaleY(.875)}90%{transform:scaleY(.375)}}@media (prefers-reduced-motion:reduce){.eq-on rect{animation:none}}.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;transform:translateY(-150%);border:1px solid var(--edge);background:var(--panel);color:var(--t1);padding:.625rem .875rem;font-size:1rem;font-weight:600;transition:transform .16s ease}.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--accent);outline-offset:3px}.site-shell :where(a,button,input,textarea,select,[role=button],[role=link],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-shell .terminal-command-input:focus-visible{outline:none}.site-shell :where(a,button){text-underline-offset:.18em}.home-name{margin:0;font-family:var(--font-dm);font-size:44px;line-height:1;font-weight:400;letter-spacing:-1px;color:var(--t1)}.home-name .home-smiley{display:inline-block;width:28px;height:28px;margin-left:18px}.name-morph{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.name-morph-box{display:inline-grid}.name-morph-layer{grid-area:1/1}.name-morph-handle{opacity:0;color:var(--accent)}.name-morph-defs{position:absolute;width:0;height:0;overflow:hidden}.status-line{justify-content:space-between;gap:4px 16px;margin:16px 0 0;color:var(--t3)}.home-nav,.status-line{display:flex;flex-wrap:wrap;align-items:center}.home-nav{gap:6px 20px;margin:0 0 44px;font-size:12.8px}@media (max-width:600px){.home-name{font-size:33px;line-height:1.12}.home-name .home-smiley{width:21px;height:21px;margin-left:14px}.home-name .name-first{display:block}.home-nav{gap:6px 12px;margin-bottom:40px}.desktop-only{display:none!important}}.imsg{--im-bg:#000000;--im-in:#262628;--im-in-text:#ffffff;--im-out:#0a84ff;--im-text:#ffffff;--im-meta:#8e8e93;--im-glass:rgba(255,255,255,0.1);--im-ring:inset 0 0 0 0.5px rgba(255,255,255,0.16),inset 0 1px 0 rgba(255,255,255,0.06);--im-ph:rgba(235,235,245,0.3);--im-edge:rgba(255,255,255,0.08);background:var(--im-bg);color:var(--im-text)}.site-shell[data-theme=light] .imsg{--im-bg:#ffffff;--im-in:#e9e9eb;--im-in-text:#000000;--im-out:#007aff;--im-text:#000000;--im-glass:rgba(255,255,255,0.92);--im-ring:0 1px 10px rgba(0,0,0,0.08),inset 0 0 0 0.5px rgba(0,0,0,0.08);--im-ph:rgba(60,60,67,0.3);--im-edge:rgba(0,0,0,0.08)}.imsg-glass{background:var(--im-glass);box-shadow:var(--im-ring);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}.imsg input::placeholder{color:var(--im-ph)}.imsg-text{font-size:16px;line-height:21px;letter-spacing:-.31px}.imsg-meta{font-size:11px;line-height:13px;letter-spacing:.06px;color:var(--im-meta)}@keyframes imtyping{0%,60%,to{opacity:.35}30%{opacity:1}}.imdot{animation:imtyping 1.4s ease-in-out infinite}@keyframes impop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.impop{animation:impop .18s ease-out both}@media (prefers-reduced-motion:reduce){.imdot{opacity:.6}.imdot,.impop{animation:none}}.imsg input:focus-visible{outline:none}.imsg label:focus-within{box-shadow:var(--im-ring),0 0 0 1.5px color-mix(in srgb,var(--im-out) 60%,transparent)}@keyframes pong-progress{0%{transform:scaleX(0)}}.pong-progress{width:100%;transform-origin:left;animation:pong-progress 2.4s linear both}.bb-layer{position:fixed;inset:0;z-index:9980;overflow:hidden;outline:none;cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.bb-board,.bb-canvas{position:absolute}.bb-canvas{inset:0;width:100%;height:100%;pointer-events:none}.bb-word{transition:opacity .22s ease 50ms,color 80ms ease}.bb-cracked{color:var(--accent)!important}.bb-emptied,.bb-hit{opacity:0!important}.bb-hit{color:var(--accent)!important}.bb-gone{opacity:0!important;transition:opacity .5s ease}.bb-hud{position:absolute;top:24px;display:flex;align-items:center;gap:16px;color:var(--t3)}.bb-hud b{font-weight:400;color:var(--t1)}.bb-score{flex:1}.bb-lives{display:flex;gap:5px}.bb-lives i{width:6px;height:6px;background:var(--accent)}.bb-lives i.lost{background:var(--edge)}.bb-quit{padding:0;border:0;background:none;color:var(--t3);font:inherit;letter-spacing:inherit;cursor:pointer;transition:color .15s ease}.bb-quit:hover{color:var(--t1)}.bb-msg{position:absolute;right:16px;left:16px;text-align:center;color:var(--t3);pointer-events:none}.bb-msg strong{display:block;margin-bottom:6px;font-family:var(--font-dm);font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.5px;color:var(--t1)}@media (prefers-reduced-motion:reduce){.bb-gone,.bb-layer,.bb-word{transition:none}}