:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(180deg,#87ceeb,#98d8c8 40%,#7ec850 60%,#5a9e3a)}.title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:.5rem 0 .25rem;text-shadow:2px 2px 0 #5a3e1b;color:#fff}.subtitle{margin:0 0 1rem;color:#ffffffd9;font-size:1rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.game-container{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 8px 32px #00000059;border:3px solid #5a3e1b}canvas{display:block}.hud{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between;pointer-events:none}.hud-item{background:#00000080;color:#fff;padding:.35rem .75rem;border-radius:.5rem;font-weight:700;font-size:1rem}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay h2{font-size:2.5rem;margin:0 0 .5rem;color:gold;text-shadow:2px 2px 0 #5a3e1b}.overlay p{margin:.25rem 0;font-size:1.1rem;color:#eee}.overlay .final-score{font-size:1.5rem;font-weight:700;color:gold;margin:.5rem 0 1rem}.btn{margin-top:.75rem;padding:.75rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;background:gold;color:#5a3e1b;box-shadow:0 4px #b8960a;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translateY(-1px);box-shadow:0 5px #b8960a}.btn:active{transform:translateY(2px);box-shadow:0 2px #b8960a}.info{margin-top:1rem;color:#ffffffb3;font-size:.85rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}