*{box-sizing:border-box}body{margin:0;background:#091018;color:#f4f3df;font-family:Arial,sans-serif}#game{width:100vw;height:100dvh;display:block;outline:none}main{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8vw;background:linear-gradient(90deg,#091018f5,#09101830)}main[hidden],aside[hidden]{display:none}h1{font-size:clamp(52px,9vw,120px);line-height:.88;letter-spacing:-.07em;margin:24px 0}p{max-width:520px;line-height:1.5}button{width:max-content;padding:18px 30px;border:0;border-radius:6px;background:#dafa52;color:#172315;font-size:18px;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{opacity:.45;cursor:default}aside{position:absolute;inset:20px;pointer-events:none;font-weight:700}.score{display:flex;justify-content:space-between;background:#091018bd;padding:14px;border-radius:8px}.score span{color:#dafa52}#notice{text-align:center;font-size:24px;margin-top:18px;text-shadow:0 2px 4px #000}#possession{position:absolute;bottom:135px;left:0;color:#dafa52;text-shadow:0 2px 3px #000}.power-strip{position:absolute;bottom:28px;display:flex;gap:8px;flex-wrap:wrap}.power-strip button{pointer-events:auto;font-size:11px;padding:14px 12px}.controls{position:absolute;bottom:0;font-size:12px;background:#091018bd;padding:5px}.charge{position:absolute;bottom:170px;width:260px;height:18px;background:#091018;border:2px solid white;border-radius:4px}.charge[hidden]{display:none}.charge div{height:100%}.charge i{position:absolute;left:50%;top:-6px;height:26px;border-left:2px solid white}#camera-mode{position:absolute;right:0;top:64px;pointer-events:auto;font-size:11px;padding:10px;background:#172b3add;color:#dafa52}#tackle-status{position:absolute;bottom:112px;font-size:12px;color:#fff2c9;text-shadow:0 2px 3px #000}#celebration{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#102f54aa,#09101855);pointer-events:none;text-align:center;text-shadow:0 4px 12px #000;font-weight:900;animation:goal-arrive .3s ease-out}#celebration[data-team="1"]{background:radial-gradient(ellipse,#792b29aa,#09101855)}#celebration[hidden],#offscreen-player[hidden]{display:none}#celebration p{font-size:clamp(36px,7vw,90px);margin:0}#celebration strong{font-size:clamp(36px,6vw,80px)}#celebration span{color:#dafa52}#offscreen-player{position:absolute;transform:translate(-50%,-50%);background:#51baff;color:#091018;padding:8px;border-radius:8px;font-weight:700;pointer-events:none;white-space:nowrap}#offscreen-player span{display:inline-block}#dog-status{position:absolute;top:110px;left:0;right:0;text-align:center;color:#dafa52;text-shadow:0 2px 4px #000}.power-strip{z-index:10}.power-strip button{touch-action:manipulation;min-height:44px}@keyframes goal-arrive{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}html,body{overflow:hidden}#celebration p{max-width:90vw}.power-pill{display:inline-block;padding:14px 12px;background:#dafa52;color:#172315;border-radius:6px;font-size:11px;pointer-events:none}.power-pill.unavailable,.power-pill.locked{opacity:.45}#camera-mode{pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;text-shadow:0 1px 3px black}#celebration strong{transition:transform .2s}