:root{color:#17120d;background:#f3ead8;font-family:Courier New,monospace}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden;background:#f3ead8}button,a{font:inherit}.experience{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,#fff8e9 0 26%,transparent 60%),#f3ead8}.experience:before{position:absolute;inset:18px;border:2px solid #17120d;content:"";pointer-events:none}.cone-button{--tilt-x: 0deg;--tilt-y: 0deg;width:min(64vw,430px);aspect-ratio:23 / 24;border:0;padding:0;background:transparent;cursor:pointer;perspective:800px;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform 90ms linear;animation:cone-enter .7s steps(7,end) both}.cone-button:focus-visible{outline:4px solid #df3a26;outline-offset:12px}.pixel-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(23,1fr);grid-template-rows:repeat(24,1fr);filter:drop-shadow(12px 14px 0 rgb(23 18 13 / 16%));transform-origin:50% 68%}.cone-button:hover .pixel-grid{animation:cone-wobble .52s steps(4,end) infinite alternate}.cone-button:hover .pixel.highlight{filter:brightness(1.08)}.pixel{width:100%;height:100%}.pixel.empty{background:transparent}.pixel.outline{background:#17120d}.pixel.scoop{background:var(--scoop)}.pixel.scoop-shadow{background:var(--scoop-shadow)}.pixel.highlight{background:var(--scoop-highlight)}.pixel.cone{background:#d6933f}.pixel.cone-shadow{background:#8e5429}.sprinkle-field{position:fixed;inset:0;z-index:4;pointer-events:none}.sprinkle{position:absolute;width:8px;height:3px;background:#df3a26;transform:translate(-50%,-50%);animation:sprinkle-pop .82s steps(6,end) forwards}.sprinkle-1{background:#2b67d1}.sprinkle-2{background:#f5b82e}.sprinkle-3{background:#17120d}.email-link{position:absolute;right:clamp(34px,5vw,74px);bottom:clamp(34px,5vw,66px);color:#17120d;font-size:clamp(.72rem,1.2vw,.9rem);font-weight:700;text-decoration:none}.email-link:after{display:block;width:100%;height:3px;margin-top:5px;background:#df3a26;content:"";transform:scaleX(.2);transform-origin:left;transition:transform .18s steps(4,end)}.email-link:hover:after,.email-link:focus-visible:after{transform:scaleX(1)}.email-link:focus-visible{outline:3px solid #17120d;outline-offset:5px}@keyframes cone-enter{0%{opacity:0;translate:0 54px;scale:.72}to{opacity:1;translate:0 0;scale:1}}@keyframes cone-wobble{0%{transform:rotate(-1.5deg) translateY(0)}to{transform:rotate(1.5deg) translateY(-5px)}}@keyframes sprinkle-pop{to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rotation))}}@media(max-width:640px){.experience:before{inset:10px}.cone-button{width:min(88vw,390px)}.email-link{right:26px;bottom:27px}}@media(prefers-reduced-motion:reduce){.cone-button,.cone-button:hover .pixel-grid,.sprinkle{animation:none;transition:none}.cone-button{transform:none!important}.sprinkle{display:none}}