:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.5;color:#111827;background:#f9fafb}*{box-sizing:border-box}body{margin:0}.container{max-width:960px;margin:0 auto;padding:3rem 1.25rem}h1{margin-top:0;font-size:2.25rem}h2{margin-bottom:.5rem}.projects{margin-bottom:2rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.9rem}.project-card-link{color:inherit;text-decoration:none;display:block}.project-card-link:hover h3,.project-card-link:focus-visible h3{text-decoration:underline}.project-image{width:100%;aspect-ratio:16 / 9;margin-bottom:.75rem;border-radius:10px;border:1px solid #e5e7eb;background:#e5e7eb;display:block;object-fit:cover}.project-image-placeholder{display:grid;place-items:center;font-weight:700;letter-spacing:.04em;color:#1f2937;background:linear-gradient(135deg,#fde68a,#f59e0b)}.project-card h3{margin:0 0 .35rem}.project-card p{margin:0;color:#4b5563}.projects-note{margin-top:.9rem;padding:.6rem .75rem;border-radius:8px;background:#fef9c3;color:#6b7280;font-size:.95rem}a{color:#2563eb}.gallery-body{margin:0;min-height:100vh;background:#f8fafc}.gallery-shell{max-width:1120px}.gallery-header{margin-bottom:1.25rem}.gallery-back-link{display:inline-block;margin-bottom:.6rem;text-decoration:none;font-size:.92rem}.gallery-title{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.gallery-empty{margin:1rem 0 0;color:#6b7280}.paint-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.paint-gallery-item{margin:0;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.paint-gallery-image{width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.snake-game-body{position:relative;min-height:100vh;overflow-x:hidden;color:#f3f4f6;background:radial-gradient(1200px 700px at 10% -10%,#13203b,#13203b00 60%),radial-gradient(900px 600px at 105% 15%,#2b2f49,#2b2f4900 60%),linear-gradient(180deg,#07101d,#0d1727)}.snake-game-body:before,.snake-game-body:after{content:"";position:fixed;z-index:-1;pointer-events:none}.snake-game-body:before{top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;transform:perspective(520px) rotateX(40deg);transform-origin:top;opacity:.22}.snake-game-body:after{width:420px;height:420px;right:-140px;top:10%;border-radius:50%;background:radial-gradient(circle at center,#f59e0b59,#f59e0b00);filter:blur(6px)}.snake-page-shell{max-width:1180px;padding-top:2.5rem;padding-bottom:3rem}.snake-hero{margin-bottom:1.5rem;animation:snakeSlideIn .55s ease-out both}.snake-back-link{display:inline-block;margin-bottom:.85rem;padding:.3rem .7rem;border-radius:999px;text-decoration:none;border:1px solid #334155;color:#c7d2fe;background:#0f172a73;font-size:.86rem}.snake-kicker{margin:0;font-family:Chakra Petch,Avenir Next,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#facc15;font-weight:600;font-size:.8rem}.snake-title{margin:.25rem 0 .4rem;font-family:Bungee,Avenir Next,sans-serif;font-size:clamp(2.2rem,6vw,4rem);line-height:1;letter-spacing:.03em;color:#f8fafc;text-shadow:0 0 20px rgba(248,250,252,.25)}.snake-subtitle{margin:0;max-width:48ch;color:#cbd5e1;font-size:1rem}.snake-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:1.15rem}.snake-stage,.snake-panel{border:1px solid #2b3951;border-radius:16px;background:linear-gradient(180deg,#0f172ae6,#0c1222eb);box-shadow:inset 0 1px #ffffff0f,0 12px 35px #02061773}.snake-stage{padding:.9rem;animation:snakeSlideIn .75s ease-out both}.snake-stage-badges{display:flex;gap:.45rem;margin-bottom:.8rem}.snake-badge{display:inline-block;padding:.22rem .52rem;border-radius:999px;border:1px solid #3b485f;font-size:.74rem;color:#dbeafe;background:#1e293bc7}.snake-badge-live{border-color:#f59e0bb3;color:#fef3c7;background:#f59e0b2e}.snake-screen{position:relative;border-radius:12px;overflow:hidden;isolation:isolate;border:1px solid #334155;box-shadow:0 0 0 1px #ffffff0d inset,0 24px 40px #0206178c,0 0 26px #f59e0b29}#snakeCanvas{width:100%;aspect-ratio:1 / 1;height:auto;display:block;background:#111827}.snake-screen-crt,.snake-screen-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.snake-screen-crt{background:radial-gradient(circle at center,transparent 45%,rgba(0,0,0,.34) 100%),linear-gradient(90deg,#ff2e6312,#ffffff05 45%,#00c8ff14),repeating-linear-gradient(0deg,#ffffff14 0,#ffffff14 1px,#0000001f 1px,#0000001f 3px);mix-blend-mode:screen;opacity:.45}.snake-screen-glass{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.13),transparent 40%),radial-gradient(circle at 80% 100%,rgba(255,255,255,.07),transparent 45%);opacity:.55}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.snake-screen-glass{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.1),transparent 38%),radial-gradient(circle at 80% 100%,rgba(255,255,255,.05),transparent 45%);-webkit-backdrop-filter:blur(1.2px) saturate(125%) contrast(108%);backdrop-filter:blur(1.2px) saturate(125%) contrast(108%)}}.snake-sidebar{display:grid;gap:1rem;animation:snakeSlideIn .95s ease-out both}.snake-panel{padding:.95rem}.snake-panel-title{margin:0 0 .65rem;font-family:Chakra Petch,Avenir Next,sans-serif;font-size:1rem;font-weight:700;color:#f8fafc;text-transform:uppercase;letter-spacing:.08em}.snake-theme-editor{display:grid;gap:.45rem;margin-bottom:.8rem}.snake-theme-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:.45rem .55rem;border-radius:10px;border:1px solid #334155;background:#1e293b94;color:#e2e8f0;font-family:Chakra Petch,Avenir Next,sans-serif;font-weight:600;letter-spacing:.02em}.snake-theme-row input[type=color]{width:44px;height:30px;border:1px solid #475569;border-radius:8px;background:transparent;cursor:pointer;padding:0}.snake-difficulty-row{align-items:center}.snake-difficulty-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;width:210px}.snake-difficulty-button{border:1px solid #475569;border-radius:8px;background:#0f172ad1;color:#cbd5e1;font-family:Chakra Petch,Avenir Next,sans-serif;font-size:.8rem;font-weight:700;padding:.35rem .2rem;cursor:pointer;transition:transform .15s ease,filter .2s ease,background-color .2s ease,color .2s ease}.snake-difficulty-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.snake-difficulty-button.is-active{border-color:#38bdf8;background:#0e749073;color:#f0f9ff;box-shadow:inset 0 0 0 1px #7dd3fc73}.snake-difficulty-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.snake-stats{display:grid;grid-template-columns:1fr;gap:.45rem;margin-bottom:.75rem}.snake-score{margin:0;padding:.48rem .6rem;border-radius:10px;border:1px solid #334155;background:#1e293bad;font-family:Chakra Petch,Avenir Next,sans-serif;font-weight:600}.snake-button{width:100%;border:0;border-radius:10px;padding:.62rem .8rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#0f172a;font-family:Chakra Petch,Avenir Next,sans-serif;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .15s ease,filter .2s ease}.snake-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.snake-button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25);transform:none}.snake-button:active{transform:translateY(0)}@keyframes snake-party-hue{to{filter:hue-rotate(360deg)}}.snake-button--party{margin-top:.5rem;background:linear-gradient(135deg,#a855f7,#ec4899,#f97316)}.snake-button--party.is-active{animation:snake-party-hue 1.2s linear infinite}.snake-help-text{margin:0 0 .7rem;color:#cbd5e1}.snake-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.snake-keys span{display:grid;place-items:center;border-radius:8px;padding:.5rem 0;border:1px solid #334155;background:#0f172acc;color:#facc15;font-size:1.1rem}@keyframes snakeSlideIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.snake-layout{grid-template-columns:1fr}.snake-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.snake-page-shell{padding-top:1.8rem}.snake-sidebar{grid-template-columns:1fr}}