:root{--chaos-color-1:red;--chaos-color-2:#f0f;--chaos-color-3:#0ff;--chaos-color-4:#0f0;--chaos-color-5:#ff0;--powerpoint-orange:#d04423;--powerpoint-dark:#b7472a;--bg-dark:#1a1a2e;--bg-darker:#0f0f1a;--text-light:#fff;--text-muted:#888;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--font-main:"Segoe UI",system-ui,-apple-system,sans-serif;--font-display:"Impact","Arial Black",sans-serif;--speed-fast:.3s;--speed-normal:.5s;--speed-slow:1s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-light);line-height:1.6}#app{height:100vh;position:relative;overflow:hidden}#game-canvas{background:var(--bg-darker);z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0}.landing-page{height:100vh;max-height:100vh;padding:var(--spacing-md);z-index:1;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.landing-header{text-align:center;margin-bottom:var(--spacing-md);flex-shrink:0}.landing-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs);font-size:clamp(1.5rem,5vw,2.5rem)}.landing-subtitle{color:var(--text-light);font-size:clamp(.9rem,2vw,1.2rem)}.landing-main{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;width:100%;max-width:800px;display:flex;overflow:hidden}.simen-showcase{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.simen-image{object-fit:cover;border:3px solid var(--chaos-color-2);width:clamp(100px,20vh,150px);height:clamp(100px,20vh,150px);box-shadow:0 0 20px var(--chaos-color-2);border-radius:50%}.simen-caption{margin-top:var(--spacing-xs);font-size:clamp(.9rem,2vw,1.1rem);font-style:italic}.simen-fallback{background:linear-gradient(135deg,var(--chaos-color-2),var(--chaos-color-4));text-align:center;width:clamp(100px,20vh,150px);height:clamp(100px,20vh,150px);padding:var(--spacing-sm);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;display:flex}.joke-display{text-align:center;width:100%;max-width:600px;padding:var(--spacing-md)var(--spacing-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:2px solid #ffffff4d;border-radius:.75rem;flex-shrink:0;box-shadow:0 4px 20px #00000080,inset 0 0 30px #ffd7001a}.joke-text{font-size:clamp(1rem,2.5vw,1.3rem);font-style:italic;line-height:1.5}.play-button-container{width:100%;margin-top:var(--spacing-lg);flex-shrink:0;justify-content:center;display:flex}.play-btn{font-family:var(--font-display);padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--chaos-color-1),var(--powerpoint-orange));color:var(--text-light);border:3px solid var(--text-light);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:transform var(--speed-fast),box-shadow var(--speed-fast);text-align:center;border-radius:.75rem;min-width:280px;font-size:clamp(1.2rem,3vw,1.8rem)}.play-btn:hover{box-shadow:0 0 50px var(--chaos-color-1),0 0 100px var(--powerpoint-orange);transform:scale(1.1)}.play-btn:active{transform:scale(.98)}.play-btn.clicked{background:linear-gradient(135deg,var(--chaos-color-4),var(--chaos-color-3))}.play-btn.disabled{opacity:.5;cursor:not-allowed}.audio-control{bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;position:fixed}.audio-btn{border:2px solid var(--text-light);width:50px;height:50px;color:var(--text-light);cursor:pointer;transition:background var(--speed-fast),transform var(--speed-fast);background:#fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.audio-btn:hover{background:#ffffff4d;transform:scale(1.1)}.audio-btn.muted{opacity:.5}.landing-footer{text-align:center;padding:var(--spacing-sm);flex-shrink:0}.disclaimer{color:var(--text-muted);font-size:clamp(.7rem,1.5vw,.85rem);font-style:italic}.game-back-btn{top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-light);border:2px solid var(--text-light);cursor:pointer;z-index:10001;transition:all var(--speed-fast);text-shadow:0 0 10px #ffffff80;background:#000000e6;border-radius:.5rem;font-size:1.1rem;font-weight:700;position:fixed}.game-back-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.spinning-logos{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.spinning-logo{opacity:.3;width:80px;height:80px;position:absolute}.chaos-wrapper{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.chaos-element{-webkit-user-select:none;user-select:none;position:absolute}.loading-screen{background:var(--bg-darker);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-text{margin-bottom:var(--spacing-lg);font-size:2rem}.loading-joke{text-align:center;max-width:500px;color:var(--text-muted);font-style:italic}.error-message{padding:var(--spacing-lg);border:2px solid var(--chaos-color-1);text-align:center;margin:var(--spacing-lg);background:#f003;border-radius:1rem}.landing-page.transitioning{animation:.5s ease-out forwards fadeOut}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes spin-wobble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.1)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(.9)}to{transform:rotate(360deg)scale(1)}}@keyframes color-chaos{0%{background-color:var(--chaos-color-1,red);filter:hue-rotate()}20%{background-color:var(--chaos-color-2,#f0f);filter:hue-rotate(72deg)}40%{background-color:var(--chaos-color-3,#0ff);filter:hue-rotate(144deg)}60%{background-color:var(--chaos-color-4,#0f0);filter:hue-rotate(216deg)}80%{background-color:var(--chaos-color-5,#ff0);filter:hue-rotate(288deg)}to{background-color:var(--chaos-color-1,red);filter:hue-rotate(360deg)}}@keyframes text-color-cycle{0%{color:red}14%{color:#ff7f00}28%{color:#ff0}42%{color:#0f0}57%{color:#00f}71%{color:indigo}85%{color:#9400d3}to{color:red}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-crazy{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-30px)scale(1.2)}50%{transform:translateY(0)scale(.8)}75%{transform:translateY(-15px)scale(1.1)}to{transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translateY(-20px)}75%{transform:translate(-10px,-10px)}}@keyframes float-around{0%{transform:translate(0)rotate(0)}25%{transform:translate(50px,-30px)rotate(90deg)}50%{transform:translateY(-60px)rotate(180deg)}75%{transform:translate(-50px,-30px)rotate(270deg)}to{transform:translate(0)rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--glow-color,red)}50%{box-shadow:0 0 30px var(--glow-color,red),0 0 60px var(--glow-color,red)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-out{0%,to{opacity:0}20%,80%{opacity:1}}.spinning{animation:2s linear infinite spin}.spinning-reverse{animation:3s linear infinite spin-reverse}.spinning-wobble{animation:4s ease-in-out infinite spin-wobble}.bouncing{animation:1s ease-in-out infinite bounce}.bouncing-crazy{animation:.8s ease-in-out infinite bounce-crazy}.floating{animation:3s ease-in-out infinite float}.floating-around{animation:8s linear infinite float-around}.color-cycling{animation:5s linear infinite color-chaos}.text-rainbow{animation:3s linear infinite text-color-cycle}.shaking{animation:.5s ease-in-out infinite shake}.pulsing{animation:1s ease-in-out infinite pulse}.glowing{animation:2s ease-in-out infinite pulse-glow}