:root{--ink:#101820;--paper:#f6f1e8;--paper-soft:#fffaf0;--line:#10182029;--green:#2fbf71;--green-dark:#0d7f48;--red:#f0524f;--blue:#2455d6;--gold:#f2b84b}*{box-sizing:border-box}html{background:var(--ink);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 12%,#f2b84b57,#0000 24rem),linear-gradient(135deg,#f6f1e8 0%,#d8eee0 48%,#cbd7f7 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.site-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.hero-panel{background:linear-gradient(#fffaf0db,#fffaf0db),repeating-linear-gradient(45deg,#2455d614 0 10px,#0000 10px 24px);border:1px solid #1018202e;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:clamp(32px,4vw,56px);width:min(1120px,100%);min-height:min(760px,100vh - 48px);padding:clamp(24px,5vw,56px);display:grid;position:relative;box-shadow:0 28px 90px #1018202e}.intro{min-width:0;max-width:520px}.brand-logo{width:min(288px,72vw);margin-bottom:26px}.tile-logo{aspect-ratio:3/2;perspective:780px;transform-style:preserve-3d;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));display:grid;overflow:visible}.logo-tile{background-image:var(--logo-image);backface-visibility:hidden;transform-origin:50%;will-change:transform, filter;background-repeat:no-repeat;background-size:900% 600%;min-width:0;min-height:0;display:block;transform:translate(0,0)rotateX(0)rotateY(0)rotate(0);box-shadow:0 0 #10182000}.tile-logo:hover .logo-tile{animation:1.18s cubic-bezier(.2,.72,.16,1) both logo-tile-wave;animation-delay:var(--tile-delay);box-shadow:0 14px 24px #1018201f}@keyframes logo-tile-wave{0%,to{filter:brightness();transform:translate(0,0)rotateX(0)rotateY(0)rotate(0)}24%{filter:brightness(1.08)saturate(1.1);transform:translate3d(var(--tile-rise-x), var(--tile-rise-y), var(--tile-rise-depth)) rotateX(var(--tile-rise-tilt-x)) rotateY(var(--tile-rise-tilt-y)) rotateZ(var(--tile-rise-twist))}52%{filter:brightness(1.16)saturate(1.18);transform:translate3d(var(--tile-scatter-x), var(--tile-scatter-y), var(--tile-depth)) rotateX(var(--tile-tilt-x)) rotateY(var(--tile-tilt-y)) rotateZ(var(--tile-twist))}76%{filter:brightness(1.05)saturate(1.08);transform:translate3d(var(--tile-rebound-x), var(--tile-rebound-y), var(--tile-rebound-depth)) rotateX(var(--tile-rebound-tilt-x)) rotateY(var(--tile-rebound-tilt-y)) rotateZ(var(--tile-rebound-twist))}}.eyebrow{color:var(--blue);letter-spacing:0;margin:0 0 14px;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:850}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:100%;margin-bottom:0;font-size:clamp(3.6rem,5.4vw,5.25rem);line-height:.92}h1 span{display:block}.contact-mail{color:var(--ink);letter-spacing:0;text-underline-offset:5px;margin-top:22px;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:800;text-decoration-color:#2455d66b;text-decoration-thickness:2px;display:inline-block}.contact-mail:hover{color:var(--blue)}.contact-mail:focus-visible{outline-offset:5px;outline:3px solid #2455d66b}.social-links{gap:12px;margin-top:16px;display:flex}.social-link{background:#fffaf0c7;border:1px solid #1018201f;border-radius:8px;place-items:center;width:50px;height:50px;transition:transform .16s,background .16s;display:grid;box-shadow:0 12px 28px #1018201f}.social-link:hover{background:#fffaf0f5;transform:translateY(-2px)}.social-link:focus-visible{outline-offset:4px;outline:3px solid #2455d66b}.social-link svg{display:block}.youtube-icon{width:34px;height:auto}.instagram-icon{width:32px;height:32px}.youtube-shape{fill:red}.youtube-play{fill:#fff}.game-area{background:#fffaf0eb;border:1px solid #1018202e;border-radius:8px;justify-self:end;gap:16px;width:min(100%,480px);padding:clamp(16px,3vw,24px);display:grid;box-shadow:0 18px 50px #10182029}.game-copy{justify-content:space-between;align-items:end;gap:16px;display:flex}.game-copy h2{margin-bottom:0;font-size:1.45rem;line-height:1}.game-copy p{color:#1018209e;text-align:right;max-width:210px;margin-bottom:0;font-size:.92rem;line-height:1.35}.score-strip{grid-template-columns:1fr 1fr;gap:10px;display:grid}.score-strip span{border:1px solid var(--line);background:var(--paper-soft);color:#101820ad;border-radius:7px;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;font-size:.95rem;font-weight:750;display:flex}.score-strip strong{color:var(--ink);font-size:1.2rem}.board{aspect-ratio:1;border:2px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#19232b;border-radius:8px;grid-template-columns:repeat(18,minmax(0,1fr));gap:3px;width:100%;padding:8px;display:grid}.cell{background:#fffaf014;border-radius:3px;min-width:0;min-height:0}.cell-body{background:var(--green);box-shadow:inset 0 0 0 1px #fffaf033}.cell-head{background:var(--gold);box-shadow:inset 0 0 0 2px #10182033}.cell-food{background:var(--red);box-shadow:0 0 0 2px #f0524f47}.controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.controls button{cursor:pointer;border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper-soft);border-radius:7px;font-weight:850}.controls button+button{color:var(--ink);background:0 0}.controls button:focus-visible{outline-offset:3px;outline:3px solid #2455d66b}.game-message{color:#101820ad;min-height:22px;margin-bottom:0;font-size:.92rem;line-height:1.35}@media (max-width:880px){.hero-panel{grid-template-columns:1fr;align-items:start;min-height:auto}h1{font-size:clamp(3.25rem,12vw,5rem)}.game-area{justify-self:stretch;width:100%}}@media (max-width:560px){.site-shell{padding:14px}.hero-panel{gap:24px;padding:20px}h1{font-size:clamp(2.75rem,15vw,4rem);line-height:.96}.brand-logo{width:min(248px,76vw);margin-bottom:20px}.game-copy{display:grid}.game-copy p{text-align:left;max-width:none}.board{gap:2px;padding:6px}}@media (prefers-reduced-motion:reduce){.tile-logo:hover .logo-tile{animation:none}}