*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.game-root{position:relative;width:100vw;height:100vh;overflow:hidden}.bg-layer{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.stars-layer{position:absolute;inset:0;pointer-events:none}.star{position:absolute;transform:translate(-50%,-50%);animation:twinkle linear infinite;will-change:transform,opacity}.star:before,.star:after{content:"";position:absolute;background:currentColor;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.star-small{width:12px;height:12px;color:#fff}.star-small:before{width:2px;height:12px}.star-small:after{width:12px;height:2px}.star-large{width:20px;height:20px;color:#fff}.star-large:before{width:3px;height:20px}.star-large:after{width:20px;height:3px}.star-white{color:#fff}.star-pink{color:#f8c}.star-yellow{color:#ff6}@keyframes twinkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(15deg)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.8) rotate(0)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}}.content{position:absolute;inset:0;margin:auto;width:fit-content;height:fit-content;z-index:10;display:flex;flex-direction:column;align-items:center;gap:36px}.title{font-family:"Press Start 2P",monospace;font-size:clamp(32px,5.5vw,64px);line-height:1;color:#e8e800;text-shadow:-4px -4px 0 #5500aa,4px -4px 0 #5500aa,-4px 4px 0 #5500aa,4px 4px 0 #5500aa,-4px 0 0 #5500aa,4px 0 0 #5500aa,0 -4px 0 #5500aa,0 4px 0 #5500aa;letter-spacing:4px;white-space:nowrap}.menu{display:flex;flex-direction:column;gap:12px;align-items:center}.btn{font-family:"Press Start 2P",monospace;font-size:clamp(10px,1.4vw,14px);letter-spacing:2px;padding:14px 0;width:clamp(200px,28vw,340px);border:none;cursor:pointer;text-align:center;position:relative;transition:transform .1s,filter .1s;image-rendering:pixelated}.btn-yellow{background:#d8d800;color:#1a1a00;box-shadow:0 6px #880,inset 0 2px #ff6}.btn-purple{background:#63c;color:#fff;box-shadow:0 6px #306,inset 0 2px #96f}.btn:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn:active{transform:translateY(4px);box-shadow:0 2px #333}.help-btn{position:absolute;bottom:20px;right:20px;z-index:10;width:36px;height:36px;background:#1a0033;color:#caf;border:2px solid #6633cc;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.help-btn:hover{background:#2a0055}