:root{color:#2b1b11;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#2b1b11;--muted:#5a4438;--accent:#ffb347;--paper:#fdf5e6;--card:#fff3d0e6;background-color:#f6e8c8;font-family:VT323,monospace;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background-image:radial-gradient(circle at 10% 20%,#ffdfb0 0%,#0000 60%),radial-gradient(circle at 90% 10%,#ffd0c4 0%,#0000 55%),linear-gradient(#f6e8c8 0%,#f2d3a7 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(90deg,#2b1b1114 0 1px,#0000 1px 6px),repeating-linear-gradient(0deg,#2b1b110d 0 1px,#0000 1px 6px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{background:0 0}#root{z-index:1;position:relative}.page{min-height:100vh;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;padding:3.5rem clamp(1.5rem,4vw,4.5rem);display:flex}.hero{justify-items:center;gap:1.5rem;display:grid;position:relative}.hero--lander{align-content:center;min-height:70vh}.hero__eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 1rem;font-size:.9rem}.hero__title{text-transform:uppercase;margin:0;font-size:clamp(2.8rem,5vw,4.5rem);line-height:.95}.hero__subtitle{color:var(--muted);margin:0;font-size:1.2rem}.hero__polaroid{z-index:1;width:min(280px,40vw);height:auto;image-rendering:pixelated;pointer-events:none;position:fixed;transform:rotate(-6deg)}.hero__polaroid--bottom{bottom:clamp(12px,4vw,28px);right:clamp(12px,4vw,28px);transform:rotate(-5deg)}.hero__polaroid--top{top:clamp(12px,4vw,28px);right:clamp(16px,5vw,36px);transform:rotate(4deg)}.hero__polaroid--left{top:clamp(18px,6vw,44px);left:clamp(16px,5vw,36px);transform:rotate(-7deg)}.hero__polaroid--left-bottom{bottom:clamp(14px,5vw,32px);left:clamp(12px,4vw,28px);transform:rotate(6deg)}.hero__actions,.signal__actions,.game__actions{flex-wrap:wrap;gap:1rem;display:flex}.cta,.ghost{text-transform:uppercase;letter-spacing:.12em;border:2px solid var(--ink);cursor:pointer;border-radius:0;padding:.8rem 1.8rem;font-family:inherit;font-size:1.2rem;transition:transform .2s,box-shadow .2s}.ghost{color:var(--ink);background:0 0}.cta{background:var(--accent);color:#1b120a;box-shadow:8px 8px 0 var(--ink);animation:2.6s infinite pulse}.cta--mega{box-shadow:12px 12px 0 var(--ink);padding:1.4rem 3.2rem;font-size:2.2rem}.cta:disabled{cursor:not-allowed;opacity:.8}.game{justify-items:center;gap:1.5rem;margin-top:2.5rem;display:grid}.hud{text-transform:uppercase;letter-spacing:.12em;gap:2rem;display:flex}.hud p{margin:0}.grid{grid-template-columns:repeat(3,minmax(100px,150px));gap:1rem;display:grid}.hole{border:2px solid var(--ink);background:var(--paper);width:min(150px,30vw);height:min(150px,30vw);box-shadow:6px 6px 0 var(--ink);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;place-items:center;font-family:inherit;transition:transform .15s,background .15s;display:grid;position:relative;overflow:hidden}.hole.is-up{background:var(--accent);transform:translate(-3px,-3px)}.hole:disabled{cursor:not-allowed;opacity:.7}.hole__face{width:100%;height:auto;image-rendering:pixelated;pointer-events:none;transition:transform 80ms;position:absolute;bottom:-22%;left:50%;transform:translate(-50%,40%)}.hole.is-up .hole__face,.hole.is-hit .hole__face{transform:translate(-50%,4%)}.game__note{color:var(--muted);margin:0}.game__results{border:3px solid var(--ink);background:var(--paper);box-shadow:10px 10px 0 var(--ink);gap:.8rem;padding:2rem 2.5rem;display:grid}.game__score{text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:2rem}.game__message{color:var(--muted);margin:0;font-size:1.3rem}@media (max-width:600px){.grid{grid-template-columns:repeat(3,minmax(90px,120px))}.cta--mega{padding:1.2rem 2.4rem;font-size:1.9rem}.hero__polaroid{width:min(170px,45vw)}.hero__polaroid--bottom{bottom:8px;right:8px;transform:rotate(-3deg)}.hero__polaroid--top{top:10px;right:10px;transform:rotate(3deg)}.hero__polaroid--left{top:12px;left:8px;transform:rotate(-5deg)}.hero__polaroid--left-bottom{bottom:10px;left:8px;transform:rotate(4deg)}}@keyframes pulse{0%,to{box-shadow:6px 6px 0 var(--ink)}50%{box-shadow:10px 10px 0 var(--ink)}}