*{box-sizing:border-box}body{margin:0}h1{margin:0 0 8px}.intro{font-size:21px;margin:0 0 24px;color:#53644a}button,a,input{touch-action:manipulation}button{cursor:pointer;font:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e6bc49;outline-offset:3px}.branches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.branch{border:2px solid transparent;border-radius:12px;color:white;background:var(--branch);padding:14px 10px;font-weight:750;min-height:54px}.branch[aria-pressed=true]{outline:3px solid #253521;outline-offset:3px;box-shadow:inset 0 0 0 2px white}.bank-count{text-align:center;color:#53644a;font-size:14px;margin:18px 0 24px}.flight-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(265px,1fr);gap:24px;align-items:start}.cockpit{background:#1c2429;border:8px ridge #738080;border-radius:32px 32px 18px 18px;padding:0 24px 24px;box-shadow:0 8px 16px #17292033;overflow:hidden}.canopy{height:70px;background:linear-gradient(155deg,#617f8c,#bacacc 45%,#3f565e 46%,#1c2429 48%);border-bottom:8px solid #333f40;margin:0 -24px 16px}.screen{color:#f4f8eb;background:#091b17f5;border:2px solid #598d64;border-radius:12px;padding:22px;min-height:430px;box-shadow:inset 0 0 30px #4baa5617}.instrument{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f0c763;border-bottom:1px solid #466755;padding-bottom:12px}.instrument h2{font-size:17px;margin:0}.instrument span{font:600 14px ui-monospace,monospace}.topic-label{color:#edcd7b;text-transform:uppercase;font-size:13px;letter-spacing:1px}.question{font-size:clamp(21px,2.1vw,29px);line-height:1.3;margin:20px 0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{background:#142a29;color:#fff;border:2px solid #687f81;border-radius:8px;padding:14px;text-align:left;min-height:64px;line-height:1.4}.answer:hover:not(:disabled){border-color:#e7c75b;background:#23443a}.answer.correct{background:#145130;border-color:#74ee86}.answer.wrong{background:#512727;border-color:#f19b91}.answer:disabled{opacity:1}.answer b{color:#c8d5c7;margin-right:12px}.feedback{margin:18px 0;padding:14px;border-left:3px solid #dfc975;background:#18332c}.feedback a,.screen a{color:#c3e7ff}.game-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;align-items:center}.primary,.secondary{border-radius:7px;padding:11px 17px;font-weight:700;min-height:46px}.primary{background:#edc468;color:#1b271c;border:2px solid #f5d996}.secondary{border:1px solid #8eaaa1;background:transparent;color:#eef4e9}.screen .muted{color:#b9cdc4;font-size:14px}.library,.topics,.resource-library{border:1px solid #d6dcca;background:#fffdf7;border-radius:12px;padding:22px}.library h2,.topics h2,.resource-library h2{font-size:23px;margin:0 0 16px}.handbook{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #dce1d6;color:#253521;text-decoration:none}.handbook .swatch{height:38px;width:9px;background:var(--branch);border-radius:3px;flex:none}.handbook strong{display:block}.handbook small{color:#52634e;font-size:13px}.library-link{display:block;padding:13px;background:#253521;color:white;text-align:center;margin-top:18px;border-radius:7px}.small{font-size:13px;color:#596852}.topics,.resource-library{margin-top:26px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic{border:1px solid #d6decf;background:#fff;padding:17px 12px;border-radius:9px;text-align:left;color:#253521;min-height:70px}.topic[aria-pressed=true]{border:2px solid #345932;background:#e8efde}.topic small{display:block;color:#58694e;margin-top:4px}.library-title{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}label{font-size:14px}input{display:block;font-size:16px;border:1px solid #859479;padding:10px;border-radius:6px;max-width:100%}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource{border:1px solid #d5dccb;border-radius:9px;padding:18px}.resource h3{font-size:18px;margin:10px 0}.resource p{font-size:14px}.resource a{color:#174c66;font-weight:700}.badge{font-size:12px;background:#e5ebdc;padding:4px 7px;border-radius:4px;display:inline-block}.resource .date{font-size:12px;color:#52634c}footer{text-align:center;padding:35px 10px}footer strong{font-size:22px}footer a{color:#31502e}.score{font-size:48px;color:#e8c36e}.review-item{border-bottom:1px solid #446256;padding:13px 0}.review-item p{margin:6px 0}.empty{padding:15px;color:#52634c}@media(max-width:1050px){.branches{grid-template-columns:repeat(3,1fr)}.topic-grid{grid-template-columns:repeat(3,1fr)}.flight-layout{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.cockpit{padding:0 12px 12px}.screen{padding:16px}.answers{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.flight-layout{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:1fr}.branch{font-size:14px}.instrument{align-items:flex-start;flex-direction:column}.screen{min-height:400px}.canopy{height:45px}.cockpit{border-width:5px}.intro{font-size:18px}}@media(prefers-reduced-motion:no-preference){.answer,.topic{transition:background .15s,border-color .15s}}
/* Generated cockpit artwork frames the functional HTML display. */
.cockpit{background:#1c2429 url('/resources/cockpit.webp') center top/100% 100% no-repeat;border:0;padding:0 5% 6%;border-radius:20px}.canopy{height:95px;background:none;border:0;margin:0}.screen{background:#071915f5;min-height:420px}@media(max-width:740px){.cockpit{padding:0 5% 7%}.canopy{height:65px}}
/* Give the desktop cockpit room while retaining comfortable touch targets. */
@media(min-width:1051px){.flight-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.flight-layout>.library{padding:16px}.flight-layout>.library h2{font-size:20px}.cockpit{padding:0 8% 7%}.screen{padding:18px}.answer{padding:11px 12px;min-height:56px}.answers{gap:10px}.game-actions{margin-top:18px}.canopy{height:110px}}
@media(min-width:741px) and (max-width:1050px){.flight-layout{grid-template-columns:minmax(0,1fr) 200px;gap:16px}.flight-layout>.library{padding:14px}.flight-layout>.library h2{font-size:19px}.cockpit{padding:0 6% 7%}}

/* Approved instrument surround, September 16, 2026. */
.cockpit{display:grid;grid-template-columns:17% minmax(0,1fr) 17%;grid-template-rows:clamp(85px,9.7vw,140px) auto clamp(100px,11vw,160px);padding:0;background:#172125 url('/resources/cockpit-v2.png') center/100% 100% no-repeat;border-radius:20px;border:1px solid #364349;box-shadow:0 12px 25px #18232440}.canopy{grid-area:1/1/2/4;height:auto}.screen{grid-area:2/2/3/3;padding:18px;min-height:410px;background:linear-gradient(145deg,#0b1e18fa,#071410fa);border:1px solid #759984;border-radius:7px;box-shadow:0 0 0 4px #111a19,0 0 14px #000b,inset 0 0 26px #52875812}.instrument h2{font-size:15px}.instrument span{font-size:12px}.question{font-size:clamp(20px,1.8vw,26px);line-height:1.35;margin:17px 0}.topic-label{font-size:12px;letter-spacing:.065em;line-height:1.5}.answer{padding:11px 12px;min-height:56px;font-size:15px;background:#152b26e8}.answers{gap:10px}.game-actions{margin-top:18px}.screen .muted{font-size:12px}.secondary{font-size:14px}.bank-count{margin-bottom:20px}
@media(min-width:1051px){.flight-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}}
@media(min-width:741px) and (max-width:1050px){.cockpit{grid-template-columns:12% minmax(0,1fr) 12%;grid-template-rows:85px auto 100px}.screen{padding:14px}.answers{grid-template-columns:1fr}.instrument{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:740px){.cockpit{grid-template-columns:5% minmax(0,1fr) 5%;grid-template-rows:65px auto 75px;background-size:auto 100%;border-radius:14px}.screen{padding:15px;min-height:410px}.question{font-size:21px}.answer{font-size:16px;min-height:58px}.instrument h2{font-size:16px}.instrument span{font-size:13px}}

/* Approved compact reference and Sea Cadets placements. */
.compact-study{margin:20px 0}.compact-study a{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #a08a54;border-radius:7px;background:#fff7de;color:#253521;font-size:16px;font-weight:750;text-decoration:none}.compact-study span{font-size:14px;font-weight:500}.sea-waterfront{display:flex;align-items:center;gap:24px;min-height:150px;margin:26px 0 20px;background:white;border-radius:10px;overflow:hidden;border-bottom:5px solid #e85c2d;color:#14354c}.sea-waterfront img{width:230px;height:155px;object-fit:cover}.sea-waterfront h2{font-size:clamp(22px,2.3vw,30px);line-height:1.12;margin:7px 0}.sea-waterfront p{font-size:16px;margin:7px 0;color:#506674}.sea-waterfront div>span{font-size:12px;font-weight:800;letter-spacing:1px}.sea-waterfront>a{flex-shrink:0;margin:16px 22px 16px auto;background:#e85c2d;color:#fff;padding:12px 15px;border-radius:5px;font-size:14px;font-weight:800;text-decoration:none}.sea-mini-brand{font-size:12px}.sea-compact-ad p,.sea-compact-ad a{font-size:14px}.sea-compact-ad:before,.sea-compact-ad:after{pointer-events:none}.sea-compact-ad strong{font-size:27px}@media(max-width:760px){.sea-waterfront{display:block}.sea-waterfront img{width:100%;height:150px;object-position:center 45%}.sea-waterfront div{padding:15px 18px 0}.sea-waterfront>a{display:block;margin:16px 18px;text-align:center}.compact-study a{flex-wrap:wrap}}