*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#87ceeb;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}body.game-page{overflow-y:auto;overflow-x:hidden}.site-header{flex-shrink:0}.site-header .brand img{max-height:40px;width:auto}#app{width:100vw;flex:1;min-height:0;position:relative;overflow:hidden;flex-shrink:0}body.game-page #app{flex:0 0 auto;width:100vw;position:relative;overflow:visible}@media(min-width:768px){body.game-page #app{height:70vh;min-height:500px}}@media(max-width:767px){body.game-page #app{height:400px;min-height:400px;max-height:400px}}.game-content{max-width:800px;margin:0 auto;padding:2rem;background:#fff;flex:1}.game-content section{margin:2rem 0;padding:1.5rem;background:#f9f9f9;border-radius:8px}.game-content h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.game-content p{color:#666;line-height:1.6;margin-bottom:.5rem}@media(max-width:767px){.game-content{padding:1rem}.game-content section{margin:1rem 0;padding:1rem}.game-content h2{font-size:1.2rem}.game-content p{font-size:14px}}.game-content ul{list-style:none;padding:0}.game-content li{margin:.5rem 0}.game-content a{color:#4caf50;text-decoration:none}.game-content a:hover{text-decoration:underline}#game-container{width:100%;height:100%;position:relative;touch-action:none;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;will-change:transform;transform:translateZ(0)}#game-canvas{display:block;touch-action:none}#slingshot-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}#hud{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:8px;z-index:10;background:#0009;padding:12px;border-radius:8px;color:#fff;font-size:14px;font-weight:700}.hud-item{display:flex;justify-content:space-between;gap:12px;min-width:120px}@media(max-width:767px){#hud{padding:8px;font-size:12px;top:5px;left:5px;gap:4px}.hud-item{min-width:100px;gap:8px}@media(orientation:landscape){#hud{font-size:11px;padding:6px;gap:3px}.hud-item{min-width:90px}}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay.hidden{display:none}.overlay-content{background:#fff;padding:32px;border-radius:16px;text-align:center;max-width:400px;box-shadow:0 8px 32px #0000004d;width:calc(100% - 32px);margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}.overlay-content h2{margin-bottom:16px;color:#333;font-size:24px}.win-message,.lose-message{margin-bottom:20px;color:#666;font-style:italic}#stars-display{font-size:48px;color:gold;margin:20px 0;letter-spacing:8px}.score-breakdown{margin:20px 0;text-align:left;background:#f5f5f5;padding:16px;border-radius:8px}.score-breakdown div{margin:8px 0;color:#333}.score-breakdown .total{font-weight:700;font-size:18px;margin-top:12px;padding-top:12px;border-top:2px solid #ddd}button{background:#4caf50;color:#fff;border:none;padding:12px 24px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;margin-top:16px;transition:background .2s}button:hover{background:#45a049}button:active{transform:scale(.98)}@media(max-width:767px){.overlay-content{padding:20px;margin:16px;max-width:calc(100% - 32px);width:calc(100% - 32px)}.overlay-content h2{font-size:18px;margin-bottom:12px}.overlay-content p{font-size:14px;margin-bottom:16px}#stars-display{font-size:32px;margin:16px 0;letter-spacing:4px}.score-breakdown{padding:12px;font-size:14px}button{padding:10px 20px;font-size:14px;width:100%;max-width:200px}@media(orientation:landscape){.overlay-content{padding:16px;margin:8px;max-height:calc(100vh - 16px)}.overlay-content h2{font-size:16px;margin-bottom:8px}.overlay-content p{font-size:12px;margin-bottom:12px}#stars-display{font-size:28px;margin:12px 0}}}