/* Shared encounter coaching. */
.learn-orientation{background:#18252d;border:1px solid #374b56;border-radius:10px;padding:15px 18px;margin:0 0 16px}
.learn-orientation summary{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;cursor:pointer}.learn-orientation summary:after{content:'+';margin-left:auto;color:#d6bc87}.learn-orientation[open] summary:after{content:'−'}.learn-orientation p{line-height:1.75;max-width:85ch;margin:14px 0 0;color:#c4d2dc}
.learn-kicker{font-size:10px;letter-spacing:.14em;font-weight:700;color:#d6bc87}.learn-action ol{list-style:none;counter-reset:action;margin:15px 0 0;padding:0;display:grid;gap:12px}.learn-action li{counter-increment:action;display:flex;align-items:flex-start;gap:12px;font-size:17px;line-height:1.65;color:#eef2f4}.learn-action li:before{content:counter(action);flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;margin-top:3px;border:1px solid #586573;border-radius:50%;font-size:12px;color:#d6bc87}
.step-spotlight{padding:22px}.step-dots{margin:14px 0 20px}.step-dots button{border-radius:8px;position:relative}.step-dots button[aria-current=step]{background:#d6bc87;color:#111a20}.step-dots button[aria-current=step]:after{content:'';position:absolute;bottom:-6px;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#d6bc87;border-bottom:0}
.learn-checkpoint{margin:22px 0 0;background:#132c2c;border-left:3px solid #6fb9a9;border-radius:0 8px 8px 0;padding:15px}.learn-checkpoint>span{display:flex;align-items:center;gap:8px;color:#8dd2c4;font-size:10px;font-weight:700;letter-spacing:.09em}.learn-checkpoint p{font-size:14px;line-height:1.7;margin:9px 0 0;color:#d3e8e3}
.learn-terms{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.learn-terms details{position:relative;background:#24313b;border-radius:7px;max-width:100%}.learn-terms summary{padding:7px 10px;cursor:pointer;font-size:12px;color:#bfd5e3}.learn-terms summary span{margin-left:7px;color:#d6bc87}.learn-terms p{padding:0 12px 12px;margin:3px 0 0;font-size:13px;line-height:1.6;max-width:55ch}.learn-small{font-size:12px!important;line-height:1.7;color:#9eafbc!important;margin:8px 0 15px}
.learn-help{margin-top:23px;border-top:1px solid #3c4a56;padding-top:18px}.learn-help h3{margin:0;font-size:16px}.learn-issues{display:flex;flex-wrap:wrap;gap:7px}.learn-issues button,.helper-choices button{display:flex;gap:7px;align-items:center;text-align:left;border:1px solid #445360;background:#1c2831;border-radius:7px;padding:10px 12px;color:#c5d6e1;font-size:12px;min-height:44px}.learn-issues button .ux-icon{width:16px;height:16px}.learn-issues button[aria-pressed=true],.helper-choices button[aria-pressed=true]{border-color:#d6bc87;color:#f0d79e;background:#383322}.learn-answer.has-answer{border:1px solid #d6bc87;border-radius:8px;margin-top:12px;padding:16px;background:#292a24}.learn-answer strong{font-size:13px;color:#eed59b}.learn-answer p,.learn-answer li{line-height:1.75;font-size:14px}.learn-answer button{background:none;border:0;padding:8px 0;color:#d6bc87;font-size:12px}
.mechanic-helper{border:1px solid #50717c;border-radius:12px;padding:22px;margin:0 0 20px;background:linear-gradient(125deg,#182c36,#17232b);box-shadow:0 10px 30px #0002}.mechanic-helper h3{font-size:22px;line-height:1.3;margin:8px 0 15px;letter-spacing:-.025em}.mechanic-helper p{font-size:14px;line-height:1.7}.helper-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.helper-heading>b{border:1px solid #54737f;border-radius:30px;padding:7px 13px;color:#9bd0cb;font-variant-numeric:tabular-nums}.helper-choices,.helper-controls{display:flex;gap:8px;flex-wrap:wrap}.helper-controls{margin-top:14px}.helper-controls button,.mechanic-helper>button{border-radius:7px;padding:10px 13px;border:1px solid #55737c;background:#223c45;color:#d9e9ed;font-size:12px;min-height:44px}.helper-controls button:first-child{background:#d6bc87;color:#16222a;border-color:#d6bc87}.helper-result{margin-top:13px;padding:13px 15px;background:#0e1b24;border-radius:8px;line-height:1.7;font-size:14px}.helper-result strong{color:#d6bc87}.mechanic-helper select{max-width:100%;margin-left:10px;background:#14222b;border:1px solid #526b78;color:#deebf2;padding:10px;border-radius:5px}.wish-tile-layout{display:grid;grid-template-columns:170px 1fr;gap:24px}.wish-target svg{width:130px;height:130px;border:2px solid #d6bc87;border-radius:50%;background:#080e13;display:block;margin-bottom:12px}.wish-target strong{font-size:14px}.wish-target p{font-size:12px;color:#a9bdca}.wish-coordinate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.wish-coordinate-grid button{min-height:46px;border:1px solid #526978;background:#223440;color:#b8cfdd;border-radius:6px;font-size:12px}.wish-coordinate-grid button[aria-current=step]{border:2px solid #d6bc87;background:#d6bc87;color:#18242b}.wish-coordinate-grid button.checked{background:#1c443e;color:#9be2c8}.wish-coordinate-grid button.checked[aria-current=step]{border-color:#d6bc87}.wish-submit{font-size:12px!important;color:#bfd6dc}.xeno-layout{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start;margin-top:18px}.learn-nine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.learn-nine-grid button{height:45px;border:1px solid #526a77;background:#203540;border-radius:7px;color:#c3d9e6}.learn-nine-grid .next-target{background:#d6bc87;color:#16252e;border-color:#d6bc87}.code-sequence{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.code-sequence li{padding:6px 9px;border:1px solid #49616e;border-radius:5px;color:#95adba}.code-sequence li.current{color:#14232c;background:#d6bc87}.code-sequence li.checked{color:#92d9bc;background:#204239}.bell-checks{display:grid;gap:12px}.bell-checks label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:40px}.bell-checks input{width:20px;height:20px;accent-color:#d6bc87}.recorded-order{padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}.recorded-order li{display:flex;align-items:center;gap:8px;background:#263d49;padding:8px 10px;border-radius:6px;font-size:13px}.recorded-order b{color:#edcc87}
.field-encounter .visual-workspace{grid-template-columns:minmax(0,1fr)}.field-encounter .visual-advice{display:none}.field-flow li{cursor:pointer}.field-flow button{width:100%;height:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;padding:0}.field-flow button[aria-current=step] strong{color:#efd298}.field-flow button[aria-current=step]{outline:1px solid #b39b65;outline-offset:8px;border-radius:3px}.field-flow small{flex-shrink:0}.field-guide header .learning-coverage{color:#8ac3bc}.learn-overview-summary{margin:0 0 16px;color:#d5e3ea;font-size:15px;line-height:1.7}.field-steps .step-note{display:block;margin:10px 0 0;font-size:12px;line-height:1.65;color:#94b7c7}
@media(min-width:1200px){.step-spotlight .learn-help{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.learn-help h3,.learn-help>.learn-small{grid-column:1}.learn-help .learn-issues{grid-column:1;align-content:start}.learn-help .learn-answer{grid-column:2;grid-row:1/4;margin-top:0}.learn-answer:empty{display:none}}
@media(max-width:600px){.step-spotlight,.mechanic-helper{padding:16px}.learn-action li{font-size:15px;gap:9px}.wish-tile-layout{grid-template-columns:1fr;gap:12px}.wish-target{display:grid;grid-template-columns:90px 1fr;gap:0 14px;align-items:start}.wish-target svg{width:85px;height:85px;grid-row:1/3}.wish-target strong{margin-top:9px}.wish-target p{margin-top:5px}.wish-coordinate-grid button{min-height:44px}.xeno-layout{grid-template-columns:1fr}.learn-nine-grid{max-width:180px}.helper-heading h3,.mechanic-helper h3{font-size:19px}.learn-issues{display:grid;grid-template-columns:1fr}.learn-orientation{padding:13px}.learn-orientation summary{font-size:13px}.field-flow button{flex-direction:column;align-items:flex-start}.field-flow button[aria-current=step]{outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.mechanic-helper *{scroll-behavior:auto}}

.learn-checkpoint details{margin-top:10px}.learn-checkpoint summary{cursor:pointer;font-size:12px;color:#93cabb}.learn-full-pattern{margin-bottom:16px;border:1px solid #40535e;border-radius:8px;padding:12px}.learn-full-pattern summary{cursor:pointer;font-size:13px;color:#d6bc87}.learning-stage-rail{display:flex;list-style:none;gap:9px;overflow-x:auto;padding:7px 3px 13px;margin:8px 0 0;scrollbar-width:thin}.learning-stage-rail li{flex:0 0 160px}.learning-stage-rail button{height:100%;width:100%;display:flex;align-items:flex-start;gap:9px;padding:12px;background:#1b2c37;border:1px solid #3f5868;border-radius:8px;color:#aabfce;text-align:left}.learning-stage-rail b{display:grid;place-items:center;background:#2a4050;color:#c1d3df;width:23px;height:23px;border-radius:50%;flex-shrink:0;font-size:11px}.learning-stage-rail span{font-size:12px;line-height:1.5}.learning-stage-rail button[aria-current=step]{border-color:#d6bc87;color:#e7d4af;background:#343226}.learning-stage-rail button[aria-current=step] b{background:#d6bc87;color:#172733}#guide .content-grid{grid-template-columns:minmax(0,1fr)}#guide .field-notes{margin-top:20px}#guide .encounter-panel{padding:0;background:transparent;border:0}#guide .field-guide .encounter-rail{display:none}#guide .guide-controls .view-switch{display:none}#guide .field-guide>header{padding-top:0}#guide .field-guide .field-tabs{margin-top:15px}

.learning-roadmap{min-height:0;padding:16px}.learning-stage-rail span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.field-steps .step-note{font-family:inherit}.step-dots button{min-width:44px;width:44px;height:44px}.step-controls{margin-top:16px}.step-controls .step-complete{min-width:0;flex:1;max-width:340px}

.erebus-helper{padding:22px;background:linear-gradient(140deg,#19333f,#13212b);border-color:#527c89}.erebus-map-tag{font-size:12px;color:#93cfca;white-space:nowrap;border:1px solid #527c89;padding:8px 12px;border-radius:24px}.erebus-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.erebus-map{display:block;width:100%;height:auto;border:1px solid #385762;border-radius:12px}.erebus-connections path{stroke:#587687;stroke-width:12;stroke-linecap:round;fill:none}.erebus-connections .erebus-gap{stroke-dasharray:7 16;stroke-width:8;stroke:#94a9b5}.erebus-node{cursor:pointer}.erebus-node>circle{fill:#122c37;stroke:#668c9b;stroke-width:3}.erebus-node>rect{fill:#274858;stroke:#7397a4;stroke-width:2}.erebus-node.is-target>circle{stroke:#eed39b;stroke-width:7;fill:#423e2b}.erebus-node.is-target>rect{fill:#eed39b;stroke:#eed39b}.erebus-node.is-marked>circle{stroke:#80cfab}.erebus-node.is-target.is-marked>circle{stroke:#eed39b}.erebus-node:focus{outline:none}.erebus-node:focus>circle{stroke:#fff;stroke-width:7}.erebus-node svg{border-radius:50%;pointer-events:none}.erebus-code,.erebus-name,.erebus-entry-label{text-anchor:middle;font-family:system-ui,sans-serif;fill:#d2e4ec;pointer-events:none}.erebus-code{font-size:19px;font-weight:700}.erebus-node.is-target .erebus-code{fill:#142730}.erebus-name{font-size:17px}.erebus-node.is-target .erebus-name{fill:#f2dca9;font-weight:700}.erebus-entry{stroke:#80b8b5;stroke-width:3;stroke-dasharray:4 5}.erebus-entry-label{font-size:16px;fill:#8ecbc5}.erebus-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 0;color:#a9c5ce;font-size:11px!important}.erebus-symbols{display:grid;gap:6px}.erebus-symbols button{display:flex;align-items:center;gap:10px;text-align:left;min-height:54px;padding:8px 10px;background:#172e3a;border:1px solid #3f6575;border-radius:8px;color:#c7dce6}.erebus-symbols button[aria-pressed=true]{border-color:#eed39b;background:#34382d;color:#f2dca9}.erebus-symbols svg{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#dae4e6}.erebus-symbols b{font-size:12px;font-weight:600}.erebus-symbols small{display:block;color:#91d0af;font-size:10px;margin-top:4px}.erebus-target{display:grid;grid-template-columns:60px 1fr;gap:16px;background:#0c1a22;border-left:3px solid #dfc487;border-radius:8px;padding:18px;margin-top:14px}.erebus-target>svg{width:60px;height:60px;border-radius:50%;margin-top:8px}.erebus-target h4{font-size:18px;margin:5px 0 8px;color:#efdaa6}.erebus-target p{margin:4px 0;font-size:13px}.erebus-mark-count{align-self:center;color:#95bcb5;font-size:12px}.erebus-reference{border-top:1px solid #3d5c6b;padding-top:12px}.erebus-reference summary{color:#dfc487;font-size:12px;cursor:pointer;min-height:32px}.erebus-source{font-size:11px;color:#a1b9c6}.erebus-helper button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1100px){.erebus-layout{grid-template-columns:minmax(0,1fr)}.erebus-symbols{grid-template-columns:repeat(2,minmax(0,1fr))}.erebus-name{font-size:20px}}
@media(max-width:600px){.erebus-helper{padding:14px}.erebus-symbols button{padding:7px;gap:7px;min-width:0}.erebus-symbols b{font-size:11px}.erebus-symbols svg{width:31px;height:31px}.erebus-layout{gap:10px}.erebus-map-tag{font-size:10px;padding:7px}.erebus-target{grid-template-columns:42px 1fr;padding:12px;gap:10px}.erebus-target>svg{width:42px;height:42px}.erebus-target h4{font-size:16px}.erebus-legend{gap:5px 10px}.erebus-name{font-size:23px}.erebus-instruction{font-size:13px!important}}

.erebus-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0 12px}.erebus-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.erebus-toolbar button{border:1px solid #527587;background:#182f3b;color:#bed3df;padding:10px 12px;min-height:44px;border-radius:7px;font-size:12px}.erebus-toolbar button[aria-pressed=true]{background:#d8c18f;color:#172a33;border-color:#d8c18f}.erebus-route-select{display:grid;gap:8px;font-size:13px;color:#d7e8ee;margin:12px 0 18px}.erebus-route-select select{margin:0;width:100%;min-width:0;font-size:13px;min-height:44px}.erebus-map-scroll{overflow:auto;max-height:650px;max-width:100%;border:1px solid #496272;border-radius:10px;background:#0e1921;scrollbar-width:thin}.erebus-map-scroll:focus-visible{outline:2px solid #dfc487;outline-offset:3px}.erebus-map-scroll .erebus-map{border:0;border-radius:0;max-width:none;min-width:100%}.erebus-map-scroll.is-zoomed .erebus-map{width:1200px;min-width:1200px}.erebus-map-detailed .erebus-node>circle{fill:transparent;stroke:#8bb9c6;stroke-width:3}.erebus-map-detailed .erebus-node.is-target>circle{fill:transparent;stroke:#ffe2a1;stroke-width:7}.erebus-map-detailed .erebus-node.is-marked>circle{stroke:#80cfab}.erebus-map-detailed .erebus-node.is-marked.is-target>circle{stroke:#ffe2a1}.erebus-map-detailed .erebus-node:focus>circle{stroke:#fff;stroke-width:7}.erebus-route-overlay path{fill:none;stroke-linejoin:round;stroke-linecap:round}.erebus-route-overlay .route-outline{stroke:#051018;stroke-width:18;opacity:.85}.erebus-route-overlay .route-highlight{stroke:#6de1e5;stroke-width:8;opacity:.95}.erebus-route-overlay .route-highlight.is-jump{stroke-dasharray:14 11}.erebus-route-overlay.is-roof .route-highlight{stroke:#d0a2ff;stroke-dasharray:10 12}.erebus-route-overlay circle{fill:#6de1e5;stroke:#132a35;stroke-width:3}.erebus-route-overlay.is-roof circle{fill:#d0a2ff}.erebus-route-overlay text{fill:#081821;text-anchor:middle;font-family:system-ui,sans-serif;font-size:20px;font-weight:800}.erebus-gap-marker path{fill:#f4b55d;stroke:#132a35;stroke-width:3}.erebus-gap-marker text{font-size:25px}.erebus-passage{border:1px solid #467b85;border-radius:9px;background:#102b34;padding:15px;margin-top:13px}.erebus-passage.is-roof{border-color:#a28ac4;background:#282238}.erebus-passage h4{margin:7px 0 5px;font-size:16px;line-height:1.5;color:#c6edef}.erebus-passage.is-roof h4{color:#e0c7ff}.erebus-passage p{font-size:12px;color:#9fbfc8;margin:0}.erebus-passage ol{padding-left:21px;margin:12px 0}.erebus-passage li{font-size:13px;line-height:1.7;padding-left:4px;margin-bottom:6px;color:#d1e2e8}.erebus-passage a{display:inline-block;color:#d6bc87;margin:5px 15px 0 0;font-size:12px}.erebus-symbols small{color:#9bb8c6}.erebus-legend span:first-child{color:#81d9dc}.erebus-legend span:nth-child(2){color:#d0a2ff}.erebus-legend span:nth-child(3){color:#f4b55d}
@media(max-width:600px){.erebus-map-scroll{max-height:480px}.erebus-toolbar button{font-size:11px;padding:9px 10px}.erebus-route-select select{font-size:12px}.erebus-symbols small{font-size:9px}.erebus-passage{padding:12px}.erebus-passage h4{font-size:14px}}