.snake-page{padding-top:24px}.game-nav{color:var(--muted);justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;display:flex}.back-link{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.back-link:hover{text-underline-offset:4px;text-decoration:underline}.game-layout{grid-template-columns:minmax(250px,.62fr) minmax(420px,1fr);align-items:start;gap:clamp(44px,7vw,94px);padding-top:clamp(48px,7vw,82px);display:grid}.game-kicker{color:var(--blue);margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem}.game-copy h1{font-size:clamp(4.3rem,8vw,7rem);line-height:.9}.game-copy>p:not(.game-kicker){max-width:360px;color:var(--muted);margin:24px 0 0;line-height:1.6}.scoreboard{background:var(--panel);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);grid-template-columns:repeat(2,1fr);margin-top:42px;display:grid}.scoreboard>div{padding:16px 18px 18px}.scoreboard>div+div{border-left:1px solid var(--rule)}.scoreboard span,.instruction-label{color:var(--muted);margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem;display:block}.scoreboard strong{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:400}.desktop-instructions{margin-top:34px}.desktop-instructions>p:not(.instruction-label){max-width:360px;margin:0;font-size:.86rem;line-height:1.55}.key-row{align-items:center;gap:6px;margin-top:16px;display:flex}.key-row kbd{background:var(--panel);border:1px solid var(--ink);width:31px;height:31px;box-shadow:1px 2px 0 var(--ink);place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;display:grid}.key-row span{color:var(--muted);margin:0 5px;font-size:.72rem}.game-stage{justify-self:end;width:min(100%,650px)}.board-frame{background:var(--panel);border:2px solid var(--ink);width:100%;box-shadow:8px 8px 0 var(--ink);padding:clamp(8px,1.4vw,12px);position:relative}.snake-canvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#17201d;width:100%;height:auto;display:block}.game-overlay{color:var(--panel);text-align:center;background:#17201de0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:clamp(8px,1.4vw,12px)}.game-overlay p{letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:400}.game-overlay strong{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:400}.game-overlay button,.stage-footer button{cursor:pointer;font-weight:700}.game-overlay button{min-width:148px;min-height:50px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-top:24px;padding:0 22px}.game-overlay button:hover{box-shadow:2px 2px 0 var(--ink);background:#ffe56b;transform:translate(1px,1px)}.stage-footer{color:var(--muted);justify-content:space-between;align-items:center;padding-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;display:flex}.stage-footer>span:before{content:"";background:var(--orange);width:8px;height:8px;margin-right:8px;display:inline-block}.stage-footer button{color:var(--ink);border:0;border-bottom:1px solid var(--ink);font-family:inherit;font-size:inherit;background:0 0;padding:7px 0}.mobile-controls{display:none}.direction-pad{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);justify-content:center;gap:6px;display:grid}.direction-button,.direction-center{place-items:center;width:52px;height:52px;display:grid}.direction-button{color:var(--ink);background:var(--panel);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;touch-action:manipulation;font-size:1.2rem}.direction-button:active{background:var(--yellow);box-shadow:none;transform:translate(2px,2px)}.direction-button:disabled{opacity:.38;cursor:not-allowed}.direction-up{grid-area:1/2}.direction-left{grid-area:2/1}.direction-down{grid-area:3/2}.direction-right{grid-area:2/3}.direction-center{background:var(--orange);border:2px solid var(--ink);grid-area:2/2}@media (width<=860px){.game-layout{grid-template-columns:1fr;gap:42px}.game-copy{grid-template-columns:1fr 1fr;column-gap:30px;display:grid}.game-copy .game-kicker,.game-copy h1{grid-column:1/-1}.scoreboard,.desktop-instructions{margin-top:28px}.game-stage{justify-self:center}}@media (width<=620px),(pointer:coarse){.game-index{display:none}.game-layout{padding-top:42px}.game-copy{display:block}.game-copy h1{font-size:clamp(4rem,22vw,6rem)}.game-copy>p:not(.game-kicker){margin-top:18px}.scoreboard{margin-top:28px}.desktop-instructions{display:none}.board-frame{box-shadow:5px 5px 0 var(--ink)}.mobile-controls{background:var(--green);border:2px solid var(--ink);text-align:center;margin-top:28px;padding:20px;display:block}.mobile-controls>p{margin:0 0 17px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem}}:root{color:#1d1d1b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d1d1b;--paper:#f7f3e8;--panel:#fffdf7;--green:#bdd394;--yellow:#f4d553;--orange:#f0643f;--blue:#3563d9;--muted:#6f6c64;--rule:#1d1d1b52;background:#f7f3e8;font-family:Arial,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-shell{flex-direction:column;width:min(100% - 48px,1160px);min-height:100vh;margin:0 auto;display:flex}.site-header,.site-footer{justify-content:space-between;align-items:center;display:flex}.site-header{border-bottom:2px solid var(--ink);min-height:72px}.wordmark{letter-spacing:-.02em;align-items:center;gap:11px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark-dot{background:var(--orange);border:1.5px solid var(--ink);width:13px;height:13px;transform:rotate(-8deg)}.header-note,.site-footer{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}main{flex:1}.site-footer{border-top:1px solid var(--rule);min-height:78px;margin-top:88px}.home-page{padding-top:clamp(42px,6vw,70px)}.intro{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:clamp(32px,7vw,90px);display:grid}.intro h1,.game-copy h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.intro h1{max-width:640px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.98}.intro-copy{max-width:360px;margin:0 0 6px;font-size:.95rem;line-height:1.55}.project-section{margin-top:clamp(46px,7vw,72px)}.section-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.section-heading h2{margin:0;font-size:1rem}.section-heading span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:26px 0 10px;display:grid}.project-card{min-height:390px;color:var(--ink);background:var(--panel);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:20px;text-decoration:none;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.project-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(2px,2px)}.project-card-top{z-index:2;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;display:flex;position:relative}.project-number{color:var(--muted)}.status-pill{align-items:center;gap:8px;display:flex}.status-pill span{background:var(--blue);width:8px;height:8px}.snake-preview{border:2px solid var(--ink);background:#17201d;position:absolute;inset:52px 20px 112px;overflow:hidden}.snake-preview:before,.snake-preview:after{content:"";background:#ffffff12;position:absolute}.snake-preview:before{width:1px;top:0;bottom:0;left:50%}.snake-preview:after{height:1px;top:50%;left:0;right:0}.preview-food{z-index:1;background:var(--orange);border-radius:50%;width:16px;height:16px;position:absolute;top:25%;right:18%}.preview-snake{z-index:1;grid-template-rows:repeat(3,25px);grid-template-columns:repeat(4,25px);display:grid;position:absolute;top:43%;left:14%}.preview-snake i{background:var(--green);border-radius:4px;width:22px;height:22px}.preview-snake i:first-child{background:var(--yellow);grid-area:1/4}.preview-snake i:nth-child(2){grid-area:1/3}.preview-snake i:nth-child(3){grid-area:1/2}.preview-snake i:nth-child(4){grid-area:1/1}.preview-snake i:nth-child(5){grid-area:2/1}.preview-snake i:nth-child(6){grid-area:3/1}.preview-snake i:nth-child(7){opacity:.7;grid-area:3/2}.project-card-copy{z-index:2;position:absolute;bottom:19px;left:20px;right:62px}.project-card-copy p{color:var(--muted);margin:5px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.project-card-copy h3{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,3.2vw,3rem);font-weight:400;line-height:.95}.play-link{z-index:2;font-size:1.35rem;font-weight:700;position:absolute;bottom:24px;right:20px}@media (width<=940px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-shell{width:min(100% - 28px,1160px)}.site-header{min-height:64px}.header-note{display:none}.intro{grid-template-columns:1fr;gap:16px}.intro h1{font-size:clamp(2.8rem,13vw,4.3rem)}.intro-copy{max-width:430px}.project-grid{grid-template-columns:1fr}.project-card{min-height:390px;box-shadow:6px 6px 0 var(--ink);padding:20px}.snake-preview{inset:52px 20px 112px}.project-section{margin-top:40px}.site-footer{margin-top:62px}.site-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}