.snake-page{--game-bg:#101713;--game-panel:#19231d;--game-panel-strong:#202d25;--game-line:#405448;--game-text:#f2f0e5;--game-muted:#90a096;--game-accent:#dff064;min-height:100svh;color:var(--game-text);background:var(--game-bg);padding:22px clamp(18px,3vw,42px) 36px;font-family:Arial,Helvetica Neue,sans-serif}.snake-page :focus-visible{outline-color:var(--game-accent)}.game-nav{width:min(100%,1280px);min-height:42px;color:var(--game-muted);align-items:center;margin:0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;display:flex}.back-link{min-height:40px;color:inherit;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--game-text)}.game-layout{grid-template-columns:minmax(230px,290px) minmax(440px,720px);justify-content:center;align-items:center;gap:clamp(42px,7vw,100px);width:min(100%,1280px);min-height:calc(100svh - 100px);margin:0 auto;padding:24px 0 34px;display:grid}.game-copy h1{color:var(--game-accent);letter-spacing:-.085em;text-transform:lowercase;margin:0;font-family:Arial,Helvetica Neue,sans-serif;font-size:clamp(4.2rem,7vw,6.6rem);font-weight:900;line-height:.82}.scoreboard{background:var(--game-panel);border:1px solid var(--game-line);grid-template-columns:repeat(2,1fr);margin-top:38px;display:grid}.scoreboard>div{padding:15px 16px 17px}.scoreboard>div+div{border-left:1px solid var(--game-line)}.scoreboard span,.aesthetic-setting legend{color:var(--game-muted);margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;display:block}.scoreboard strong{color:var(--game-text);letter-spacing:-.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2rem;font-weight:500}.game-settings{margin-top:16px}.edge-setting{background:var(--game-panel);border:1px solid var(--game-line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 12px;display:flex}.edge-setting span,.edge-setting strong,.edge-setting small{display:block}.edge-setting strong{font-size:.78rem}.edge-setting small{color:var(--game-muted);margin-top:3px;font-size:.66rem}.edge-setting input{appearance:none;cursor:pointer;background:#29372f;border:1px solid #5b6e62;flex:none;width:48px;height:28px;margin:0;position:relative}.edge-setting input:before{background:var(--game-muted);content:"";width:18px;height:18px;transition:transform .14s,background .14s;position:absolute;top:4px;left:4px}.edge-setting input:checked{border-color:var(--game-accent);background:#394522}.edge-setting input:checked:before{background:var(--game-accent);transform:translate(20px)}.edge-setting input:disabled{cursor:not-allowed;opacity:.55}.aesthetic-setting{border:0;min-width:0;margin:15px 0 0;padding:0}.aesthetic-setting legend{padding:0}.aesthetic-options{border:1px solid var(--game-line);grid-template-columns:repeat(2,1fr);display:grid}.aesthetic-options label{cursor:pointer;position:relative}.aesthetic-options label+label{border-left:1px solid var(--game-line)}.aesthetic-options input{opacity:0;width:1px;height:1px;position:absolute}.aesthetic-options span{min-height:42px;color:var(--game-muted);background:var(--game-panel);text-align:center;place-items:center;padding:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;display:grid}.aesthetic-options input:checked+span{color:var(--game-bg);background:var(--game-accent);font-weight:700}.aesthetic-options input:focus-visible+span{z-index:1;outline:3px solid var(--game-accent);outline-offset:-3px;position:relative}.game-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.game-actions button{min-height:46px;color:var(--game-text);background:var(--game-panel-strong);border:1px solid var(--game-line);cursor:pointer;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;font-weight:700}.game-actions button:hover{border-color:var(--game-accent)}.game-actions button:last-child{color:var(--game-bg);background:var(--game-accent);border-color:var(--game-accent)}.game-actions button span{color:var(--game-accent)}.game-actions button kbd{margin-left:4px;font-family:inherit;font-size:.56rem;font-weight:400}.game-status{color:var(--game-muted);margin:15px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem}.game-status:before{content:"";background:#f0643f;width:7px;height:7px;margin-right:8px;display:inline-block}.game-status--running:before{background:var(--game-accent)}.game-stage{width:min(100%,720px)}.board-frame{background:#28382f;border:1px solid #789080;width:100%;padding:clamp(7px,1vw,10px);position:relative;box-shadow:14px 14px #080b09}.board-frame--nokia{background:#a8b56f}.snake-canvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#17201d;width:100%;height:auto;display:block}.board-frame--crashed:after{pointer-events:none;content:"";background:#ff6b403d;animation:.56s ease-out both crash-flash;position:absolute;inset:clamp(7px,1vw,10px)}.board-frame--crashed .snake-canvas{animation:.56s cubic-bezier(.2,.8,.2,1) both crash-shake}@keyframes crash-shake{0%{filter:brightness();transform:translate(0)}12%{filter:brightness(1.35);transform:translate(-7px,2px)}25%{transform:translate(6px,-2px)}40%{transform:translate(-4px,1px)}58%{transform:translate(3px)}78%{transform:translate(-1px)}to{filter:brightness(.88);transform:translate(0)}}@keyframes crash-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.game-overlay{color:#f4f3e8;text-align:center;background:#0d1410de;flex-direction:column;justify-content:center;align-items:center;animation:.18s ease-out both overlay-in;display:flex;position:absolute;inset:clamp(7px,1vw,10px)}.board-frame--nokia .game-overlay{color:#b5c27c;background:#26351fe6}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.game-overlay p{letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,5vw,4rem);font-weight:900}.game-overlay strong{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:400}.game-overlay button{min-width:144px;min-height:48px;color:var(--game-bg);background:var(--game-accent);cursor:pointer;border:0;margin-top:22px;padding:0 20px;font-weight:800;box-shadow:4px 4px #080b09}.game-overlay button:hover{transform:translate(1px,1px);box-shadow:3px 3px #080b09}.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(--game-text);background:var(--game-panel-strong);border:1px solid var(--game-line);cursor:pointer;touch-action:manipulation;font-size:1.2rem}.direction-button:active{color:var(--game-bg);background:var(--game-accent)}.direction-button:disabled{cursor:not-allowed;opacity:.38}.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{border:1px solid var(--game-line);background:#f0643f;grid-area:2/2}@media (width<=860px){.game-layout{grid-template-columns:1fr;gap:38px;max-width:680px;min-height:0;padding-top:34px}.game-copy h1{font-size:clamp(4rem,15vw,6rem)}.game-stage{justify-self:center}}@media (width<=620px),(pointer:coarse){.snake-page{padding:12px 14px 28px}.game-nav{min-height:38px}.game-layout{gap:30px;padding-top:24px}.game-copy h1{font-size:3.8rem}.scoreboard{margin-top:24px}.game-settings{margin-top:12px}.game-actions{margin-top:14px}.board-frame{box-shadow:7px 7px #080b09}.mobile-controls{background:var(--game-panel);border:1px solid var(--game-line);text-align:center;margin-top:24px;padding:18px;display:block}.mobile-controls>p{color:var(--game-muted);margin:0 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.game-actions button kbd{display:none}}@media (prefers-reduced-motion:reduce){.board-frame--crashed .snake-canvas,.board-frame--crashed:after,.game-overlay{animation:none}.edge-setting input:before{transition:none}}: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{border-bottom:2px solid var(--ink);align-items:center;min-height:72px;display:flex}.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)}main{flex:1}.home-page{padding-top:clamp(28px,4vw,48px)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0 0 40px;display:grid}.project-card{min-height:360px;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)}.snake-preview{border:2px solid var(--ink);background:#17201d;position:absolute;inset:20px 20px 84px;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:18px;left:20px;right:20px}.project-card-copy h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,2.7rem);font-weight:400;line-height:.95}@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}.project-grid{grid-template-columns:1fr}.project-card{min-height:360px;box-shadow:6px 6px 0 var(--ink);padding:20px}.snake-preview{inset:20px 20px 84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}