[hidden]{display:none!important}button:focus-visible{outline:3px solid #ffe69a;outline-offset:5px}.game-vignette{pointer-events:none}button{touch-action:manipulation}#touch button{touch-action:none}
/* Motion feedback stays below the controls and never intercepts input. */
.feedback-glow{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .6s ease;box-shadow:inset 0 0 110px #72e9ff00}
.feedback-glow.gate-flash{opacity:1;box-shadow:inset 0 0 100px #ffe59955}
.feedback-glow.gust-flash{opacity:1;box-shadow:inset 0 0 120px #7de6ff55}
.feedback-glow.hit-flash{opacity:1;box-shadow:inset 0 0 90px #ff715044}
.sailing-feedback{position:absolute;top:26%;left:50%;transform:translate(-50%,8px);opacity:0;transition:opacity .25s,transform .4s;pointer-events:none;z-index:8;color:#fff2c5;font-size:13px;font-weight:700;letter-spacing:.2em;text-align:center;text-shadow:0 2px 15px #153e54;white-space:nowrap}
.sailing-feedback.visible{opacity:1;transform:translate(-50%,0)}
.gust-active .game-vignette{box-shadow:inset 0 0 100px #65daef25}
.game-vignette{transition:box-shadow .6s}
.speed-track span,.boost-track span,.boost-power-track span{transition:width .12s linear}
.trim-needle,.trim-ideal{transition:left .12s linear}
.wind-dial span{transition:transform .14s ease-out}
.gate-pips span{transition:background .3s,box-shadow .3s}
.gate-pips .is-complete{box-shadow:0 0 10px #ffcd8270}
.is-optimal .trim-gauge{box-shadow:0 0 14px #94f3d522;transition:box-shadow .4s}
.primary-button,.icon-button,.touch-controls button{transition:transform .18s,background .2s,box-shadow .2s}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ec724844}
.primary-button:active,.icon-button:active,.touch-controls button:active{transform:scale(.96)}
.touch-controls button:active{background:#ea7855;box-shadow:0 0 22px #ffb48155}
.reduced-effects .feedback-glow{display:none}
.reduced-effects .sailing-feedback{transition:opacity .2s;transform:translateX(-50%)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:600px){.sailing-feedback{top:28%;font-size:12px;letter-spacing:.12em}}
.maker-credit{position:absolute;right:max(28px,calc(env(safe-area-inset-right) + 16px));bottom:calc(env(safe-area-inset-bottom) + 7px);z-index:9;display:flex;align-items:baseline;gap:6px;margin:0;color:rgba(255,248,230,.62);font-size:12px;line-height:18px;letter-spacing:.12em;text-shadow:0 1px 6px #07354d80;pointer-events:none;user-select:none}
.maker-credit-name{font-family:Georgia,"Times New Roman",serif;font-size:16px;font-style:italic;letter-spacing:.02em;color:rgba(255,248,230,.8)}
@media(pointer:coarse),(max-width:600px){.maker-credit{left:max(24px,calc(env(safe-area-inset-left) + 16px));right:auto;top:calc(env(safe-area-inset-top) + 64px);bottom:auto}}