:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#2d1b0e}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#87ceeb,#87ceeb 60%,#4a7c3f 60%,#4a7c3f)}canvas{display:block;image-rendering:pixelated;border:3px solid #5a3a1a;border-radius:8px;box-shadow:0 8px 32px #00000080}.hud{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:24px;font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:10;pointer-events:none}.hud span{background:#0006;padding:4px 14px;border-radius:20px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay h1{font-size:48px;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.8);margin-bottom:8px}.overlay h2{font-size:28px;color:#fff;margin-bottom:4px}.overlay p{font-size:16px;color:#ddd;margin-bottom:20px;text-align:center;max-width:400px}.overlay .subtitle{font-size:20px;color:gold;margin-bottom:24px}.btn{background:linear-gradient(135deg,gold,orange);color:#3a1a00;border:none;padding:14px 40px;font-size:20px;font-weight:700;border-radius:30px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px #ffa50066;margin:8px}.btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffa50099}.btn:active{transform:scale(.97)}.btn-secondary{background:linear-gradient(135deg,#8bc34a,#4caf50);color:#fff;box-shadow:0 4px 15px #4caf5066}.controls-info{font-size:13px;color:#ffffffb3;margin-top:16px;text-align:center;line-height:1.8}.controls-info kbd{background:#ffffff26;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.3);font-family:monospace;font-size:13px}.stars{position:absolute;top:10px;right:20px;font-size:28px;z-index:10;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.level-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.8);z-index:15;pointer-events:none;animation:fadeUp 2s forwards}@keyframes fadeUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-70%) scale(1.2)}to{opacity:0;transform:translate(-50%,-90%) scale(1.4)}}@media(max-width:600px){.hud{font-size:14px;gap:12px}.overlay h1{font-size:32px}.btn{padding:10px 28px;font-size:16px}}