/* Field Build 3.1 beta-readiness navigation and first-watch guidance */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar nav{padding:0!important}
.nav-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .8rem!important;border:1px solid #3b5c70!important;background:#0c2130!important;color:#e8f2f6!important;font:800 .7rem/1 system-ui!important;text-transform:uppercase;letter-spacing:.08em}
.nav-toggle:hover,.nav-toggle:focus-visible{border-color:#f2bd3f!important;color:#fff!important}
.navigation-drawer[hidden]{display:none!important}
.navigation-drawer{position:absolute;top:calc(100% + 1px);right:clamp(1rem,5vw,5rem);width:min(880px,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:#35566a;box-shadow:0 24px 80px #000d;z-index:20}
.navigation-drawer>div{display:grid;align-content:start;gap:.25rem;padding:1rem;background:#071620}
.navigation-drawer b{margin-bottom:.45rem;color:#f2bd3f;font:800 .66rem/1.2 ui-monospace,monospace;letter-spacing:.12em}
.navigation-drawer a{display:block!important;padding:.55rem .6rem;color:#c5d7df!important;font-size:.75rem!important;text-transform:none!important;letter-spacing:0!important}
.navigation-drawer a:hover,.navigation-drawer a:focus-visible{background:#123044;color:#fff!important}
.drawer-signout{margin-top:.45rem!important;padding-top:.6rem;border-top:1px solid #294b5d}.drawer-signout button{width:100%;padding:.6rem!important;border:1px solid #69414a!important;background:#241219!important;color:#ffb7bd!important;text-align:left;font:800 .7rem system-ui!important;text-transform:uppercase;letter-spacing:.08em}
.career-guide{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.25rem;padding:.75rem clamp(1rem,5vw,5rem);border-bottom:1px solid #315364;background:linear-gradient(90deg,#092330,#0a1720);box-shadow:0 10px 35px #0005}
.career-guide>div{display:grid}.career-guide strong{font-size:1rem}.career-guide small{color:#9db2bd}
.career-guide ol{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}
.career-guide li>span:first-child{display:grid;place-items:center;width:26px;height:26px;border:1px solid #496a7c;border-radius:50%;color:#a7bac4;font:800 .68rem ui-monospace,monospace}
.career-guide li.complete>span:first-child{border-color:#4fbd91;background:#174231;color:#d8fff0}.career-guide .btn{padding:.65rem 1rem}
.first-watch-panel{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr) auto;align-items:center;gap:1.4rem;margin:1rem 0}
.first-watch-panel h2{margin:.2rem 0}.first-watch-panel ol{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:.45rem;margin:0;padding:0;list-style:none}
.first-watch-panel li{display:grid;grid-template-columns:28px 1fr;gap:.5rem;align-items:center;padding:.65rem;border:1px solid #294958;background:#071620}
.first-watch-panel li>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #486879;border-radius:50%;font:800 .68rem ui-monospace,monospace}
.first-watch-panel li b,.first-watch-panel li small{display:block;font-size:.67rem;line-height:1.25}.first-watch-panel li small{color:#819ba8}
.first-watch-panel li.complete{border-color:#336b58}.first-watch-panel li.complete>span{background:#174231;border-color:#4fbd91;color:#d8fff0}
.active-watch-notice{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 3.2%;padding:1rem 1.2rem;border:1px solid #e4b43f;border-left:5px solid #e4b43f;background:#211d0e}
.active-watch-notice>div{display:grid}.active-watch-notice b{color:#f2c857;font:800 .7rem ui-monospace,monospace;letter-spacing:.12em}.active-watch-notice small{color:#b8c5ca}
.loadout-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.75rem}.loadout-heading h2{margin-top:0}
.loadout-readiness{margin:.6rem 0;padding:.8rem 1rem;border-left:4px solid #e4b43f;background:#211d0e;color:#f5d983}.loadout-readiness.ready{border-color:#4fbd91;background:#0d2b20;color:#bff7df}
label>small{display:block;margin-top:.3rem;color:#91a8b4}:focus-visible{outline:3px solid #f2bd3f;outline-offset:3px}
@media(max-width:1000px){.navigation-drawer{grid-template-columns:repeat(2,minmax(0,1fr))}.career-guide{grid-template-columns:1fr auto}.career-guide ol{grid-row:2;grid-column:1/-1}.first-watch-panel{grid-template-columns:1fr}.first-watch-panel ol{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.topbar{align-items:center!important;min-height:72px;padding:.55rem .7rem!important}.topbar .brand small{display:none}.topbar nav>a,.topbar nav>form{display:none!important}.nav-toggle{display:inline-flex!important}.navigation-drawer{position:fixed;top:72px;right:.5rem;left:.5rem;width:auto;max-height:calc(100vh - 80px);overflow:auto;grid-template-columns:1fr 1fr}.career-guide{grid-template-columns:1fr auto;padding:.65rem .75rem;gap:.7rem}.career-guide small,.career-guide ol{display:none}.career-guide .eyebrow{font-size:.58rem}.career-guide strong{font-size:.85rem}.career-guide .btn{font-size:.65rem;padding:.6rem .7rem}.first-watch-panel ol{grid-template-columns:1fr}.first-watch-panel li{grid-template-columns:28px 1fr}.active-watch-notice,.loadout-heading{display:grid}.depth-layout{margin-left:0;margin-right:0}}
@media(max-width:480px){.navigation-drawer{grid-template-columns:1fr}.navigation-drawer>div{padding:.75rem}.brand{font-size:.72rem!important}.shield{width:36px;height:41px}}