*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--text: #33ff33;--text-dim: #1a8a1a;--accent-red: #ff0044;--accent-gold: #ffd700;--accent-pink: #ff00aa;--crt-glow: rgba(51, 255, 51, .3);--font: "Press Start 2P", monospace}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;line-height:1.6;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}.crt{width:100%;height:100%;position:relative}.crt:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0px,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9999}.screen{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;gap:16px;position:absolute;top:0;right:0;bottom:0;left:0}.screen.active{display:flex}.title-area{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.title-preview{position:relative;cursor:pointer}.title-preview canvas{width:min(192px,40vw);height:min(192px,40vw);image-rendering:pixelated;image-rendering:crisp-edges;border:3px solid var(--text);box-shadow:0 0 15px var(--crt-glow);display:block}.title-caption{font-size:8px;color:var(--text-dim);text-align:center;margin-top:6px;animation:captionBlink 1.5s step-end infinite}@keyframes captionBlink{0%,to{opacity:1}50%{opacity:.3}}h1{font-size:clamp(24px,7vw,48px);color:var(--accent-gold);text-shadow:0 0 10px var(--accent-gold),0 0 30px rgba(255,215,0,.5),4px 4px 0 #aa8800;letter-spacing:2px;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 10px var(--accent-gold),0 0 30px rgba(255,215,0,.5),4px 4px 0 #aa8800}50%{text-shadow:0 0 20px var(--accent-gold),0 0 60px rgba(255,215,0,.8),4px 4px 0 #aa8800}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.glitch:before{color:var(--accent-red);z-index:-1;animation:glitch1 3s infinite}.glitch:after{color:var(--accent-pink);z-index:-2;animation:glitch2 3s infinite}@keyframes glitch1{0%,90%,to{clip-path:inset(0 0 0 0);transform:translate(0)}92%{clip-path:inset(20% 0 40% 0);transform:translate(-4px,2px)}94%{clip-path:inset(60% 0 10% 0);transform:translate(4px,-2px)}96%{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch2{0%,88%,to{clip-path:inset(0 0 0 0);transform:translate(0)}90%{clip-path:inset(30% 0 30% 0);transform:translate(3px,-1px)}93%{clip-path:inset(10% 0 60% 0);transform:translate(-3px,1px)}95%{clip-path:inset(0 0 0 0);transform:translate(0)}}.subtitle{font-size:clamp(8px,2vw,12px);color:var(--text);text-shadow:0 0 8px var(--crt-glow);text-align:center}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.btn{font-family:var(--font);border:3px solid;cursor:pointer;text-transform:uppercase;transition:all .1s;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn-big{padding:16px 24px;font-size:clamp(10px,2.5vw,14px);width:100%;line-height:1.8}.btn-huge{padding:20px 16px;font-size:clamp(14px,4vw,24px);flex:1;min-height:80px}.btn-small{padding:10px 20px;font-size:10px;width:100%}.btn-sub{font-size:8px;opacity:.7}.btn-green{background:#030;color:var(--text);border-color:var(--text);box-shadow:0 0 10px var(--crt-glow),inset 0 0 10px #33ff331a}.btn-green:hover{background:#040;box-shadow:0 0 20px var(--crt-glow),inset 0 0 20px #3f33}.btn-red{background:#300;color:var(--accent-red);border-color:var(--accent-red);box-shadow:0 0 10px #ff00444d,inset 0 0 10px #ff00441a}.btn-red:hover{background:#400;box-shadow:0 0 20px #ff004480,inset 0 0 20px #f043}.btn-gold{background:#332800;color:var(--accent-gold);border-color:var(--accent-gold);box-shadow:0 0 10px #ffd7004d,inset 0 0 10px #ffd7001a}.btn-gold:hover{background:#443500;box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd70033}.footer-text{font-size:7px;color:var(--text-dim);text-align:center;position:absolute;bottom:12px}.game-hud{display:flex;justify-content:space-between;width:100%;max-width:400px;font-size:9px;padding:4px 0}.hud-left,.hud-right{display:flex;flex-direction:column;gap:4px}.hud-right{text-align:right}#hud-streak{color:var(--accent-gold);animation:streakPulse .5s ease-in-out infinite}@keyframes streakPulse{0%,to{opacity:1}50%{opacity:.6}}.game-image-container{position:relative;width:min(384px,90vw);height:min(384px,90vw);border:3px solid var(--text);box-shadow:0 0 15px var(--crt-glow),inset 0 0 30px #00000080;background:#000;flex-shrink:0}#game-canvas,#reveal-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.timer-bar{position:absolute;bottom:0;left:0;height:4px;background:var(--text);box-shadow:0 0 8px var(--crt-glow);transition:width .1s linear;width:100%}.timer-bar.danger{background:var(--accent-red);box-shadow:0 0 8px #ff004480}.game-buttons{display:flex;gap:12px;width:100%;max-width:400px}.reveal-verdict{font-size:clamp(18px,5vw,32px);font-weight:700;padding:8px 16px}.reveal-verdict.correct{color:var(--accent-gold);text-shadow:0 0 20px rgba(255,215,0,.8);animation:correctBounce .5s ease}.reveal-verdict.wrong{color:var(--accent-red);text-shadow:0 0 20px rgba(255,0,68,.8);animation:screenShake .4s ease}@keyframes correctBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.reveal-image-container{width:min(256px,60vw);height:min(256px,60vw);border:3px solid var(--text);box-shadow:0 0 15px var(--crt-glow);background:#000}.reveal-name{font-size:clamp(10px,2.5vw,14px);color:var(--accent-gold)}.reveal-text{font-size:clamp(7px,1.8vw,10px);color:var(--text);text-align:center;max-width:400px;line-height:1.8}.reveal-points{font-size:10px;color:var(--accent-gold)}.result-title{font-size:clamp(12px,3vw,20px);color:var(--accent-gold);text-shadow:0 0 15px rgba(255,215,0,.6);text-align:center}.result-emoji-row{font-size:clamp(20px,6vw,36px);letter-spacing:8px;padding:8px;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif}.result-score{font-size:clamp(10px,2.5vw,16px);color:var(--text)}.result-rank{font-size:clamp(8px,2vw,11px);color:var(--accent-gold);text-align:center;max-width:380px;line-height:1.8}.result-stats{font-size:9px;color:var(--text-dim);text-align:center;line-height:2}.stats-title{font-size:clamp(12px,3vw,18px);color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}.stats-body{font-size:10px;line-height:2.5;text-align:center;color:var(--text)}.stats-body .stat-value{color:var(--accent-gold)}.share-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#030;border:2px solid var(--text);padding:12px 20px;font-family:var(--font);font-size:8px;color:var(--text);box-shadow:0 0 20px var(--crt-glow);z-index:100;animation:toastIn .3s ease}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.hidden{display:none!important}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.flash-correct{animation:flashGold .3s ease}.flash-wrong{animation:flashRed .3s ease}@keyframes flashGold{0%{background:#ffd7004d}to{background:transparent}}@keyframes flashRed{0%{background:#ff00444d}to{background:transparent}}@media(max-height:600px){.title-horse-art:before{font-size:7px}h1{font-size:24px}.btn-big{padding:10px 16px}.btn-huge{padding:12px;min-height:60px}.game-image-container{width:min(256px,70vw);height:min(256px,70vw)}.reveal-image-container{width:min(180px,50vw);height:min(180px,50vw)}}@media(max-height:500px){.title-horse-art,.footer-text{display:none}}