:root{--bg-color: #fafafa;--text-color: #1a1a1a;--subtle-color: #666;--accent-color: #0066cc;--transition-speed: .3s}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #fafafa;--subtle-color: #999;--accent-color: #66b3ff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-color: #1a1a1a;--text-color: #fafafa;--subtle-color: #999;--accent-color: #66b3ff}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color var(--transition-speed),color var(--transition-speed);overflow:hidden}.container{text-align:center;padding:2rem}.answer{font-size:clamp(2rem,15vw,12rem);font-weight:700;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform .1s,font-size .2s;line-height:1;animation:nudge .8s cubic-bezier(.36,.07,.19,.97) 0s 2;max-width:95vw;text-align:center}.answer.long-text{font-size:clamp(1.8rem,12vw,10rem)}@keyframes nudge{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}.answer:hover{transform:scale(1.02)}.answer:active{transform:scale(.98)}.subtitle{font-size:clamp(1rem,4vw,1.5rem);color:var(--subtle-color);margin-top:1rem;font-style:italic;transition:color var(--transition-speed)}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s;padding:.5rem}.theme-toggle:hover{opacity:1;transform:scale(1.1)}.lang-toggle{position:fixed;top:1.5rem;left:1.5rem;background:none;border:none;font-size:.9rem;cursor:pointer;opacity:.5;transition:opacity .2s;padding:.5rem;color:var(--text-color);text-decoration:none}.lang-toggle:hover{opacity:1}.nee-link{position:fixed;bottom:1rem;font-size:.7rem;color:var(--subtle-color);opacity:.15;text-decoration:none;cursor:pointer;transition:opacity .2s}.nee-link:hover{opacity:.4}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes rainbow{0%{color:red}17%{color:#ff8000}33%{color:#ff0}50%{color:#0f0}67%{color:#0080ff}83%{color:#8000ff}to{color:red}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.shake{animation:shake .5s ease-in-out}.rainbow{animation:rainbow 2s linear infinite!important}.bounce{animation:bounce .5s ease-in-out 3}.konami-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s}.konami-overlay.active{opacity:1;pointer-events:auto}.konami-text{font-size:clamp(2rem,10vw,5rem);font-weight:700;color:#fff;text-align:center;animation:rainbow 1s linear infinite,bounce .5s ease-in-out infinite}.konami-subtext{font-size:1.5rem;color:#ccc;margin-top:2rem}.konami-close{margin-top:2rem;padding:.5rem 1.5rem;font-size:1rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.extra-ja{position:fixed;font-size:2rem;font-weight:700;color:var(--text-color);pointer-events:none;animation:floatUp 2s ease-out forwards;opacity:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.5)}}.click-counter{position:fixed;bottom:3rem;font-size:.9rem;color:var(--subtle-color);opacity:.6;transition:opacity .2s}.click-float{position:fixed;font-size:1.5rem;font-weight:700;color:var(--text-color);pointer-events:none;animation:clickFloat 1s ease-out forwards;z-index:100}@keyframes clickFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.5)}}.answer.clicked{animation:clickPop .1s ease-out}@keyframes clickPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.particle{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:particleBurst .6s ease-out forwards}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.golden{color:gold!important;text-shadow:0 0 10px #ffd700,0 0 20px #ff8c00}.mega-shake{animation:megaShake .3s ease-in-out}@keyframes megaShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-2deg)}40%{transform:translate(10px) rotate(2deg)}60%{transform:translate(-10px) rotate(-2deg)}80%{transform:translate(10px) rotate(2deg)}}.falling-sprite{position:fixed;top:-50px;font-size:1.5rem;pointer-events:none;z-index:50;opacity:.6;animation:falling linear forwards;-webkit-user-select:none;user-select:none}.falling-sprite.clickable{pointer-events:auto;cursor:pointer;opacity:1;filter:drop-shadow(0 0 8px gold);animation:falling linear forwards,goldenPulse .5s ease-in-out infinite}.falling-sprite.clickable:hover{transform:scale(1.2)}@keyframes falling{0%{transform:translateY(-50px) rotate(0)}to{transform:translateY(calc(100vh + 50px)) rotate(var(--rotation, 360deg))}}@keyframes goldenPulse{0%,to{filter:drop-shadow(0 0 8px gold)}50%{filter:drop-shadow(0 0 16px gold) drop-shadow(0 0 24px orange)}}.confetti{position:fixed;top:-10px;width:10px;height:10px;pointer-events:none;z-index:10000;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.rickroll-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,8vw,5rem);font-weight:900;text-align:center;z-index:10001;pointer-events:none;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 40px rgba(255,255,255,.4);animation:rickrollRainbow .5s linear infinite,rickrollPulse .3s ease-in-out infinite}@keyframes rickrollRainbow{0%{color:red}16%{color:#f80}33%{color:#ff0}50%{color:#0f0}66%{color:#08f}83%{color:#80f}to{color:red}}@keyframes rickrollPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}
