:root{--pink:#ff2d95;--cyan:#2de9ff;--yellow:#ffe45c;--green:#39ff88;--red:#ff3b3b;--purple:#8b2fc9;--matrix:#39ff88;--ink:#0b0217;--panel:#100422d1;color:#fdf6ff;background:var(--ink);font-synthesis:none;text-rendering:geometricprecision;-webkit-tap-highlight-color:transparent;font-family:VT323,Courier New,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#crt-overlay{pointer-events:none;z-index:30;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#05000f8c 100%);position:absolute;inset:0}#ui{z-index:20;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0}.panel{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:22px clamp(16px,5vw,48px);display:flex}.big-button{appearance:none;color:#fff;background:linear-gradient(180deg, var(--pink), #b3186a);cursor:pointer;border:3px solid #fff;border-radius:14px;min-width:min(78vw,380px);padding:16px 28px;font-family:Bungee,cursive;font-size:clamp(17px,4.6vw,23px);transition:transform 80ms,box-shadow 80ms;box-shadow:0 0 22px #ff2d958c,6px 6px #0000008c}.big-button:active{transform:translate(3px,3px);box-shadow:0 0 14px #ff2d9580,2px 2px #0000008c}.big-button.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.blink{animation:1.1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.screen-splash{cursor:pointer}.splash{background:radial-gradient(circle at 18% 22%,#ff2d9538,#0000 42%),radial-gradient(circle at 84% 70%,#2de9ff2e,#0000 45%),repeating-conic-gradient(#ffffff06 0deg 90deg,#0000 90deg 180deg) 0 0/44px 44px,linear-gradient(165deg,#1b0433 0%,#0b0217 55%,#2a0845 100%);justify-content:center;gap:18px;width:100%;height:100%;margin:0;position:relative;overflow:hidden}.splash-presents{letter-spacing:.32em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 10px #2de9ffb3;margin:0;font-size:clamp(19px,4.6vw,24px)}.splash-logo{flex-direction:column;align-items:center;margin:0;font-family:Bungee Shade,Bungee,cursive;font-size:clamp(34px,9.5vw,84px);line-height:.98;display:flex;transform:rotate(-3deg)}.splash-logo span{background:linear-gradient(180deg, #fff8c8 0%, var(--yellow) 34%, #ff9f1c 58%, var(--pink) 100%);color:#0000;filter:drop-shadow(4px 5px 0 var(--purple)) drop-shadow(0 0 26px #ff2d9573);-webkit-background-clip:text;background-clip:text}.splash-logo .amp{letter-spacing:.06em;font-size:.5em}.splash-tagline{color:#fdf6ff;border:2px dashed var(--pink);background:#0b0217a6;border-radius:12px;margin:6px 0 0;padding:10px 18px;font-size:clamp(21px,5.4vw,30px);line-height:1.3;transform:rotate(1.4deg);box-shadow:0 0 18px #ff2d9559}.splash-press{letter-spacing:.18em;text-transform:uppercase;color:var(--green);text-shadow:0 0 12px #39ff88cc;margin:14px 0 0;font-size:clamp(20px,5vw,26px)}.splash-copyright{bottom:max(14px, env(safe-area-inset-bottom));letter-spacing:.12em;color:#ffffff73;margin:0;padding:0 12px;font-size:clamp(11px,3vw,15px);position:absolute}.memphis{pointer-events:none;position:absolute;inset:0}.shape{display:block;position:absolute}.shape.zig{background:repeating-linear-gradient(-45deg, var(--cyan) 0 10px, transparent 10px 20px);clip-path:polygon(0 60%,12% 0,25% 60%,37% 0,50% 60%,62% 0,75% 60%,87% 0,100% 60%,100% 100%,0 100%);opacity:.9;width:130px;height:26px;top:9%;left:7%;transform:rotate(-12deg)}.shape.dot{border-radius:50%}.shape.dot.d1{background:radial-gradient(circle at 35% 35%, #fff8c8, var(--yellow) 60%, #c98a00);width:46px;height:46px;top:16%;right:10%;box-shadow:0 0 18px #ffe45cb3}.shape.dot.d2{background:var(--pink);width:26px;height:26px;bottom:20%;left:12%;box-shadow:0 0 16px #ff2d95cc}.shape.tri{border-left:34px solid #0000;border-right:34px solid #0000;border-bottom:58px solid var(--green);filter:drop-shadow(0 0 12px #39ff88b3);opacity:.85;width:0;height:0;bottom:13%;right:12%;transform:rotate(18deg)}.shape.squig{background:radial-gradient(circle 11px at 11px 22px, transparent 9px, var(--purple) 9px 11px, transparent 11px) 0 0 / 44px 22px repeat-x, radial-gradient(circle 11px at 33px 0, transparent 9px, var(--purple) 9px 11px, transparent 11px) 0 0 / 44px 22px repeat-x;opacity:.9;width:90px;height:22px;top:55%;left:5%;transform:rotate(8deg)}.shape.ring{border:8px solid var(--cyan);opacity:.75;border-radius:50%;width:54px;height:54px;top:34%;right:6%;transform:rotate(12deg);box-shadow:0 0 16px #2de9ff99,inset 0 0 10px #2de9ff80}.letter-panel{text-align:center;padding:20px clamp(16px, 5vw, 48px) max(26px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#0b0217e0 26%);flex-direction:column;align-items:center;gap:16px;margin-top:auto;display:flex}.letter-text{color:#fdf6ff;text-shadow:0 0 14px #ff2d958c;max-width:30ch;min-height:2.6em;margin:0;font-size:clamp(26px,6.4vw,40px);line-height:1.3}.letter-ps{max-width:40ch;color:var(--yellow);text-shadow:0 0 10px #ffe45c80;margin:0;font-size:clamp(19px,4.6vw,26px);font-style:italic;line-height:1.35}.letter-actions{justify-content:center;align-items:center;min-height:64px;display:flex}.ack-float{animation:5.2s ease-in-out infinite wander}@keyframes wander{0%,to{transform:translate(0)rotate(0)}22%{transform:translate(9px,-6px)rotate(1.6deg)}48%{transform:translate(-8px,4px)rotate(-1.8deg)}74%{transform:translate(5px,6px)rotate(1.1deg)}}.big-button.ack{min-height:64px}.ack-cursor{vertical-align:text-bottom;background:currentColor;width:.5em;height:.9em;margin-left:3px;animation:.9s steps(2,start) infinite blink;display:inline-block}.cursor{vertical-align:text-bottom;background:currentColor;width:.55em;height:1em;margin-left:2px;animation:1s steps(2,start) infinite blink;display:inline-block}.bazeki{color:#ff8095;text-shadow:0 0 14px #ff6482a6,2px 2px #0009;letter-spacing:.04em;font-family:Bungee,cursive;font-size:1.15em}.mood-bitter .letter-text{color:#ffe3e9;text-shadow:0 0 12px #dc5a828c,1px 0 #ff5a8c4d}.mood-bitter .letter-panel{background:linear-gradient(#0000,#160310e6 26%)}.letter-panel.glitch{animation:.5s steps(2,start) glitch}@keyframes glitch{0%{filter:none;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-6px,2px)skew(-4deg)}40%{filter:invert(.8);transform:translate(5px,-3px)skew(3deg)}60%{filter:hue-rotate(-60deg);transform:translate(-3px,1px)}80%{filter:none;transform:translate(2px,-1px)skew(-2deg)}to{filter:none;transform:translate(0)}}.mood-matrix .letter-text{max-width:44ch;color:var(--matrix);text-shadow:0 0 12px #39ff88cc;font-size:clamp(22px,5.2vw,32px)}.mood-matrix .letter-panel{background:linear-gradient(#0000,#011008d9 26%)}.meme-rail{pointer-events:none;z-index:1;position:absolute;inset:0 0 38%}.meme-card{width:clamp(120px,24vw,190px);transform:rotate(var(--tilt,0deg));background:#fdf6ff;border-radius:6px;margin:0;padding:10px 10px 12px;animation:.45s cubic-bezier(.2,1.6,.4,1) both meme-pop;position:absolute;box-shadow:0 10px 30px #0000008c,0 0 18px #ffffff1f}.meme-card .meme-art{text-align:center;background:#16021f;border-radius:4px;padding:10px 4px;font-size:clamp(44px,9vw,72px);line-height:1.15}.meme-card figcaption{color:#331a3f;text-align:center;margin-top:8px;font-family:VT323,monospace;font-size:clamp(15px,3.4vw,19px);line-height:1.1}.meme-card.out{opacity:0;transform:rotate(var(--tilt,0deg)) scale(.7);transition:opacity .4s,transform .4s}@keyframes meme-pop{0%{opacity:0;transform:rotate(calc(var(--tilt,0deg) + 24deg)) scale(.1)}to{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1)}}.end-scene{z-index:25;opacity:0;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:30px;animation:2.2s forwards fade-to-black;display:flex;position:absolute;inset:0}.end-title{letter-spacing:.08em;color:#fdf6ffd9;opacity:0;margin:0;font-family:Bungee,cursive;font-size:clamp(24px,6vw,40px);animation:1.2s 1.7s forwards fade-in}.end-again{opacity:0;animation:1s 2.8s forwards fade-in}@keyframes fade-to-black{to{opacity:1}}@keyframes fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.big-button.pulse,.blink,.letter-panel.glitch,.meme-card,.ack-float{animation:none}.end-scene,.end-title,.end-again{opacity:1;animation:none}}@media (width<=420px){.panel,.letter-panel{gap:11px}.letter-actions{min-height:56px}}