/* Coach command interface v1: presentation only, no save or simulation writes. */
:root{--cmd-blue:#236ab4;--cmd-amber:#edb33e}
#main{min-width:0}#main .card,#main .box,#main section{min-width:0}
#main button,.coach-display-actions button{border-width:1px;border-radius:11px;min-height:38px;transition:background .16s,filter .16s;touch-action:manipulation}
/* Don't shift clickable hit targets: squad player buttons are absolutely positioned via transform:translate(-50%,-50%). */
#main button:hover,.coach-display-actions button:hover{filter:brightness(1.045)}
#main .pitch .slot,#main .pitch .slot:hover,#main .pitch .slot:focus-visible{transform:translate(-50%,-50%)!important;filter:none}
#main .pitch .slot:hover .mag,#main .pitch .slot:focus-visible .mag{box-shadow:0 0 0 3px rgba(255,194,58,.85),0 3px 0 rgba(0,0,0,.35)}
#main button:focus-visible,.tabs button:focus-visible,.cmd-help summary:focus-visible{outline:3px solid #edb33e;outline-offset:3px}
#main button:not(.primary):not(.go):not(.big):not(.play):not(.danger){box-shadow:none}
#main .primary,#main button.go{background:var(--cmd-blue);color:#fff;border:1px solid transparent}
#main button.cmd-game-action{background:var(--cmd-amber)!important;color:#13243a!important;border:1px solid #b17f19!important;font-weight:800;min-height:46px}
#main .card,#main .box{border-radius:15px}
#main .card::before{max-width:3px}
.cmd-tab-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;flex:none;margin-right:5px}
.cmd-tab-icon svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cmd-mini-status{display:none;font-family:var(--f-mono,monospace);font-size:var(--fs-xs);white-space:nowrap;opacity:.85}
.cmd-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;margin:0 0 14px;border-radius:14px;background:linear-gradient(115deg,#0a2a47,#135c83);color:#fff;box-shadow:0 8px 20px #061e342b}
.cmd-hero b{font:600 19px/1.15 var(--f-display,sans-serif)}
.cmd-hero small{display:block;font:500 12px/1.3 var(--f-body,sans-serif);color:#d6e8f4;margin-top:4px}
.cmd-hero button{margin-left:auto;flex:none;max-width:52%;padding:11px 14px;font-weight:800;border-radius:11px;background:#edb33e;color:#10253b;border:0}
.cmd-help{margin:4px 0 12px;border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:12px;line-height:1.45}
.cmd-help summary{cursor:pointer;font-weight:700;list-style:none}.cmd-help summary::before{content:'ⓘ';color:var(--cmd-blue);margin-right:7px}
.cmd-help[open] summary{margin-bottom:6px}
#main .ctl{border-radius:12px;min-height:44px}#main .ctl i{border-radius:50%}
#main .controls,#main .ctrl,#main .live-ctrl{gap:8px}
#main .form-badge,#main .form span{min-width:25px;min-height:25px;display:inline-grid;place-items:center;font-weight:800}
#main .tw table th,#main .tw table td{vertical-align:middle}
#main [class*="formation"]{overflow-wrap:normal}
#main .no-break-formation{white-space:nowrap!important}
#main .coach-img-fallback{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#145895,#7cc9f4);color:white;font-weight:700}
@media(max-width:600px){
 .wrap>.top{position:sticky;top:0;z-index:31;display:flex!important;align-items:center;gap:8px;padding:6px 10px!important;min-height:49px;max-height:64px;box-shadow:0 3px 15px #0002}
 .wrap>.top .logo{width:27px!important;height:27px!important}
 .wrap>.top .brand h1{font-size:16px!important;line-height:1.1!important;margin:0}
 .wrap>.top .brand p{display:none}
 .wrap>.top .brand{flex:none;min-width:0;gap:6px}
 .wrap>.top .meters{display:none!important}
 .cmd-mini-status{display:block;margin-left:auto;max-width:45%;overflow:hidden;text-overflow:ellipsis}
 .wrap>.coach-displaybar{display:none}
 .wrap>.status{font-size:var(--fs-xs);padding:5px 8px;min-height:0}
 .wrap>.tabs{scroll-margin-top:54px}
 .wrap>.tabs button{font-size:11px!important;white-space:nowrap}
 .cmd-tab-icon{width:16px;height:16px;display:block;margin:0 auto 2px}
 .cmd-hero{margin-top:1px}
 .cmd-hero b{font-size:17px}
 #main .tw{overflow-x:auto;max-width:100%}
 #main .tw table{min-width:max-content}
 #main .tw table th,#main .tw table td{white-space:nowrap}
 #main .live-grid .ctl{min-width:44px}
 #main .coach-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(prefers-reduced-motion:reduce){#main button,.coach-display-actions button{transition:none!important;transform:none!important}}

/* Achievement atlas: each badge has its own sign, earned state stays explicit. */
.achs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px}
.achs .ach{border-radius:15px;padding:13px 10px;min-width:0;transition:transform .18s,box-shadow .18s}
.achs .ach i{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 8px;border-radius:14px;background:#64748b1f;font-style:normal;font-size:26px;line-height:1}
.achs .ach:not(.on) i{filter:grayscale(1);opacity:.34}
.achs .ach.on i{background:linear-gradient(130deg,#f9e6a4,#db9f31);box-shadow:inset 0 1px #ffffffc9,0 4px 18px #da9b3747}
.achs .ach.on{border-color:#d8a83e}
.achs .ach b{display:block;overflow-wrap:anywhere}
.achs .ach small{line-height:1.35}
@media(max-width:600px){.achs{grid-template-columns:repeat(2,minmax(0,1fr))}.achs .ach{padding:10px 7px}.achs .ach i{width:42px;height:42px;font-size:24px}}