/* Visual-overhaul layer: picture-first selectors without touching simulation state. */
.visual-source-select,.visual-source-range{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.visual-picker-trigger{width:100%;min-height:58px;display:grid;grid-template-columns:42px 1fr 20px;gap:10px;align-items:center;text-align:left;padding:8px 10px;background:linear-gradient(180deg,#394035,#292f28);border:1px solid #696d57;color:#ece5cf;text-transform:none;letter-spacing:0}
.visual-picker-trigger:hover{border-color:#b79f66;background:linear-gradient(180deg,#444b3d,#30372e)}
.visual-picker-trigger:focus-visible{outline:2px solid #d0b56d;outline-offset:2px}
.visual-picker-trigger>span:nth-child(2){min-width:0}.visual-picker-trigger small,.visual-picker-trigger b{display:block}.visual-picker-trigger small{font-size:.54rem;letter-spacing:.09em;color:#9ea18c;text-transform:uppercase}.visual-picker-trigger b{margin-top:2px;font:700 .75rem Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-trigger-chevron{font-size:1.4rem;color:#c8b77d;text-align:right}
.visual-trigger-icon,.visual-option-icon,.mio-node-icon{display:grid;place-items:center;color:#d0bd7c;background:#20251f;border:1px solid #666a54;box-shadow:inset 0 0 0 1px #151913}.visual-trigger-icon{width:40px;height:40px}.visual-trigger-icon svg,.visual-option-icon svg,.mio-node-icon svg{width:76%;height:76%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.visual-trigger-icon.armor,.visual-option-icon.armor{color:#9ab0ae}.visual-trigger-icon.air,.visual-option-icon.air{color:#9db8c5}.visual-trigger-icon.artillery,.visual-option-icon.artillery{color:#c59579}.visual-trigger-icon.infantry,.visual-option-icon.infantry{color:#9bb18a}.visual-trigger-icon.industry,.visual-option-icon.industry{color:#d6bd79}.visual-trigger-icon.doctrine,.visual-option-icon.doctrine{color:#c6c1a2}.visual-trigger-icon.antitank,.visual-option-icon.antitank{color:#c8906f}.visual-trigger-icon.antiair,.visual-option-icon.antiair{color:#98aeca}.visual-trigger-icon.support,.visual-option-icon.support{color:#aaa989}
.picker-open{overflow:hidden}.visual-picker-shell[hidden]{display:none}.visual-picker-shell{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.visual-picker-backdrop{position:absolute;inset:0;background:rgba(5,8,6,.78);backdrop-filter:blur(5px)}.visual-picker{position:relative;width:min(1040px,96vw);max-height:min(820px,90vh);overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#30362c,#20251e);border:2px solid #77765d;box-shadow:0 28px 80px rgba(0,0,0,.6),inset 0 0 0 1px #171b16}.visual-picker header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:17px 18px 14px;border-bottom:1px solid #5c604d;background:linear-gradient(180deg,#464d3e,#33392f)}.visual-picker header h2{margin:2px 0 4px;font:700 1.25rem Georgia,serif;color:#eee5c7}.visual-picker header p{margin:0;color:#a5a692;font-size:.7rem}.visual-picker-close{width:38px;height:38px;padding:0;border-radius:0;font-size:1.4rem;line-height:1;background:#282d26}.visual-picker-grid{overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:14px}.visual-option{position:relative;min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px;background:linear-gradient(180deg,#30362c,#242a22);border:1px solid #5e624e;color:#e4ddc5;text-transform:none;letter-spacing:0;text-align:center}.visual-option:hover{border-color:#ab9864;transform:translateY(-1px)}.visual-option.selected{border-color:#d0b56d;box-shadow:inset 0 -3px #d0b56d;background:linear-gradient(180deg,#424838,#2d332a)}.visual-option:disabled{opacity:.35;filter:grayscale(1)}.visual-option-icon{width:54px;height:54px}.visual-option-copy b{display:block;font:700 .78rem Georgia,serif}.visual-option-copy small{display:block;margin-top:3px;color:#8f9280;font-size:.55rem}.visual-option-check{position:absolute;top:7px;right:8px;width:22px;height:22px;display:grid;place-items:center;background:#6d805b;color:#fff;border:1px solid #9bab82;font-size:.65rem}
.mio-traits{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px!important}.visual-mio-node{position:relative!important;min-height:76px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 9px!important;background:linear-gradient(180deg,#30362c,#232921)!important;border:1px solid #5b604c!important;text-transform:none!important}.visual-mio-node:has(input:checked){border-color:#d0b56d!important;box-shadow:inset 0 -3px #d0b56d}.visual-mio-node.locked{opacity:.42}.visual-mio-node input{position:absolute!important;opacity:0!important;pointer-events:none!important}.visual-mio-node span{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;width:100%;font-size:.68rem!important;color:#ded7be!important}.mio-node-icon{width:34px;height:34px}.mio-node-icon svg{width:24px;height:24px}
.mastery-pips{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:8px 0}.mastery-pip{min-width:0;padding:6px 3px;display:grid;place-items:center;gap:1px;background:#20251e;border:1px solid #4e5342;color:#777b6b}.mastery-pip span{font-size:.8rem}.mastery-pip small{font-size:.5rem;color:inherit}.mastery-pip.filled{color:#cdb872;border-color:#716a50;background:#30352b}.mastery-pip.current{box-shadow:inset 0 -3px #d0b56d;color:#ead89c}
.tech-equipment-grid label,.tank-module-grid label,.air-module-grid label{min-width:0}.tech-equipment-grid .visual-picker-trigger,.tank-module-grid .visual-picker-trigger,.air-module-grid .visual-picker-trigger{margin-top:2px}
.doctrine-track{overflow:hidden}.doctrine-track>.visual-picker-trigger{margin:7px 0}.grand-doctrine-row label{min-width:min(420px,100%)}
@media(max-width:720px){.visual-picker-shell{padding:8px}.visual-picker{width:100%;max-height:94vh}.visual-picker header{padding:12px}.visual-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px}.visual-option{min-height:108px;padding:8px}.visual-option-icon{width:46px;height:46px}.visual-option-copy b{font-size:.69rem}.mio-traits{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.visual-picker-grid{grid-template-columns:1fr 1fr}.visual-option{min-height:96px}.visual-option-copy small{display:none}.visual-picker-trigger{grid-template-columns:36px 1fr 18px;min-height:52px}.visual-trigger-icon{width:34px;height:34px}.mio-traits{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.visual-option{transition:none!important}.visual-option:hover{transform:none}}