/* BUILD26: bounded menus and optional, real-command training. */
*,*::before,*::after{box-sizing:border-box}
.intro-tutorial{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:8px 12px;margin-top:8px;border:1px solid #6b9b9866;border-radius:3px;background:#17302e88;color:#c6d6ce;text-align:left}
.intro-tutorial span{font-size:11px;color:#9bb9b6}.intro-tutorial strong{font-size:12px;font-weight:500}
.lesson-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.lesson-menu-grid button{position:relative;display:grid;gap:7px;text-align:left;min-width:0;min-height:118px;padding:15px 16px;border:1px solid #70888168;background:linear-gradient(125deg,#20372b80,#0a1727);border-radius:5px;color:#d7e2d9}
.lesson-menu-grid button>span{position:absolute;right:13px;top:12px;font:22px Georgia,serif;color:#a8b6a24d}.lesson-menu-grid strong{font-size:16px;font-weight:500}.lesson-menu-grid small{font-size:12px;color:#a3b7bd}.lesson-menu-grid b{font-size:11px;font-weight:500;color:#dfcc91;margin-top:7px}.lesson-menu-note{font-size:12px;line-height:1.65;color:#9db4bb}
.lesson-strip{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(100deg,#192c2ef5,#101c2cf5);border-bottom:1px solid #b8a2638c;min-width:0}
.lesson-strip[hidden]{display:none!important}.lesson-copy{min-width:0;flex:1}.lesson-copy small{display:block;color:#d1b979;font-size:10px;letter-spacing:.5px}.lesson-copy strong{display:block;color:#ebdfbe;font-size:14px;font-weight:500;margin:4px 0}.lesson-copy p{color:#bed0d4;font-size:12px;line-height:1.6;margin:0}.lesson-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.lesson-actions button{min-height:44px;border:1px solid #aa986479;border-radius:4px;padding:7px 10px;background:#85703530;color:#eee0b5;font-size:12px}.lesson-actions button:disabled{color:#7f9299;border-color:#455963;background:#16212c}.lesson-actions .lesson-exit{min-width:38px;border:0;background:none;color:#8dabb6;font-size:18px}
.lesson-target{outline:2px solid #e8c46f!important;outline-offset:2px;box-shadow:0 0 16px #d6b05a44!important}
#app[data-tutorial=true] #battle-hud .command-guide{display:none!important}
#app[data-tutorial=true] #battle-hud .commands{grid-column:1/-1;grid-row:3}
#app[data-tutorial=true] #battle-hud .command-meta{grid-column:1;grid-row:4}
#app[data-tutorial=true] #battle-hud .unit-heading{grid-column:2;grid-row:4}
.command-manual header{display:flex;align-items:center;justify-content:space-between;gap:10px}.command-manual header .modal-title{margin:0}.manual-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:16px 0}.manual-tabs button{min-width:0;min-height:44px;padding:6px 8px;border:1px solid #5368758c;background:#0d1d2b;color:#b9cdd0;border-radius:4px;font-size:12px}.manual-tabs button[aria-pressed=true]{color:#eed8a2;background:#54472555;border-color:#bda15b}.command-manual h3{margin:16px 0 5px;font-size:19px;font-weight:500;color:#e1d8b7}.manual-intro{font-size:13px;color:#a2bec4;margin:0 0 13px}.manual-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-cards article{min-width:0;padding:14px;border:1px solid #57737b5c;border-radius:4px;background:#11233266}.manual-cards h4{font-size:13px;font-weight:500;color:#e4d7af;margin:0 0 6px}.manual-cards p{font-size:12px;line-height:1.7;color:#b4c9d0;margin:0}
#modal{width:min(1040px,calc(100vw - 32px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow-x:hidden;overscroll-behavior:contain}
#modal-content{min-width:0;max-width:100%}#modal-content :is(input,select,fieldset,section,article,div){min-width:0}#modal-content input:not([type=checkbox]):not([type=radio]):not([type=range]),#modal-content select{max-width:100%}
.sound-repertoire-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sound-repertoire-list article{min-width:0}.sound-repertoire-list article h4{overflow-wrap:anywhere}
.sound-workspace .sound-repertoire-list article{padding:10px}.sound-workspace .sound-repertoire-list article p{display:none}.sound-workspace .sound-repertoire-heading p{font-size:11px;line-height:1.5}
.page-controls{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-top:8px}.page-controls button{min-width:44px;min-height:44px;border:1px solid #536d75;background:#142632;color:#c4d7d8;border-radius:4px}.page-controls span{font-size:11px;color:#9eb8c1}.page-controls button:disabled{opacity:.35}
.free-formation-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.free-formation-actions button{min-height:44px;font-size:12px}
.bridge-identity{display:block;font-size:10px;line-height:1.5;color:#9fbec8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ship-selector{bottom:44px;overflow-x:hidden}.ship-selector button{min-width:0}
#app[data-online=true] .strength-line:not(.enemy) strong,#app[data-online=true] .target-tag:not(.enemy){color:#79dce8}#app[data-online=true] .strength-line.enemy strong,#app[data-online=true] .target-tag.enemy{color:#ffb072}
@media(max-width:760px){
 .lesson-menu-grid{gap:7px;margin:12px 0}.lesson-menu-grid button{min-height:108px;padding:12px}.lesson-menu-grid strong{font-size:14px}.lesson-menu-grid small{font-size:11px;line-height:1.5}
 .lesson-strip{gap:7px;padding:7px 8px;align-items:flex-start}.lesson-copy strong{font-size:12px;margin:3px 0}.lesson-copy p{font-size:11px;line-height:1.45}.lesson-copy small{font-size:9px}.lesson-actions{gap:2px}.lesson-actions .lesson-next{font-size:10px;padding:6px;max-width:77px}.lesson-actions .lesson-exit{min-width:30px;padding:4px}
 .manual-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0}.manual-tabs button{font-size:11px;padding:5px}.manual-cards{grid-template-columns:1fr;gap:6px}.manual-cards article{padding:9px 11px}.manual-cards p{font-size:11px;line-height:1.55}.manual-cards h4{font-size:12px;margin-bottom:4px}.command-manual h3{font-size:16px;margin-top:10px}.command-manual header{align-items:flex-start}.command-manual header .quiet-button{font-size:11px;padding:5px 8px;min-height:44px}.command-manual header .modal-title{font-size:21px}.manual-intro{font-size:11px}
 #modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .sound-repertoire-list{grid-template-columns:1fr}.sound-shared-mixer{gap:7px}.sound-workspace-heading h2{font-size:22px}.sound-workspace-heading p{font-size:11px}
 .intro-tutorial{padding:6px 9px;min-height:38px}.intro-tutorial span{font-size:10px}.intro-tutorial strong{font-size:11px}
}
@media(max-width:760px) and (max-height:760px) and (orientation:portrait){
 #intro .intro-shell{margin-top:5px}#intro h1{font-size:30px;margin:8px 0 6px}#intro .intro-copy{font-size:11px;line-height:1.5}#intro .intro-launch{margin-top:8px}#intro .intro-mission{padding-top:8px;margin-bottom:7px}#intro .intro-mission h2{font-size:14px}.history-entry{min-height:52px;padding:6px 8px}.history-entry small{font-size:9px;margin-top:2px}#intro .intro-mode{min-height:80px;padding:10px 8px}#intro .intro-mode strong{font-size:13px}.intro-bottom-note{margin-top:7px}#intro .intro-briefing{min-height:38px;margin-top:6px}
 .lesson-copy p{font-size:10px}.lesson-menu-grid button{min-height:98px}.manual-cards article{padding:7px 9px}
}
@media(max-height:540px) and (orientation:landscape){
 .intro-tutorial{min-height:32px;padding:4px 8px;margin-top:5px}.intro-bottom-note{margin-top:5px}.intro-tutorial span{font-size:9px}.intro-tutorial strong{font-size:10px}
 .lesson-strip{padding:6px;gap:4px}.lesson-copy strong{font-size:11px}.lesson-copy p{font-size:10px;line-height:1.35}.lesson-copy small{font-size:9px}.lesson-actions{flex-direction:column;gap:1px}.lesson-actions button{min-height:32px}.lesson-actions .lesson-exit{min-height:24px;padding:0}
 #app[data-tutorial=true] #battle-hud .command-wrap{grid-template-columns:minmax(0,1fr) auto;overflow-y:auto}#app[data-tutorial=true] #battle-hud .unit-selector{grid-column:1/-1}#app[data-tutorial=true] #battle-hud .unit-heading{grid-column:1/-1;grid-row:4}#app[data-tutorial=true] #battle-hud .command-meta{grid-column:1/-1;grid-row:5}
 .lesson-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.lesson-menu-grid button{min-height:105px;padding:10px}.lesson-menu-grid button>span{display:none}.lesson-menu-note{font-size:10px}.manual-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.manual-cards article{padding:8px}.manual-cards p{font-size:10px}.manual-tabs{grid-template-columns:repeat(6,minmax(0,1fr));margin:8px 0}.manual-tabs button{min-height:36px;font-size:10px}.command-manual h3{margin:8px 0 4px}.command-manual header .modal-title{font-size:21px}
}

.free-formation-map{display:block;width:min(100%,420px);height:clamp(190px,36dvh,340px);margin:10px auto;touch-action:none;background:#091723;border:1px solid #41657566;border-radius:5px}.free-formation-points [data-free-unit]{cursor:grab;outline:none}.free-formation-points [data-free-unit]:focus circle{stroke:#ffda82;stroke-width:.025}.free-formation-status{font-size:12px;line-height:1.5;color:#a7d3c4;margin:6px 0}.free-formation-status[data-valid=false]{color:#e4af8d}.free-formation-note{font-size:11px;line-height:1.5;color:#91aeb8}.free-formation-editor .modal-subtitle{margin-bottom:10px}.free-formation-editor .primary-button{min-height:44px}#free-formation-open{min-height:44px;width:100%;margin-top:8px;font-size:12px}
@media(max-height:540px) and (orientation:landscape){.free-formation-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:5px 12px}.free-formation-editor>.eyebrow,.free-formation-editor>.modal-title,.free-formation-editor>.modal-subtitle{grid-column:1}.free-formation-map{grid-column:2;grid-row:1/7;height:220px;margin:0}.free-formation-status,.free-formation-note{font-size:10px}.free-formation-actions button{font-size:10px;min-height:34px}}
/* Catalog pages retain every entry without a long vertical strip. */
.menu-page-away{display:none!important}.menu-pages{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;margin:10px 0 0;font-size:10px;color:#a9c0ca}.menu-pages[hidden]{display:none}.menu-pages button{border:1px solid #71899166;border-radius:4px;background:#10242c;color:#d9e7e8;padding:7px 12px;font:inherit;cursor:pointer}.menu-pages button:disabled{opacity:.35;cursor:default}.menu-pages span{min-width:90px;text-align:center;font-variant-numeric:tabular-nums}.intro-mode[data-challenge="true"]{border-color:#dcb776;box-shadow:inset 0 0 22px #c69b4226}.ship-selector+.menu-pages{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);margin:0;z-index:5;white-space:nowrap}