@font-face{font-family:"DM Sans";src:url('/fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
:root{color-scheme:light;--pink:#EBA5B8;--blue:#86BCE8;--forest:#285943;--paper:#F7F5EF;--ink:#25282A;--mist:#E6E7E3;--bg:#F7F5EF;--surface:#fff;--surface-muted:#F0F1ED;--text:#25282A;--text-muted:#535B57;--border:#D7DAD4;--action:#285943;--action-text:#fff;--link:#245778;--focus:#245778;--tile-blue:#DDEAF5;--tile-blue-text:#213E59;--tile-pink:#F1DEE4;--tile-pink-text:#733C53;--tile-green:#DCE9DF;--tile-green-text:#285943;--tile-lilac:#E8E4F0;--tile-lilac-text:#554463}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#202524;--surface:#303735;--surface-muted:#29312E;--text:#F3F3EF;--text-muted:#B9C3BC;--border:#4A5550;--action:#82B99D;--action-text:#17291E;--link:#A4CEF0;--focus:#A4CEF0;--tile-blue:#30485C;--tile-blue-text:#D9EAF7;--tile-pink:#513943;--tile-pink-text:#F6DCE4;--tile-green:#31483D;--tile-green-text:#D5EDDD;--tile-lilac:#453C51;--tile-lilac-text:#EBE3F2}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:"DM Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:var(--link);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea,summary{scroll-margin-top:112px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:4px}main:focus{outline:none}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.15;letter-spacing:-.035em}h1{font-size:40px}h2{font-size:30px}h3{font-size:21px}p{line-height:1.65}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:16px;z-index:200;background:var(--action);color:var(--action-text);padding:10px 18px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:600;font-size:25px;letter-spacing:-1px;min-height:44px}.logo-mark{width:18px;height:18px;fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.links{display:flex;gap:8px;align-items:center}.links a{display:flex;align-items:center;min-height:44px;padding:8px 15px;text-decoration:none;color:var(--text-muted);font-size:14px;font-weight:500;border-radius:10px;transition:background .18s,color .18s}.links a:hover{background:var(--surface-muted);color:var(--text)}.links a[aria-current=page]{background:var(--surface-muted);color:var(--text)}.menu-toggle{display:none;align-items:center;justify-content:space-between;gap:16px;background:var(--surface-muted);color:var(--text);border:1px solid var(--border);border-radius:10px;min-height:44px;padding:8px 14px;font-size:14px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:11px 19px;background:var(--action);color:var(--action-text);border:1px solid transparent;border-radius:11px;text-decoration:none;font-weight:600;font-size:15px;transition:filter .18s,transform .18s}.button:hover{filter:brightness(.93);text-decoration:none}.button:active{transform:scale(.98)}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.015em;color:var(--text-muted)}.metadata{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6}.badge{display:inline-flex;align-items:center;min-height:27px;border:1px solid currentColor;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:500}.module{border-radius:18px;overflow:hidden}.welcome{padding:52px 0 36px}.welcome h1{font-size:clamp(36px,4.4vw,52px);margin:10px 0 14px}.welcome>p:last-child{color:var(--text-muted);font-size:18px}
.home-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.feature{grid-column:span 4;grid-row:span 2;background:var(--tile-blue);color:var(--tile-blue-text);padding:30px;display:flex;flex-direction:column}.feature-heading,.feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.feature-heading .metadata{color:var(--tile-blue-text)}.feature-copy{padding:24px 0}.feature-copy h2{font-size:38px}.feature-copy p{font-size:16px;max-width:390px;margin:12px 0 20px}.feature .button{background:var(--forest);color:#fff}.snake-art{display:block;width:100%;height:auto;aspect-ratio:520/300}.feature>.snake-art{max-height:290px;border-radius:14px}.feature-bottom{padding-top:20px;font-size:12px}.feature-bottom a{display:inline-flex;align-items:center;min-height:44px;gap:12px;color:inherit;font-size:13px;font-weight:500}.hello-module{grid-column:span 2;padding:28px;background:var(--tile-lilac);color:var(--tile-lilac-text);display:flex;flex-direction:column;align-items:start;justify-content:center}.hello-module .eyebrow{color:inherit;font-size:12px}.hello-module h2{font-size:28px;margin:16px 0 12px}.hello-module p{font-size:15px}.hello-module a{display:inline-flex;align-items:center;min-height:44px;gap:20px;margin-top:12px;font-size:14px;color:inherit;font-weight:500}.mascot-module{grid-column:span 2;background:var(--tile-pink);color:var(--tile-pink-text);display:flex;flex-direction:column;justify-content:center;min-height:250px}.mascot{padding:8px 22px 0;margin-inline:auto;width:min(100%,260px);aspect-ratio:500/410}.mascot svg{display:block;width:100%;height:100%}.mascot-module figcaption{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px 22px;font-size:11px}.tiny-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.home-footnote{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:13px;color:var(--text-muted)}.tiny-square{width:7px;height:7px;background:var(--forest);border-radius:2px}.site-footer{display:flex;align-items:center;gap:24px;padding-block:24px;border-top:1px solid var(--border);margin-top:64px;color:var(--text-muted);font-size:12px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-muted)}.footer-wordmark{text-decoration:none;font-weight:600;color:var(--text)!important;font-size:14px}.site-footer>span{margin-right:auto}.admin-entry{background:transparent;border:0;padding:8px;min-height:44px;min-width:44px;font-size:12px;color:var(--text-muted);border-radius:8px}.admin-entry:hover{background:var(--surface-muted);color:var(--text)}
.page-heading{padding:56px 0 36px}.page-heading h1{margin:10px 0 16px}.page-heading>p:last-child{color:var(--text-muted);max-width:600px}.software-feature{display:grid;grid-template-columns:1.05fr 1fr;background:var(--tile-blue);color:var(--tile-blue-text)}.software-art{padding:32px;display:flex;align-items:center}.software-info{padding:40px 40px 40px 20px}.software-info h2{font-size:32px;margin:18px 0 12px}.software-info p:not(.metadata){max-width:390px;margin:0 0 24px}.software-info .metadata{margin-top:18px}.catalog-note{margin-top:24px;color:var(--text-muted);font-size:14px}.about-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:start}.about-copy{max-width:640px}.about-copy h2{font-size:26px;margin-bottom:20px}.about-copy p{color:var(--text-muted);margin-bottom:18px;font-size:17px}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-weight:500}.about-note{padding:28px;background:var(--tile-green);color:var(--tile-green-text);margin-top:4px}.about-note .eyebrow{color:inherit}.about-note>p{font-size:23px;font-weight:500;letter-spacing:-.02em;line-height:1.45;margin:24px 0}.work-section{margin-top:56px;max-width:780px}.projects-head{padding-bottom:24px}.projects-head h2{margin:10px 0 12px;font-size:28px}.projects-head>p:last-child{font-size:14px;color:var(--text-muted)}.work-list{display:block;border-top:1px solid var(--border)}.project{position:relative;border-bottom:1px solid var(--border);padding:24px 0}.project-art{display:none}.project-copy h3{font-size:19px;line-height:1.35;margin:5px 0 8px;letter-spacing:-.015em}.project-copy>p{color:var(--text-muted);font-size:14px;max-width:680px}.tag{font-size:11px;color:var(--text-muted)}.project-copy details{margin-top:10px}.project-copy summary{display:flex;align-items:center;min-height:44px;color:var(--link);font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;list-style:none}.project-copy summary::after{content:'＋';margin-left:12px}.project-copy details[open] summary::after{content:'−'}.project-notes{font-size:14px;color:var(--text-muted);white-space:pre-wrap;margin:4px 0 10px}.project-copy .button{background:none;padding:8px 0;color:var(--link);font-size:13px;text-decoration:underline;font-weight:400}.projects-load-notice{color:var(--text-muted);font-size:14px;margin-top:16px}
.game-heading{max-width:780px;margin:auto;padding:28px 0 24px}.back-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:13px}.game-heading>div{display:flex;align-items:center;gap:18px;margin:14px 0}.game-heading h1{font-size:36px}.game-heading>p{font-size:14px;color:var(--text-muted)}.game-section{max-width:780px;margin:auto}.game-shell{background:var(--surface-muted);border:1px solid var(--border);border-radius:18px;padding:24px}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.scores{display:flex;gap:20px;font-size:13px}.scores b{font-family:ui-monospace,Consolas,monospace;font-size:18px;margin-left:5px}.game-bar>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.game-bar button,.touch button,.overlay button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);min-height:44px;min-width:44px;padding:8px 13px;font-size:13px;font-weight:500;transition:background .18s}.game-bar button:hover,.touch button:hover{background:var(--tile-green);color:var(--tile-green-text)}.board-wrap{position:relative;max-width:520px;margin:auto}canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px;touch-action:none;background:#e5ebce}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e5ebceee;color:#25282a;border-radius:12px;padding:24px;text-align:center}.overlay h2{font-size:32px}.overlay p{font-size:14px;line-height:1.6;margin:16px 0 24px}.overlay button{background:#285943;color:#fff;border-color:#285943;padding:10px 24px;font-size:15px}.touch{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:6px;justify-content:center;margin-top:20px}.touch button{font-size:20px;padding:0}.touch button:first-child{grid-column:2}.touch button:nth-child(2){grid-column:1;grid-row:2}.touch button:nth-child(3){grid-column:2;grid-row:2}.touch button:nth-child(4){grid-column:3;grid-row:2}.game-hint{text-align:center;font-size:12px;line-height:1.6;color:var(--text-muted);margin-top:16px}.game-shell:fullscreen{max-width:none;width:100%;height:100%;border:0;border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:center;background:var(--bg)}.game-shell:fullscreen .board-wrap{width:min(60vh,85vw)}.game-shell:fullscreen .game-bar{width:min(780px,100%);margin-inline:auto}.not-found{padding:100px 0;max-width:640px}.not-found h1{margin:16px 0 24px}.not-found p{color:var(--text-muted);margin-bottom:24px}
@media(min-width:640px) and (max-width:959px){.home-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-column:span 2;grid-row:auto}.hello-module,.mascot-module{grid-column:span 1}.feature>.snake-art{max-height:300px}.about-layout{gap:32px}.software-art{padding:24px}.software-info{padding:32px 24px 32px 8px}}
@media(max-width:639px){html{scroll-padding-top:24px}.site-nav{min-height:76px;position:relative;flex-wrap:wrap;gap:0}.brand{font-size:23px}.menu-toggle{display:flex}.links{display:none;width:100%;padding:8px 0 16px;gap:4px}.links.is-open{display:flex;flex-direction:column;align-items:stretch}.links a{padding-inline:12px;min-height:44px}.welcome{padding:36px 0 28px}.welcome h1{font-size:36px}.welcome>p:last-child{font-size:16px}.home-mosaic{grid-template-columns:1fr;gap:16px}.feature,.hello-module,.mascot-module{grid-column:auto;grid-row:auto}.feature{padding:24px}.feature-copy h2{font-size:32px}.feature-heading .metadata{font-size:10px}.feature-copy p{font-size:16px}.feature-bottom{gap:12px}.feature-bottom>span{font-size:11px}.hello-module{padding:28px}.hello-module h2{font-size:26px;margin-top:12px}.mascot-module{min-height:230px}.mascot{width:205px}.home-footnote{font-size:12px}.site-footer{margin-top:48px;gap:8px 20px;flex-wrap:wrap;padding-block:20px}.site-footer>span{width:100%}.site-footer .footer-wordmark{min-height:44px}.site-footer a{font-size:12px}.page-heading{padding:36px 0 28px}.page-heading h1{font-size:32px}.software-feature{grid-template-columns:1fr}.software-art{padding:24px}.software-info{padding:0 24px 28px}.software-info h2{font-size:28px;margin-top:14px}.about-layout{grid-template-columns:1fr;gap:28px}.about-copy p{font-size:16px}.about-note{padding:24px}.about-note>p{font-size:21px;margin:18px 0}.work-section{margin-top:40px}.projects-head h2{font-size:26px}.game-heading{padding-top:20px}.game-heading h1{font-size:32px}.game-shell{padding:14px}.game-bar{gap:12px;margin-bottom:14px}.game-bar>div:last-child{width:100%}.game-bar button{flex:1;padding:8px;font-size:12px}.scores{width:100%;justify-content:space-between}.overlay{padding:16px}.overlay h2{font-size:26px}.overlay p{font-size:12px;margin:12px 0 18px}.game-hint{font-size:11px}.not-found{padding:64px 0}.not-found h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:active{transform:none}}

:root[data-theme="dark"]{color-scheme:dark;--bg:#202524;--surface:#303735;--surface-muted:#29312E;--text:#F3F3EF;--text-muted:#B9C3BC;--border:#4A5550;--action:#82B99D;--action-text:#17291E;--link:#A4CEF0;--focus:#A4CEF0;--tile-blue:#30485C;--tile-blue-text:#D9EAF7;--tile-pink:#513943;--tile-pink-text:#F6DCE4;--tile-green:#31483D;--tile-green-text:#D5EDDD;--tile-lilac:#453C51;--tile-lilac-text:#EBE3F2}
.theme-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.theme-control select{min-height:44px;padding:8px;border:1px solid var(--text-muted);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.theme-control select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.game-bar button,.touch button,.menu-toggle{border-color:var(--text-muted)}

/* A quieter homepage and introduction. */
.home-mosaic{align-items:start}.home-mosaic .feature{grid-row:auto}.home-mosaic .mascot-module{grid-row:auto;aspect-ratio:1;min-height:0}.home-mosaic .mascot{width:100%;max-width:320px;padding:16px}.about-layout{grid-template-columns:1fr;gap:0}