*{box-sizing:border-box}body{margin:0;font:16px system-ui,Arial;background:#081b35;color:#eff7ff}header{display:flex;align-items:center;justify-content:space-between;background:#102f52;padding:16px max(20px,5vw);border-bottom:2px solid #3d8dc9}header small{display:block;color:#aac9e8}a{color:#8fd9ff}main{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px;max-width:1400px;margin:20px auto;padding:0 15px}.panel{background:#102e4d;border:1px solid #356083;border-radius:16px;padding:18px;min-width:0}h1{font-size:clamp(24px,4vw,42px);margin:0;color:#ffda75}h2,h3{color:#d9efff}input,button{font:inherit;border-radius:9px;padding:11px;margin:4px;border:1px solid #6e96b5}button{background:#f4cb65;color:#132944;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.12)}input{background:#f7fbff;color:#123;width:min(100%,280px)}.hud{display:flex;justify-content:space-around;font-size:20px;margin:12px 0;font-weight:700}#arena{height:min(56vh,490px);min-height:300px;position:relative;overflow:hidden;border:3px solid #b6eaff;border-radius:18px;background:linear-gradient(#60b8f5,#b9e9ff 75%,#def7ff)}#balloon{position:absolute;left:0;top:0;width:110px;height:110px;background-image:url('1inicioDir.png');background-size:contain;background-position:center;background-repeat:no-repeat;will-change:transform}#star{position:absolute;left:0;top:0;font-size:35px;will-change:transform}.controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px}.controls button{font-size:25px;min-width:65px;touch-action:none}#endScreen{position:absolute;inset:0;z-index:3;background:linear-gradient(160deg,#071e42ee,#206d9fee);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;color:#fff}#endScreen[hidden],[hidden]{display:none!important}#zoomBalloon{height:140px;width:140px;background:url('1inicioDir.png') center/contain no-repeat;animation:zoom 2.4s ease-out both}@keyframes zoom{from{transform:scale(.2) translateY(200px)}to{transform:scale(1.6) translateY(-5px)}}.fatecLogo{font-size:clamp(23px,5vw,42px);font-weight:900;letter-spacing:2px;color:#ffe18a}#ranking li{padding:5px}footer{text-align:center;padding:25px;color:#b6c9df}.credits{max-width:800px;margin:25px auto;padding:20px}.credits li{padding:6px}@media(max-width:760px){main{grid-template-columns:1fr}#arena{height:400px}.panel{padding:12px}}