.cloud-actions { position:absolute; inset:auto 8px 2px; display:flex; gap:6px; justify-content:center; pointer-events:none; z-index:2; }
.cloud-actions button { min-height:44px; padding:7px 13px; border:2px solid #f0daa1; border-radius:10px; background:#284d56f2; color:#fff4cb; font:700 14px sans-serif; touch-action:manipulation; pointer-events:auto; }
.cloud-actions button[hidden] { display:none !important; }
.cloud-actions button:focus-visible { outline:3px solid #ffdd75; outline-offset:2px; }
.cloud-actions[data-mode="cloud"] { justify-content:flex-end; }
.cloud-active .boss-hud { left:8px; right:auto; bottom:6px; transform:none; width:calc(100% - 135px); max-width:360px; }
.cloud-active .hud-stars,.cloud-active .weapon-label { display:none; }
.cloud-active .hud-caption { letter-spacing:.2px; white-space:nowrap; }
.control.auto-dash { border-color:#ffd064; box-shadow:inset 0 0 0 2px #ffd064; }
.control.auto-dash span { color:#ffe28a; }
.title-actions { display:flex; flex-direction:column; align-items:center; gap:6px; }
.second-lap-button { margin:0; padding:8px 18px; min-height:44px; border:1px solid #c8d49b; border-radius:8px; color:#f4e9b7; background:#284c3e; font:700 13px sans-serif; touch-action:manipulation; }
.second-lap-button[hidden] { display:none !important; }
@media (orientation:landscape) and (max-height:550px) {
 .title-content { width:100%; padding:0 8px; }
 .title-content h1 { font-size:34px; margin:0; }
 .title-content h1>span { display:inline-block; }
 .title-content .hop { margin:0 0 0 9px; font-size:1em; letter-spacing:3px; }
 .title-star { display:none; }
 .title-jp { margin:8px 0; }
 .title-actions .primary-button,.title-actions .second-lap-button { min-height:42px; padding:7px 12px; font-size:12px; }
 .cloud-active #boss-state { display:none; }
}
@media (orientation:portrait) and (max-height:600px) { .title-content h1 { font-size:42px; } }
@media (orientation:landscape) and (max-height:550px) and (max-width:600px) {
 .cloud-active #world-name { font-size:11px; white-space:nowrap; }
 .cloud-active .hud-world { gap:3px; }
 .cloud-actions button { font-size:12px; padding:6px 9px; }
}