:root{--pink:#ff2d95;--cyan:#2de9ff;--yellow:#ffe45c;--green:#39ff88;--red:#ff3b3b;--purple:#8b2fc9;--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}.panel.center{justify-content:center;margin:auto}.panel.bottom{padding-bottom:max(26px, env(safe-area-inset-bottom));margin-top:auto}.hud{letter-spacing:.06em;color:var(--cyan);text-shadow:0 0 8px #2de9ffb3;text-transform:uppercase;justify-content:space-between;gap:12px;padding:12px 16px;font-size:clamp(18px,4.5vw,24px);display:flex}.kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--yellow);text-shadow:0 0 10px #ffe45c99;margin:0;font-family:Bungee,cursive;font-size:clamp(13px,3.4vw,17px)}.player-name{color:var(--cyan);text-shadow:0 0 18px #2de9ffcc, 4px 4px 0 var(--purple);margin:0;font-family:Bungee,cursive;font-size:clamp(34px,9vw,58px);line-height:1}.instruction{color:#fdf6ff;max-width:34ch;margin:0;font-size:clamp(21px,5.2vw,28px);line-height:1.25}.instruction strong{color:var(--pink)}.meme-line{color:var(--pink);text-shadow:0 0 14px #ff2d95bf;margin:0;font-family:Bungee,cursive;font-size:clamp(19px,5vw,27px)}.result-banner{margin:0;font-family:Bungee,cursive;font-size:clamp(38px,10vw,64px);line-height:1}.result-banner.win{color:var(--green);text-shadow:0 0 22px #39ff88d9,4px 4px #0a5c30}.result-banner.lose{color:var(--red);text-shadow:0 0 22px #ff3b3bd9,4px 4px #5c0a0a}.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:disabled{opacity:.35;cursor:default}.big-button.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.ghost-button{appearance:none;color:#ffffffd9;letter-spacing:.08em;cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:12px;padding:10px 20px;font-family:VT323,monospace;font-size:clamp(18px,4.4vw,22px)}.ghost-button:active{background:#ffffff1f}.setup{background:var(--panel);border:3px solid var(--purple);border-radius:18px;max-width:min(94vw,560px);max-height:92vh;margin:auto;overflow-y:auto;box-shadow:0 0 30px #8b2fc980,inset 0 0 30px #8b2fc933}.game-title{color:var(--cyan);text-shadow:0 0 24px #2de9ff99;margin:0;font-family:Bungee Shade,Bungee,cursive;font-size:clamp(30px,8vw,54px);line-height:1.05}.game-title .ten{color:var(--pink);text-shadow:0 0 24px #ff2d95cc}.subtitle{color:var(--yellow);letter-spacing:.04em;margin:0;font-size:clamp(17px,4.4vw,21px)}.setup-grid{flex-direction:column;gap:14px;width:100%;display:flex}.field{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.field>span{letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);font-family:Bungee,cursive;font-size:13px}.field input{width:100%;color:var(--cyan);border:2px solid var(--cyan);background:#00000073;border-radius:10px;outline:none;padding:10px 14px;font-family:VT323,monospace;font-size:24px;box-shadow:inset 0 0 12px #2de9ff40}.field input:focus{border-color:var(--pink);box-shadow:inset 0 0 12px #ff2d9559}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{appearance:none;color:#ffffffbf;cursor:pointer;background:#00000059;border:2px solid #ffffff59;border-radius:999px;padding:8px 16px;font-family:Bungee,cursive;font-size:13px}.pill.active{color:#16021f;background:var(--cyan);border-color:#fff;box-shadow:0 0 16px #2de9ffb3}.guess-panel{gap:16px}.timer{color:var(--yellow);text-shadow:0 0 20px #ffe45ccc,3px 3px #0009;font-family:Bungee,cursive;font-size:clamp(40px,11vw,66px);line-height:1}.timer.urgent{color:var(--red);text-shadow:0 0 22px #ff3b3be6,3px 3px #0009;animation:.5s ease-in-out infinite pulse}.numpad{grid-template-columns:repeat(5,1fr);gap:10px;width:min(92vw,460px);display:grid}.num{appearance:none;aspect-ratio:1;border:3px solid var(--cyan);color:var(--cyan);text-shadow:0 0 10px #2de9ffcc;cursor:pointer;background:#0008148c;border-radius:14px;font-family:Rubik Mono One,Bungee,monospace;font-size:clamp(20px,5.4vw,30px);transition:transform 60ms;box-shadow:0 0 12px #2de9ff59,inset 0 0 10px #2de9ff26}.num:active{transform:scale(.93)}.num.selected{color:#16021f;background:var(--pink);text-shadow:none;border-color:#fff;box-shadow:0 0 22px #ff2d95d9,inset 0 0 10px #ffffff59}.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(44px,13vw,108px);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:.52em}.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)}.blink{animation:1.1s steps(2,start) infinite blink}@keyframes blink{50%{opacity:0}}.splash-copyright{bottom:max(14px, env(safe-area-inset-bottom));letter-spacing:.14em;color:#ffffff73;margin:0;font-size:clamp(13px,3.2vw,16px);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}@media (prefers-reduced-motion:reduce){.big-button.pulse,.blink,.timer.urgent{animation:none}}@media (width<=420px){.numpad{grid-template-columns:repeat(5,1fr);gap:8px}.panel{gap:11px}}