/* Original gold naval design; functional accessibility and responsive additions. */
.rosa-studio{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;text-decoration:none;color:#d4af37;}
.rosa-studio img{width:140px;height:auto;}.rosa-studio span{font:9px system-ui;letter-spacing:2px;}
.startup-error{position:fixed;z-index:2000;inset:25% 10% auto;padding:24px;background:#08182e;border:1px solid #d4af37;border-radius:16px;color:#fff;}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f0d49b;outline-offset:4px;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
.target-console{position:absolute;bottom:20px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #c7ad7277;border-radius:12px;background:#051725ed;pointer-events:auto;box-shadow:0 8px 20px #0005;}
.target-console label{font-size:11px;color:#acc6d2;}.target-console input{width:90px;min-height:40px;padding:8px;border:1px solid #84a5b366;background:#112e40;border-radius:6px;color:#fff;font:14px system-ui;text-transform:uppercase;user-select:text;}.target-console button{min-height:40px;padding:8px 18px;border:1px solid #ddc38a;border-radius:7px;background:linear-gradient(#f4e5bc,#cca461);color:#142d38;font-weight:700;}
@media(max-width:760px){.target-console{bottom:85px;max-width:95%;}.target-console input{width:80px;}}
@media(max-width:768px){
 #battle-hud{padding:8px;}
 .hud-top-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:6px;padding:45px 0 0;}
 .hud-center-banner{grid-column:1/-1;grid-row:1;min-width:0;}
 .hud-top-bar .fleet-card{width:100%;max-width:none;min-width:0;padding:7px 9px;}
 .fleet-card-header{display:flex;flex-direction:column;align-items:flex-start;gap:3px;}
 .fleet-card-title{font-size:10px;letter-spacing:.5px;}
 .fleet-accuracy{font-size:9px;}
 .fleet-list{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;}
 .fleet-ship-row{min-width:0;font-size:10px;}
 .mobile-board-switcher{top:auto!important;bottom:145px!important;left:50%;transform:translateX(-50%);max-width:95%;width:max-content;}
 .mobile-board-tab{font-size:10px!important;padding:8px 10px!important;min-height:36px;}
 .target-console{bottom:77px;}
}

@media(max-width:768px){.mobile-board-switcher{position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;}.fleet-type-row{min-width:0;font-size:10px;}.fleet-type-name{font-size:10px;}}
/* Keep the approved gold interface compact enough to reveal the sea. */
@media(min-width:850px) and (min-height:521px){
 #main-menu{padding:20px 28px;gap:8px;}
 .menu-header,.menu-body{max-width:clamp(290px,27vw,390px);}
 .menu-header{padding:12px 16px;}
 .rosa-studio{margin-bottom:8px;}.rosa-studio img{width:110px;}.rosa-studio span{font-size:7px;letter-spacing:1px;}
 .game-title{font-size:clamp(26px,2.5vw,38px);}.game-subtitle{font-size:9px;letter-spacing:1px;}
 .menu-body{padding:8px;gap:6px;}.tactical-btn.menu-card-btn{aspect-ratio:578/164;min-height:0;}.menu-card-btn .card-inner{height:100%;min-height:0;}.menu-card-btn .card-art-img{height:100%;object-fit:contain;transform:none!important;}
 .menu-footer{font-size:8px;max-width:390px;}
}
@media(max-width:849px) and (orientation:portrait){#main-menu{padding-top:64px;}.menu-header{max-width:100%;}.rosa-studio{margin-bottom:8px;}.rosa-studio img{width:110px;}.rosa-studio span{font-size:7px;}.game-title{font-size:28px;}.game-subtitle{font-size:9px;}.menu-body{max-width:440px;}}