.ae-mariner{--brass:#d6a84a;--wood:#402817;max-width:100%;overflow-x:hidden}
.ae-mariner .ae-safety{border-inline-start:4px solid #fbbf24;padding:8px;background:#422006}
.ae-nav-tabs,.ae-nav-actions,.ae-nav-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:end}
.ae-nav-controls>label{flex:1 1 190px}.ae-nav-actions button{flex:1 1 140px}
.ae-mariner-scene{position:relative;min-height:210px;margin-block:10px;perspective:500px;overflow:hidden;border-radius:12px;background:linear-gradient(#1e3a5f 0 38%,#d7b77e 39% 42%,#172554 43% 48%,#27170f 49%);box-shadow:inset 0 0 35px #000}
.ae-mariner-horizon{position:absolute;inset:0 0 50%;display:grid;place-items:center;color:#dbeafe;text-shadow:0 1px #000;background:linear-gradient(#075985,#7dd3fc 60%,#fde68a 61%,#0c4a6e 66%);transition:opacity .2s}
.ae-mariner-horizon i{position:absolute;width:90px;height:2px;background:#fff;transform-origin:left;box-shadow:0 0 8px #fff}
.ae-mariner-tabletop{position:absolute;inset:46% 4% 3%;display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px;padding:12px;background:linear-gradient(110deg,#2b170e,#5a371f 48%,#2c160d);border:3px solid #6f4c2d;transform:rotateX(8deg);transform-origin:bottom;box-shadow:0 -8px 30px #0008}
.ae-mariner-scene[data-nav-scene="horizon"] .ae-mariner-tabletop{opacity:.35;transform:translateY(50%) rotateX(12deg)}
.ae-mariner-scene[data-nav-scene="table"] .ae-mariner-horizon{opacity:.25}
.ae-instrument{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;min-width:0!important;padding:6px!important;color:#fef3c7!important;background:radial-gradient(circle,#7c5a21,#2c1b08)!important;border:2px solid #8b6a2d!important;box-shadow:inset 0 0 10px #fbbf2430,0 3px 7px #000!important;font-size:.7rem!important}
.ae-instrument[aria-pressed="true"]{outline:3px solid #38bdf8;outline-offset:1px}.ae-compass-rose{display:grid;place-items:center;width:54px;height:54px;border:2px solid var(--brass);border-radius:50%;font-size:.62rem;line-height:1.05;transition:transform .2s}.ae-sextant-scale{clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);padding:10px 5px;border-top:3px solid var(--brass);font-size:.55rem}.ae-parallel-ruler{border-block:3px double var(--brass);padding:8px 2px;font-size:.55rem}.ae-instrument time{font:700 .64rem monospace;border:1px solid var(--brass);padding:8px 3px}
.ae-nav-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0;list-style-position:inside;font-size:.68rem}.ae-nav-steps li{padding:6px;background:#1e293b;border-radius:4px}
.ae-mariner form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px}.ae-mariner form fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;grid-column:1/-1}.ae-mariner form>label:has(input[type=checkbox]){grid-column:1/-1}.ae-mariner [data-nav-graphic] svg{max-width:420px;border:1px solid #475569}.ae-nav-reference{border:1px solid #475569;padding:7px;border-radius:5px}.ae-nav-source{color:#94a3b8}
@media(max-width:640px){.ae-mariner-tabletop{grid-template-columns:repeat(2,1fr)}.ae-mariner-scene{min-height:300px}.ae-mariner form,.ae-mariner form fieldset{grid-template-columns:1fr}.ae-nav-steps{grid-template-columns:1fr 1fr}.ae-instrument{min-height:75px!important}}
@media(prefers-reduced-motion:reduce){.ae-mariner *{transition:none!important}}