*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#gameCanvas{display:block;width:100%;height:100%;cursor:crosshair}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-overlay>*{pointer-events:auto}#swap-button{display:none;position:absolute;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;border:2px solid rgba(212,175,55,.6);background:#141428cc;color:#d4af37;font-size:24px;font-weight:700;z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s,background .15s}#swap-button:active{transform:scale(.9);background:#d4af374d}.menu-screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140f28f2,#05050ffa);z-index:100}.menu-title{font-size:clamp(2rem,7vw,4rem);font-weight:900;background:linear-gradient(135deg,#d4af37,#f4e4a0,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:.3em;letter-spacing:2px}.menu-subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);color:#d4af37b3;margin-bottom:2em;text-align:center;max-width:80%;line-height:1.5}.menu-btn{display:block;margin:8px auto;padding:14px 48px;font-size:clamp(1rem,3vw,1.3rem);font-weight:700;border:2px solid #d4af37;border-radius:8px;background:linear-gradient(135deg,#d4af3726,#d4af370d);color:#d4af37;cursor:pointer;transition:all .2s;letter-spacing:1px;min-width:200px;text-align:center}.menu-btn:hover{background:linear-gradient(135deg,#d4af374d,#d4af3726);transform:translateY(-2px);box-shadow:0 4px 20px #d4af374d}.menu-btn.primary{background:linear-gradient(135deg,#d4af37,#b8962e);color:#0a0a1a;border-color:#d4af37}.menu-btn.primary:hover{background:linear-gradient(135deg,#e4c347,#d4af37);box-shadow:0 4px 25px #d4af3780}.instructions-text{color:#fffc;font-size:clamp(.85rem,2vw,1rem);max-width:min(500px,85vw);line-height:1.7;text-align:left;margin-bottom:2em}.instructions-text p{margin-bottom:.8em}.instructions-text strong{color:#d4af37}.game-over-score{font-size:clamp(1.5rem,5vw,2.5rem);color:#d4af37;font-weight:700;margin:.5em 0}.game-over-stats{color:#ffffffb3;font-size:clamp(.85rem,2vw,1rem);margin-bottom:1.5em;line-height:1.8}.level-intro{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none}.level-intro-name{font-size:clamp(2rem,8vw,4rem);font-weight:900;color:#d4af37;text-shadow:0 0 30px rgba(212,175,55,.5);opacity:0;animation:levelFadeIn 2s ease-out forwards}.level-intro-number{font-size:clamp(1rem,3vw,1.5rem);color:#d4af37b3;margin-top:.5em;opacity:0;animation:levelFadeIn 2s ease-out .3s forwards}@keyframes levelFadeIn{0%{opacity:0;transform:translateY(20px) scale(.9)}30%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(1.05)}}@media(max-width:768px),(hover:none){#swap-button{display:block}}