:root{font-family:Inter,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#e9f5f4;background:#07151e;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #8af9e8;outline-offset:3px}[hidden]{display:none!important}#app{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 34% 35%,#173644 0,#0b202b 42%,#07151e 82%)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #ffffff1d;flex:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid #58d5c1;border-radius:14px;display:grid;place-items:center;color:#7de9d7;font-size:27px;background:#133b47}.brand strong{display:block;font-size:20px;letter-spacing:.16em;line-height:1.1}.brand small{display:block;color:#acc4c7;font-size:13px;letter-spacing:.08em;margin-top:5px}.header-actions{display:flex;align-items:center;gap:12px}.segmented{display:flex;background:#102935;border:1px solid #365261;border-radius:12px;padding:4px;gap:3px}.segmented button{border:0;background:transparent;color:#a7c0c3;border-radius:9px;min-height:36px;padding:7px 17px;font-size:14px;font-weight:700}.segmented button.active{background:#6ce4d0;color:#08212c}.segmented.full{margin-bottom:16px}.segmented.full button{flex:1}.pill{background:#163340;border:1px solid #567380;color:#d8eeed;border-radius:12px;padding:10px 17px;min-height:44px;font-size:14px;font-weight:700}.pill.active{background:#d7a573;color:#102634;border-color:#d7a573}.tabs{height:57px;display:flex;align-items:stretch;gap:5px;padding:0 24px;overflow-x:auto;border-bottom:1px solid #ffffff1b;flex:none;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;background:transparent;color:#a5bdc2;border:0;border-bottom:3px solid transparent;padding:0 20px;min-width:116px;font-size:15px;font-weight:700}.tabs button.active{color:#86f0da;border-bottom-color:#75e5d1}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(340px,.92fr)}.stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse 53% 60% at 48% 47%,#23424c77,transparent 72%)}.stage:before{content:"";position:absolute;inset:30px;pointer-events:none;border:1px solid #ffffff12;border-radius:25px}.stage:after{content:"";position:absolute;left:50%;top:50%;width:min(55vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px dashed #8bdbcf25;border-radius:50%;pointer-events:none}#canvas-wrap{position:absolute;inset:0;touch-action:none}#canvas-wrap canvas{display:block;width:100%;height:100%}.stage-heading{position:absolute;left:38px;top:32px;pointer-events:none;max-width:50%;z-index:2}.eyebrow{display:block;color:#76d9cb;font-size:12px;font-weight:800;letter-spacing:.18em}.stage-heading h1{margin:9px 0 6px;font-size:clamp(23px,2.5vw,34px);letter-spacing:.03em}.stage-heading p{margin:0;color:#aec9cc;font-size:14px;line-height:1.55}.orientation{position:absolute;right:36px;top:35px;color:#a8c4c8;font-size:13px;letter-spacing:.08em}.view-controls{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;gap:5px;padding:6px;background:#0a1d27df;border:1px solid #4b6c7660;border-radius:16px;backdrop-filter:blur(12px);max-width:calc(100% - 34px);overflow-x:auto;z-index:3}.view-controls button{border:0;border-radius:11px;color:#def0ef;background:transparent;white-space:nowrap;padding:10px 13px;min-height:44px;font-size:14px;font-weight:700}.view-controls button:active,.view-controls button:hover{background:#1d4852}.stage-callout{position:absolute;left:50%;bottom:103px;transform:translate(-50%);background:#07252ed9;border:1px solid #78decf;color:#a9f9eb;padding:10px 20px;border-radius:30px;font-weight:800;letter-spacing:.07em;white-space:nowrap;z-index:3}.panel{min-height:0;border-left:1px solid #ffffff25;background:#0c212bf0;overflow:auto;scrollbar-color:#3a5e69 transparent}.panel-inner{padding:28px;max-width:570px;margin:auto}.panel-intro h2{font-size:25px;margin:9px 0 8px}.panel-intro p{color:#abc4c8;line-height:1.65;font-size:15px;margin:0 0 23px}.card{background:#122f3a;border:1px solid #355361;border-radius:17px;padding:19px;margin:14px 0}.card-title{font-weight:800;font-size:15px;margin-bottom:13px}.switch-row{display:flex;align-items:center;justify-content:space-between;min-height:47px;gap:15px;font-size:15px;font-weight:650;cursor:pointer}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{flex:none;width:45px;height:26px;border-radius:20px;background:#56727b;position:relative;transition:.2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+.switch{background:#65dac5}.switch-row input:checked+.switch:after{transform:translate(19px);background:#12313a}.switch-row input:focus-visible+.switch{outline:3px solid #8af9e8;outline-offset:3px}.range-title{display:flex;justify-content:space-between;font-size:15px;font-weight:700}.range-title strong{color:#82ead8}input[type=range]{width:100%;accent-color:#72e4ce;margin:20px 0 7px;min-height:20px}.range-ends{display:flex;justify-content:space-between;color:#a5bec3;font-size:13px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list button,.section-grid button,.flow-buttons button{background:#1b3c48;color:#e1f2f0;border:1px solid #456673;border-radius:10px;min-height:43px;padding:9px 13px;font-size:14px;font-weight:700}.chip-list button:active,.chip-list button:hover,.section-grid button.active,.flow-buttons button.active{background:#63d9c6;color:#082834;border-color:#63d9c6}.detail-card{border:1px solid #65bbad;background:linear-gradient(145deg,#174551,#12323e);padding:19px;border-radius:17px;margin-top:16px;box-shadow:0 12px 25px #0002}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-head h3{font-size:21px;margin:8px 0}.detail-head button{border:0;background:#ffffff14;color:#fff;border-radius:50%;font-size:23px;width:38px;height:38px}.detail-card p{color:#e1efed;line-height:1.7;font-size:15px;margin:5px 0 0}.function-group{margin:16px 0}.function-group h3{font-size:13px;color:#8dd9cc;letter-spacing:.1em;margin:0 0 8px}.function-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.function-group button{display:flex;align-items:center;text-align:left;gap:8px;min-height:50px;padding:10px 11px;border-radius:10px;border:1px solid #315461;background:#153440;color:#e1f0ef;font-weight:700;font-size:14px}.function-group button.active{border-color:#69d9c8;background:#20525a}.function-dot{height:8px;width:8px;background:#75e6d3;border-radius:50%;flex:none}.chevron{margin-left:auto;color:#99c4c7}.scientific-note,.support-text{color:#b4cbd0;font-size:14px;line-height:1.7}.scientific-note{border-left:3px solid #7ce4d0;padding-left:13px;margin:20px 0}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.flow-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.flow-diagram{display:flex;gap:20px;align-items:center;background:#123440;border:1px solid #3f606b;border-radius:16px;min-height:245px;padding:15px}.body-icon{position:relative;width:96px;flex:none}.body-icon svg{width:100%;height:175px;fill:none;stroke:#9abac0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.body-icon svg .neural{stroke:#74e3ce;stroke-width:2.5}.body-icon .pulse{position:absolute;top:40px;left:45px;width:10px;height:10px;border-radius:50%;background:#ffe3a8;box-shadow:0 0 19px #fff1ad;animation:pulse 1.2s infinite alternate}.steps{flex:1;min-width:0}.flow-step{display:flex;align-items:center;gap:9px;min-height:46px;color:#99b6bd;font-size:14px;font-weight:700;border-bottom:1px solid #ffffff13}.flow-step:last-child{border:0}.flow-step.current{color:#8ef4dc}.flow-step.done{color:#e9f6f3}.step-number{font-size:12px;color:#8cb0b5}.flow-step.current .step-number{color:#ffcf94}.play-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.play-controls button,.mission-actions button{border:1px solid #4c7681;background:#1b4651;color:#e6f5f3;border-radius:10px;padding:10px 13px;min-height:44px;font-size:14px;font-weight:700}.play-controls button.active,.play-controls button:first-child{background:#6bdecb;color:#082932;border-color:#6bdecb}.mission-card{background:#153540;border:1px solid #4d6b75;border-radius:18px;padding:21px}.mission-top{display:flex;align-items:center;justify-content:space-between;color:#8fe4d4;font-size:13px;font-weight:800;letter-spacing:.09em}.mission-top span:last-child{color:#e7bd86}.mission-top .correct{color:#84edb9!important}.mission-card h3{font-size:21px;line-height:1.55;margin:18px 0}.mission-card>p{color:#b2cbd0;line-height:1.6}.progress-dots{display:flex;gap:8px}.progress-dots span{width:25px;height:6px;border-radius:9px;background:#647982}.progress-dots span.done{background:#74e3c8}.mission-result{min-height:55px;margin:18px 0;color:#e4f2f0;line-height:1.65;font-size:15px}.mission-actions{display:flex;gap:8px}.mission-actions button:last-child{background:#74decb;color:#092a35;border-color:#74decb}.labels{position:absolute;inset:0;pointer-events:none;z-index:2}.label{position:absolute;min-width:96px;background:#0a2733dc;border:1px solid #75cabb;color:#e2f7f3;border-radius:9px;padding:6px 9px;text-align:center;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #0005}.label.left{left:4%}.label.right{right:4%}.footer{height:28px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;color:#75939b;font-size:11px;flex:none;border-top:1px solid #ffffff12}.teacher .panel-inner{font-size:110%}.teacher .panel-intro p,.teacher .detail-card p,.teacher .scientific-note{font-size:18px}.teacher .label{font-size:17px;padding:9px 12px}.teacher .stage-callout{font-size:22px}.teacher .stage-heading p{font-size:18px}@keyframes pulse{to{transform:scale(1.7);opacity:.5}}@media(max-width:920px){.workspace{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}.panel-inner{padding:18px}.stage-heading{left:24px;top:23px}.stage-heading p{max-width:280px}.tabs button{padding:0 12px;min-width:auto}.function-group>div{grid-template-columns:1fr}.view-controls button{padding:8px 9px;font-size:13px}}@media(max-width:700px){body{overflow:auto}#app{min-height:100dvh;height:auto}.topbar{height:65px;padding:0 14px}.brand strong{font-size:16px}.brand small{font-size:11px}.brand-mark{width:35px;height:35px}.header-actions{gap:5px}.segmented button{padding:5px 9px;font-size:12px}.pill{padding:7px 9px;font-size:12px}.tabs{padding:0 8px}.tabs button{font-size:13px;padding:0 11px;min-height:50px}.workspace{display:flex;flex-direction:column}.stage{height:min(62vh,570px);min-height:420px;flex:none}.stage-heading{left:18px;top:15px;max-width:64%}.stage-heading h1{font-size:23px}.stage-heading p{font-size:12px}.orientation{right:14px;top:18px;font-size:11px}.view-controls{bottom:12px;width:calc(100% - 20px);justify-content:flex-start}.view-controls button{flex:1}.panel{border-left:0;border-top:1px solid #ffffff25;min-height:380px;overflow:visible}.panel-inner{max-width:none}.footer{padding:0 14px}.footer span:last-child{display:none}.label{font-size:11px;min-width:65px;padding:4px}.label.left{left:1%}.label.right{right:1%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.label-lines{position:absolute;inset:0;overflow:visible;stroke:#74c9bb;stroke-width:1.2;stroke-opacity:.7}@media(min-width:701px)and (max-width:850px){body{overflow:auto}#app{min-height:100dvh;height:auto}.workspace{display:flex;flex-direction:column}.stage{height:60vh;min-height:440px;flex:none}.panel{border-left:0;border-top:1px solid #ffffff25;overflow:visible}.panel-inner{max-width:none}.function-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.footer a{color:#a7ded3;text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:#dcfff6}.footer a:focus-visible{outline:2px solid #8af9e8;outline-offset:2px}.stage-callout{white-space:normal;max-width:calc(100% - 32px);width:max-content;text-align:center;line-height:1.4;font-size:14px;padding:8px 14px}.body-icon{aspect-ratio:120/205;line-height:0}.body-icon svg{display:block;width:100%;height:auto}.body-icon .pulse{transform:translate(-50%,-50%);animation:signal-pulse 1.2s infinite alternate}@keyframes signal-pulse{to{transform:translate(-50%,-50%) scale(1.7);opacity:.5}}@media(max-width:700px){.orientation{top:auto;bottom:77px;right:14px}.stage-heading{max-width:calc(100% - 36px)}.stage-callout{bottom:101px}.teacher .stage-heading p{font-size:14px}.teacher .label{font-size:13px;padding:6px}.teacher .stage-callout{font-size:16px}.topbar{flex-wrap:wrap;height:auto;min-height:65px;gap:8px;padding-block:8px}.footer{height:auto;min-height:28px}}#canvas-wrap{inset:140px 0 92px}.teacher #canvas-wrap{top:170px}@media(max-width:700px){#canvas-wrap{top:116px;bottom:90px}.teacher #canvas-wrap{top:140px}}.lesson-view #canvas-wrap{visibility:hidden}.lesson-view .view-controls,.lesson-view .orientation,.lesson-view #stage-callout{display:none}.lesson-view:after{display:none}.lesson-view:before{border:0}.lesson-view .stage-heading{max-width:calc(100% - 76px)}#lesson-diagram{position:absolute;inset:150px 20px 20px;z-index:1;display:flex;align-items:center;justify-content:center}.lesson-svg{width:100%;height:100%;max-height:100%;max-width:1100px;overflow:hidden;background:#f8f6f0;border:1px solid #e5e2d9;border-radius:18px;box-shadow:0 12px 35px #0002;font-family:Yu Gothic,Meiryo,sans-serif}.anatomy-plate{filter:drop-shadow(0 7px 6px #74635224)}.anatomy-detail,.annotation-leader,.diagram-orientation,.diencephalon-bracket,.diagram-caption{pointer-events:none}.brain-outline{fill:url(#cortical-tissue);stroke:#9b8775;stroke-width:2.6;stroke-linejoin:round}.lesson-region{stroke:#9e8077;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;transition:stroke .15s,filter .15s}.lesson-svg-structure .lesson-region{stroke:#987b65;stroke-width:2.2}.lesson-region.selected{stroke:#327d77;stroke-width:3.8}.lesson-region:hover,.lesson-region:focus-visible{stroke:#327d77;stroke-width:4;filter:brightness(1.04);outline:none}.projected-region{stroke-dasharray:5 4;stroke-width:2.7}.groove-shadow{fill:none;stroke:#806c58;stroke-width:8;stroke-opacity:.12;stroke-linecap:round;stroke-linejoin:round}.groove-light{fill:none;stroke:#fff9ed;stroke-width:3.2;stroke-opacity:.9;stroke-linecap:round;stroke-linejoin:round}.groove-line{fill:none;stroke:#99816c;stroke-width:1.8;stroke-opacity:.9;stroke-linecap:round;stroke-linejoin:round}.major-sulcus{fill:none;stroke:#7e6d60;stroke-width:3;stroke-linecap:round}.medial-core{fill:#d8b89f;stroke:none}.callosum{fill:#fff4d9;stroke:#c0a286;stroke-width:2.5}.ventricle{fill:#ad8f7a;stroke:#957d6b;stroke-width:1.6;opacity:.75}.folia{fill:none;stroke:#8c7658;stroke-width:2;opacity:.8;stroke-linecap:round}.arbor-shadow,.arbor{fill:none;stroke-linejoin:round;stroke-linecap:round}.arbor-shadow{stroke:#ad8f64;stroke-width:13}.arbor{stroke:#f7ecd1;stroke-width:8}.stem-fibers{fill:none;stroke:#f8e5c7;stroke-width:2.6;opacity:.65}.thalamus-relief{fill:none;stroke:#f9dcaa;stroke-width:3;opacity:.65}.lesson-annotation{cursor:pointer}.annotation-card{fill:#fffefa;stroke:#d6d9d3;stroke-width:1.4;filter:drop-shadow(0 2px 2px #223b3710)}.lesson-annotation.selected .annotation-card,.lesson-annotation:hover .annotation-card,.lesson-annotation:focus-visible .annotation-card{fill:#e6f3ee;stroke:#4e998d;stroke-width:2.5}.lesson-annotation:focus-visible{outline:none}.annotation-swatch{stroke:none}.lesson-annotation text{fill:#243f46;font-size:23px;font-weight:750;letter-spacing:.02em;pointer-events:none}.lesson-annotation text .sub{fill:#596b6d;font-size:18px;font-weight:500;letter-spacing:0}.annotation-leader .leader{fill:none;stroke:#728d88;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.anchor-dot{stroke:#fffef8;stroke-width:1.5}.diagram-orientation path{fill:none;stroke:#9caaa4;stroke-width:1.5;stroke-linecap:round}.diagram-orientation text{fill:#74877f;font-size:18px;letter-spacing:.12em}.diencephalon-bracket path{fill:none;stroke:#56877e;stroke-width:2}.diencephalon-bracket text{fill:#47746d;font-size:23px;font-weight:700}.diagram-caption path{stroke:#dce1d9;stroke-width:1}.diagram-caption text{fill:#6a7f79;font-size:17px;letter-spacing:.02em}.lesson-switch{display:grid;gap:8px}.lesson-switch button{border:1px solid #416570;background:#153440;color:#dcf2ee;border-radius:10px;padding:12px;text-align:left;font-size:15px;font-weight:700;min-height:46px}.lesson-switch button.active{background:#68ddc9;color:#082630;border-color:#68ddc9}.lesson-selection{padding:18px;background:#143642;border:1px solid #4a7c80;border-radius:15px;margin:16px 0}.lesson-selection h3{font-size:20px;color:#b4f2e6;margin:0 0 10px}.lesson-selection p{font-size:15px;line-height:1.8;margin:0 0 14px;color:#e1eeeb}.lesson-selection button{min-height:45px;width:100%;padding:10px;border:1px solid #82ddc9;border-radius:9px;background:#70deca;color:#082832;font-weight:800}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lesson-list button{display:flex;align-items:center;gap:8px;padding:10px;min-height:46px;text-align:left;background:#153440;border:1px solid #385d68;border-radius:9px;color:#e4f3ef;font-size:13px;line-height:1.5}.lesson-list button span{width:10px;height:10px;border-radius:50%;flex:none}.lesson-list button.active{border-color:#8ae8d5;background:#21505a}.teacher .lesson-selection p{font-size:18px}.teacher .lesson-list button{font-size:15px}.teacher #lesson-diagram{top:170px}.tabs button{padding-inline:14px;min-width:0}@media(max-width:850px){.lesson-view{height:570px!important;min-height:570px!important}.lesson-view .stage-heading{left:20px;max-width:calc(100% - 40px)}#lesson-diagram,.teacher #lesson-diagram{inset:118px 12px 16px}.lesson-view .stage-heading h1{font-size:24px}}@media(max-width:480px){.lesson-view{height:450px!important;min-height:450px!important}#lesson-diagram,.teacher #lesson-diagram{inset:122px 6px 12px}.lesson-view .stage-heading p{font-size:12px}.lesson-view .stage-heading h1{font-size:22px}.lesson-svg{border-radius:12px}.diagram-caption text{font-size:18px}.lesson-selection p{font-size:15px}}#flow-diagram{display:block;padding:0;background:transparent;border:0;min-height:0}.pathway-plate{overflow:hidden;border:1px solid #dbe1d7;border-radius:15px;background:#f6f6ef;margin:16px 0 0}.pathway-svg{width:100%;height:auto;display:block;font-family:Yu Gothic,Meiryo,sans-serif}.plate-divider{stroke:#dbe2d9;stroke-width:1}.plate-heading{font-size:21px;font-weight:700;fill:#38534e}.human-body,.human-head{fill:url(#body-tissue);stroke:#809c9b;stroke-width:1.6;stroke-linejoin:round}.body-detail{fill:none;stroke:#91aaa7;stroke-width:1.4;stroke-linecap:round}.body-brain{fill:#ceb5aa;stroke:#a08f87;stroke-width:1.3}.body-brain-fold{fill:none;stroke:#927d76;stroke-width:1.2}.body-spine{fill:none;stroke:#b29d71;stroke-width:5;stroke-linecap:round}.body-vertebrae{stroke:#8d916f;stroke-width:1.3}.body-nerves{fill:none;stroke:#91ada0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.body-route{fill:none;stroke:#bd7937;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.body-signal{fill:#d58339;stroke:#fff8df;stroke-width:2;filter:drop-shadow(0 0 4px #c58447);animation:pathway-pulse 1.3s ease-in-out infinite alternate}.body-guide{fill:none;stroke:#91a9a0;stroke-width:1.1}.small-anatomy-label{fill:#527267;font-size:17px;font-weight:600}.orientation-caption{fill:#758b80;font-size:15px}.flow-brain-base{fill:url(#pathway-brain);stroke:#a8957e;stroke-width:2.2}.flow-brain-fold{fill:none;stroke:#a58d76;stroke-width:2;stroke-linecap:round;opacity:.8}.flow-target{stroke:#a68e78;stroke-width:2;opacity:.8}.inset-stem{fill:#c4b49a;stroke:#9a927d;stroke-width:1.5;stroke-dasharray:3 2}.inset-thalamus{fill:#dab477;stroke:#b09261;stroke-width:1.3;stroke-dasharray:3 2}.inset-cerebellum{fill:#cabda1;stroke:#9d9478;stroke-width:1.5;stroke-linejoin:round}.sense-organ{fill:#eee8da;stroke:#698b84;stroke-width:2}.route-segment{fill:none;stroke:#94aaa1;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.route-segment.traversed{stroke:#c87c39;stroke-width:4.5}.route-node{fill:#f5f4eb;stroke:#8da39a;stroke-width:2}.route-node.traversed{fill:#d4a269;stroke:#c38647}.route-node.current{fill:#cc813b;stroke:#fff8e5;stroke-width:3;filter:drop-shadow(0 0 4px #d6985270)}.route-end-label{fill:#7c704e;font-size:17px;font-weight:600}.pathway-current{display:flex;align-items:center;gap:12px;padding:14px 15px;background:#214a51;border:1px solid #527b7a;border-radius:0 0 12px 12px;margin-top:-2px;line-height:1.5}.pathway-current>span{color:#f2c78f;font-size:12px;white-space:nowrap;font-weight:800}.pathway-current strong{font-size:15px;color:#d5f6e9}.pathway-steps{padding:0;margin:15px 0;list-style:none;display:grid;gap:7px}.pathway-step{display:flex;align-items:flex-start;gap:11px;width:100%;border:1px solid #385e68;border-radius:11px;background:#14343f;color:#c8dddd;padding:12px;text-align:left;min-height:49px;line-height:1.55}.pathway-step.current{border-color:#82c4b2;background:#21505a}.pathway-step.done{border-color:#566c65}.pathway-number{display:grid;place-items:center;min-width:25px;height:25px;background:#234851;color:#a4cec5;border-radius:50%;font-size:11px;font-weight:800;flex:none}.pathway-step.current .pathway-number{background:#e4b77d;color:#283b3b}.pathway-step strong{font-size:14px;font-weight:700}.pathway-step small{display:block;font-size:13px;font-weight:400;line-height:1.7;color:#c4dcd8;margin-top:5px}.pathway-state{margin-left:auto;color:#9cc5b6;font-size:12px;flex:none;padding-top:3px}.pathway-key{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:12px;color:#c6d9d4;margin:10px 0 0}.pathway-key>span{width:17px;height:3px;background:#d29b59}.pathway-key small{color:#95b6b9;font-size:11px}.mission-actions{flex-wrap:wrap}.mission-actions button{flex:1;white-space:nowrap;padding-inline:10px}.mission-actions #mission-answer{background:#534538;color:#ffe2b6;border-color:#bc9363}.mission-actions #mission-answer:disabled{opacity:.65;cursor:default}.mission-top .revealed{color:#edc994!important}.progress-dots span.revealed{background:#e5bd89}.answer-order{display:grid;gap:8px;margin:12px 0}.answer-order button{display:flex;gap:9px;align-items:center;min-height:44px;padding:10px 12px;text-align:left;border:1px solid #7bb9a7;border-radius:9px;background:#244a4f;color:#e5f6ed;font-size:14px}.answer-order button.active{border-color:#e2c08c;background:#4e5144}.answer-order span{font-weight:800;color:#e8c893}.teacher .pathway-step strong{font-size:17px}.teacher .pathway-step small{font-size:16px}@keyframes pathway-pulse{to{r:8px;opacity:.7}}@media(prefers-reduced-motion:reduce){.body-signal{animation:none}}