:root{--bg:#07111d;--panel:#0d1b2b;--panel2:#10253a;--line:#29415d;--text:#f2f6fb;--muted:#9fb0c5;--accent:#43d7b1;--accent2:#8ab0ff;--back:#0d2d26;--warn:#ffd27a}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:linear-gradient(180deg,#09182a 0,#07111d 320px);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;overflow-x:hidden;word-break:keep-all}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:8px;padding:12px 14px;background:rgba(7,17,29,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.top-title{min-width:0}.suite{font-size:11px;letter-spacing:.13em;color:var(--muted);font-weight:800}.top-title h1{margin:1px 0 0;font-size:20px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-btn{width:54px;height:54px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);font:inherit;font-size:25px;font-weight:800}.top-btn[hidden]{visibility:hidden}main{width:min(100%,720px);margin:0 auto;padding:18px 16px max(28px,env(safe-area-inset-bottom))}.hero{padding:20px 18px;border:1px solid #2b6c61;border-radius:24px;background:linear-gradient(145deg,#11342c,#0d1b2b);margin-bottom:16px}.hero .eyebrow{color:var(--accent);font-size:12px;letter-spacing:.08em;font-weight:900}.hero h2{margin:8px 0;font-size:26px;line-height:1.28}.hero p{margin:0;color:var(--muted);line-height:1.6}.start-btn{width:100%;min-height:62px;border:1px solid #378e7c;border-radius:18px;background:linear-gradient(135deg,#176653,#185c68);color:#fff;font:inherit;font-weight:900;font-size:18px;padding:14px 16px;margin:0 0 14px}.section-list{display:flex;flex-direction:column;gap:10px}.section-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);text-align:left;font:inherit}.section-no{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#162d45;color:var(--accent2);font-weight:900}.section-row strong{display:block;font-size:16px;line-height:1.35}.section-row small{display:block;color:var(--muted);margin-top:3px}.count{color:var(--accent);font-size:13px;font-weight:800}.viewer-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:3px 2px 12px}.viewer-head .eyebrow{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.06em}.viewer-head h2{margin:3px 0 0;font-size:20px;line-height:1.25}.viewer-count{color:var(--muted);font-weight:800;white-space:nowrap}.progress{height:8px;background:#14243a;border-radius:99px;overflow:hidden;margin-bottom:14px}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;transition:width .18s ease}.flip-wrap{perspective:1200px}.flip-card{position:relative;width:100%;min-height:430px;border:0;background:transparent;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.flip-inner{position:relative;width:100%;min-height:430px;transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.75,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;border:1px solid var(--line);border-radius:26px;padding:24px 22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 14px 34px rgba(0,0,0,.23);overflow:hidden}.front{background:linear-gradient(150deg,#12243b,#0c1929);display:flex;flex-direction:column;justify-content:center}.back{background:linear-gradient(150deg,#10342b,#0b241f);border-color:#337768;transform:rotateY(180deg);overflow:visible}.num{font-size:60px;line-height:1;font-weight:950;color:var(--accent);margin-bottom:18px}.cue{font-size:clamp(26px,7vw,38px);line-height:1.28;font-weight:900;overflow-wrap:anywhere}.prompt{margin-top:22px;color:var(--muted);font-size:16px;line-height:1.6}.back-label{font-size:12px;color:#96f0d5;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.answer{font-size:clamp(18px,4.8vw,23px);line-height:1.68;font-weight:720;white-space:pre-wrap;overflow-wrap:anywhere}.source{margin-top:20px;padding-top:12px;border-top:1px solid rgba(110,190,165,.25);color:#9bc4b9;font-size:12px}.flip-hint{text-align:center;color:var(--muted);font-size:13px;margin:10px 0 12px}.nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.nav button{min-height:58px;border-radius:17px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;font-weight:850;font-size:17px}.nav button:disabled{opacity:.35}.nav button.next{border-color:#3c759a;background:linear-gradient(135deg,#1b466c,#224d77)}.index-strip{display:flex;gap:7px;overflow-x:auto;padding:5px 2px 11px;scrollbar-width:none}.index-strip::-webkit-scrollbar{display:none}.index-chip{flex:0 0 auto;min-width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#0d1a2a;color:var(--muted);font:inherit;font-size:13px;font-weight:850}.index-chip.active{color:#07111d;background:var(--accent);border-color:var(--accent)}.notice{border:1px solid #65552c;background:#282313;color:#ffe4a6;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.55;margin:12px 0}.section-note{color:var(--muted);font-size:13px;margin:8px 2px 14px}@media(max-width:390px){main{padding-left:12px;padding-right:12px}.topbar{padding-left:10px;padding-right:10px}.flip-card,.flip-inner{min-height:390px}.face{padding:20px 18px}.num{font-size:52px}.nav button{font-size:16px}}@media(prefers-reduced-motion:reduce){.flip-inner,.progress>div{transition:none}}

/* v1.7.1 dynamic-height flip card */
.flip-card{display:block;min-height:430px;border:1px solid var(--line);border-radius:26px;padding:0;background:linear-gradient(150deg,#12243b,#0c1929);box-shadow:0 14px 34px rgba(0,0,0,.23);overflow:hidden;transition:transform .12s ease,background .18s ease}
.flip-card.flipped{background:linear-gradient(150deg,#10342b,#0b241f);border-color:#337768}
.flip-card:active{transform:scale(.992)}
.flip-card .face{position:relative;inset:auto;display:flex;min-height:430px;width:100%;flex-direction:column;justify-content:center;border:0;border-radius:0;padding:24px 22px;box-shadow:none;backface-visibility:visible;-webkit-backface-visibility:visible;transform:none;background:transparent;overflow:visible}
.flip-card .back{justify-content:flex-start;min-height:430px}
.flip-inner{display:none}
@media(max-width:390px){.flip-card,.flip-card .face{min-height:390px}}


/* v1.8 cockpit trainer + home header repair */
.topbar:not(.inside){grid-template-columns:minmax(0,1fr);padding:16px 18px 14px}
.topbar:not(.inside) .top-btn{display:none}
.topbar:not(.inside) .top-title h1{font-size:24px;white-space:normal;overflow:visible;text-overflow:clip}
.topbar.inside{grid-template-columns:54px minmax(0,1fr) 54px}
.cockpit-entry{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:12px;width:100%;min-height:82px;margin:0 0 16px;padding:13px 14px;border:1px solid #376e8c;border-radius:20px;background:linear-gradient(135deg,#102b45,#10352f);color:var(--text);font:inherit;text-align:left}
.cockpit-entry strong{display:block;font-size:17px;line-height:1.35}.cockpit-entry small{display:block;margin-top:4px;color:#a8bdcf;line-height:1.45}.cockpit-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#173c58;font-size:23px}.cockpit-arrow{font-size:26px;color:var(--accent)}
.cockpit-hero{padding:17px;border:1px solid #345f7c;border-radius:22px;background:linear-gradient(145deg,#0e263d,#0d1b2b);margin-bottom:12px}.cockpit-hero .eyebrow{color:var(--accent);font-size:12px;font-weight:900}.cockpit-hero h2{font-size:22px;line-height:1.3;margin:6px 0}.cockpit-hero p{margin:0;color:var(--muted);line-height:1.55}
.cockpit-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.cockpit-tabs button{min-height:48px;padding:8px 6px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-size:13px;font-weight:850}.cockpit-tabs button.active{color:#07111d;background:var(--accent);border-color:var(--accent)}
.trainer-prompt{padding:14px 15px;border:1px solid #41658b;background:#0e2034;border-radius:17px;margin:10px 0}.trainer-prompt span{display:block;color:var(--accent);font-size:12px;font-weight:900}.trainer-prompt strong{display:block;margin-top:5px;font-size:19px;line-height:1.4}.trainer-prompt small{display:block;color:var(--muted);margin-top:5px;line-height:1.45}
.cockpit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 1px}.cockpit-toolbar button{min-height:42px;border:1px solid var(--line);border-radius:13px;background:#10243a;color:#e7f4ff;padding:7px 12px;font:inherit;font-weight:800}.cockpit-toolbar span{color:var(--muted);font-size:12px}
.cockpit-scroll{width:100%;overflow:auto;border-radius:20px;border:1px solid #304b68;background:#fff;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cockpit-canvas{position:relative;width:100%;min-width:100%;line-height:0;transform-origin:top left}.cockpit-canvas.zoom-2{width:180%}.cockpit-canvas.zoom-3{width:260%}.cockpit-canvas img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;transform:translate(-50%,-50%);width:max(28px,calc(var(--r)*2));aspect-ratio:1;border-radius:50%;border:2px solid #75ffe0;background:rgba(9,84,70,.72);color:#fff;font:inherit;font-size:11px;font-weight:950;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(57,224,185,.16),0 3px 12px rgba(0,0,0,.45);line-height:1;z-index:3}.hotspot.selected{background:#225fdd;border-color:#b8d3ff;box-shadow:0 0 0 5px rgba(93,144,255,.22)}.hotspot.correct{background:#15966e;border-color:#effff9}
.cockpit-message{margin:10px 0;padding:11px 13px;border-radius:14px;border:1px solid var(--line);font-size:14px;font-weight:750}.cockpit-message.ok{background:#10352c;border-color:#377b68;color:#caffed}.cockpit-message.bad{background:#321a20;border-color:#784952;color:#ffd3d8}
.cockpit-detail{margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.empty-detail{text-align:center;color:var(--muted)}.empty-detail h3{color:var(--text)}.detail-title{display:flex;align-items:center;gap:10px}.detail-title small{color:var(--muted)}.detail-title h3{margin:0;font-size:20px}.detail-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(67,215,177,.15)}.detail-help{color:var(--muted);font-size:13px;line-height:1.5}
.linked-procedure{display:block;width:100%;min-height:72px;margin-top:9px;padding:12px 13px;border:1px solid #2d4e6a;border-radius:15px;background:#0d2135;color:var(--text);font:inherit;text-align:left}.linked-procedure span{display:block;color:var(--accent);font-size:12px;font-weight:900}.linked-procedure strong{display:block;margin-top:2px;font-size:16px}.linked-procedure small{display:block;margin-top:4px;color:var(--muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequence-note{margin:12px 0;padding:12px 13px;border-radius:15px;border:1px solid #66572d;background:#282313;color:#ffe5aa;font-size:13px;line-height:1.55}
@media(max-width:390px){.cockpit-tabs button{font-size:12px;padding:7px 4px}.cockpit-entry{grid-template-columns:42px minmax(0,1fr) 24px}.cockpit-icon{width:42px;height:42px}.cockpit-scroll{border-radius:16px}.hotspot{width:max(26px,calc(var(--r)*2))}}


/* v1.9 — 13-section cockpit trainer, concept catalog, lightweight game feedback */
.cockpit-tabs.four{grid-template-columns:repeat(4,1fr)}
.xp-pill{display:inline-flex;align-items:center;margin-top:12px;padding:6px 10px;border-radius:999px;background:#132f29;border:1px solid #2c7965;color:#d6fff2;font-size:12px;font-weight:900}
.panel-enter{animation:panelEnter .22s ease-out both}
@keyframes panelEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes successPop{0%{opacity:.2;transform:scale(.94)}55%{opacity:1;transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes wrongShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.cockpit-message.celebrate{animation:successPop .26s ease-out both;font-size:16px;text-align:center}
.cockpit-message.bad{animation:wrongShake .22s ease-in-out}
.cockpit-tabs button,.section-train-row,.concept-tile,.linked-procedure,.hotspot{transition:transform .1s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}
.cockpit-tabs button:active,.section-train-row:active,.concept-tile:active,.linked-procedure:active{transform:scale(.98)}
.hotspot.correct{animation:successPop .28s ease-out both;box-shadow:0 0 0 7px rgba(67,215,177,.25),0 0 24px rgba(67,215,177,.35)}
.section-train-list{display:flex;flex-direction:column;gap:9px;margin:10px 0 18px}
.section-train-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 12px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);font:inherit;text-align:left}
.section-train-row>span{width:42px;height:42px;border-radius:13px;background:#162d45;color:var(--accent2);display:grid;place-items:center;font-weight:950}
.section-train-row>b{font-size:15px;line-height:1.35}.section-train-row>small{color:var(--accent);font-size:11px;font-weight:850;text-align:right}.section-train-row.active{border-color:#3b927d;background:#102d28}
.section-train-list.compact .section-train-row{grid-template-columns:42px 1fr}.section-train-list.compact .section-train-row small{display:none}
.back-mini{min-height:44px;margin:4px 0 10px;padding:8px 12px;border-radius:13px;border:1px solid var(--line);background:#0f2033;color:var(--text);font:inherit;font-weight:800}
.section-related{margin-top:12px}
.catalog-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.catalog-toggle button{min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;font-weight:850}.catalog-toggle button.active{background:#14382f;border-color:#3b947d;color:#d9fff4}
.concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}.concept-tile{min-height:68px;padding:8px 6px;border:1px solid var(--line);border-radius:15px;background:#0e1d2e;color:var(--text);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.concept-tile.active{border-color:#42d5b0;background:#113329}.concept-no{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#18354e;color:#a9c6ff;font-weight:950}.concept-tile b{font-size:12px;line-height:1.25;text-align:center}.concept-tile small{font-size:10px;color:var(--muted);line-height:1.2;text-align:center}
.concept-detail{margin-top:12px;padding:16px;border:1px solid #345b78;border-radius:20px;background:linear-gradient(145deg,#0d2338,#0d1b2b)}.concept-detail-head>span{display:inline-block;padding:4px 8px;border-radius:999px;background:#15394a;color:var(--accent);font-size:11px;font-weight:900}.concept-detail-head h3{margin:8px 0 5px;font-size:21px}.concept-detail-head h3 small{display:block;margin-top:3px;color:var(--muted);font-size:13px;font-weight:700}.concept-detail>p{color:#dce7f4;line-height:1.65}.concept-detail h4{margin:18px 0 6px}.concept-source{margin:8px 0 10px;padding:9px 10px;border-radius:12px;background:#0b1827;border:1px solid #263e59;color:#9eb4c9;font-size:12px;line-height:1.45}.concept-photo{min-height:48px;padding:9px 12px;border:1px solid #3c846f;border-radius:13px;background:#12372f;color:#ddfff5;font:inherit;font-weight:850}.photo-unmapped{margin:9px 0;padding:10px 12px;border-radius:13px;border:1px dashed #536277;color:#b8c2cf;font-size:13px}.verification-note{margin:14px 0;padding:14px;border:1px solid #5d6338;border-radius:17px;background:#262516;color:#f6eeb5}.verification-note b{font-size:14px}.verification-note p{margin:6px 0 0;color:#d8d2a0;font-size:12px;line-height:1.55}
.cockpit-detail .concept-source{margin-top:7px}
@media(max-width:430px){.cockpit-tabs.four{grid-template-columns:1fr 1fr}.concept-grid{grid-template-columns:repeat(4,1fr)}.section-train-row{grid-template-columns:38px minmax(0,1fr) auto}.section-train-row>span{width:38px;height:38px}.section-train-row>b{font-size:14px}.section-train-row>small{max-width:82px}.concept-detail-head h3{font-size:19px}}
@media(max-width:360px){.concept-grid{grid-template-columns:repeat(3,1fr)}.section-train-row{grid-template-columns:36px minmax(0,1fr)}.section-train-row>small{grid-column:2;text-align:left}.section-train-row>span{width:36px;height:36px}.cockpit-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.panel-enter,.cockpit-message.celebrate,.cockpit-message.bad,.hotspot.correct{animation:none!important}.cockpit-tabs button,.section-train-row,.concept-tile,.linked-procedure,.hotspot{transition:none!important}}


/* v2.0 — card-back visual enlargement */
.topbar.inside .top-title h1{font-size:clamp(18px,5.4vw,22px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;max-height:2.5em}
.topbar.inside{align-items:start}
.answer{display:block}
.card-visual-shell{display:block;margin-top:18px;padding:12px;border:1px solid rgba(91,164,145,.34);border-radius:18px;background:rgba(5,22,18,.26)}
.card-visual-label{display:block;color:#9ff5d9;font-size:12px;font-weight:900;letter-spacing:.05em;margin-bottom:10px}
.card-visual-list{display:grid;grid-template-columns:1fr;gap:10px}.card-visual-list.multi{grid-template-columns:1fr 1fr}
.card-visual-item{display:block}.card-visual-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:15px;border:1px solid rgba(110,190,165,.28);background:#09141f}.card-visual-caption{display:block;margin-top:8px}.card-visual-caption b{display:block;color:#effbf7;font-size:14px;line-height:1.35}.card-visual-caption span{display:block;margin-top:4px;color:#c3d9d1;font-size:12px;line-height:1.55}
.card-assist{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.assist-btn{min-height:46px;padding:10px 12px;border-radius:14px;border:1px solid #336b8d;background:#12304b;color:#ecf7ff;font:inherit;font-size:14px;font-weight:850}.assist-btn.secondary{border-color:#3b8d78;background:#103329;color:#dffff3}
.related-note{margin:4px 2px 12px;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:420px){.card-visual-list.multi{grid-template-columns:1fr}.card-visual-item img{aspect-ratio:1.28/1}.assist-btn{width:100%}}


/* v2.1 — subdivided engine instruments + instrument gallery */
.cockpit-tabs.five{grid-template-columns:repeat(5,1fr)}
.hotspot-filter{display:flex;gap:7px;overflow-x:auto;padding:4px 1px 10px;margin:4px 0 8px;scrollbar-width:none}
.hotspot-filter::-webkit-scrollbar{display:none}
.hotspot-filter button{flex:0 0 auto;min-height:38px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:#0e1e30;color:var(--muted);font:inherit;font-size:12px;font-weight:850}
.hotspot-filter button.active{background:var(--accent);border-color:var(--accent);color:#07111d}
.instrument-cluster{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:center;margin:10px 0 12px;padding:12px;border:1px solid #345f7c;border-radius:18px;background:#0d2034}
.instrument-cluster img{width:100%;border-radius:14px;border:1px solid var(--line)}
.instrument-cluster b{display:block;font-size:17px}.instrument-cluster span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:5px}
.instrument-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0 14px}
.instrument-tile{min-height:134px;padding:8px;border-radius:16px;border:1px solid var(--line);background:#0e1d2e;color:var(--text);font:inherit;text-align:left}
.instrument-tile.active{border-color:var(--accent);background:#11342c}
.instrument-tile img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover;border-radius:12px;border:1px solid #263d58;background:#fff}
.instrument-tile b{display:block;margin-top:7px;font-size:13px;line-height:1.25}
.instrument-tile small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.25}
.instrument-detail{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0;padding:14px;border:1px solid #345b78;border-radius:20px;background:linear-gradient(145deg,#0d2338,#0d1b2b)}
.instrument-large{display:block;width:100%;border-radius:16px;border:1px solid #345b78;background:#fff;max-height:360px;object-fit:contain}
.instrument-copy span{display:inline-block;padding:4px 8px;border-radius:999px;background:#15394a;color:var(--accent);font-size:11px;font-weight:900}
.instrument-copy h3{margin:8px 0 8px;font-size:21px;line-height:1.3}
.instrument-copy h3 small{display:block;margin-top:2px;color:var(--muted);font-size:13px}
.instrument-copy p{margin:7px 0;color:#d8e6f3;line-height:1.6;font-size:14px}
.detail-thumb{display:block;width:100%;margin:12px 0;border-radius:16px;border:1px solid #345b78;background:#fff;max-height:260px;object-fit:contain}
@media(max-width:560px){.cockpit-tabs.five{grid-template-columns:repeat(3,1fr)}.instrument-grid{grid-template-columns:repeat(2,1fr)}.instrument-cluster{grid-template-columns:1fr}.instrument-tile{min-height:128px}.card-visual-list.multi{grid-template-columns:1fr}}
@media(max-width:360px){.cockpit-tabs.five{grid-template-columns:repeat(2,1fr)}.instrument-grid{grid-template-columns:1fr 1fr}.instrument-tile b{font-size:12px}}

/* v2.2 4 BASIC */
.fourbasic-entry{width:100%;display:grid;grid-template-columns:54px 1fr 28px;gap:12px;align-items:center;margin:12px 0 16px;padding:15px;border-radius:20px;border:1px solid #6b5cbd;background:linear-gradient(145deg,#171f3a,#101c2c);color:var(--text);text-align:left;font:inherit}.fourbasic-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#4a3c8c;color:#fff;font-weight:950}.fourbasic-entry strong{display:block;font-size:17px}.fourbasic-entry small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}
.basic-hero,.basic-lesson-hero{margin:8px 0 14px;padding:20px;border:1px solid #415c8d;border-radius:22px;background:linear-gradient(145deg,#101f38,#10283a)}.basic-hero h2,.basic-lesson-hero h2{margin:7px 0;font-size:28px}.basic-hero p,.basic-lesson-hero p{color:#d8e5f2;line-height:1.65}.basic-priority{margin-top:12px;padding:10px 12px;border-radius:14px;background:#0a1827;color:#bfeee0;font-size:13px}.basic-five{display:grid;gap:10px}.basic-home-card{display:grid;grid-template-columns:48px 1fr 28px;gap:12px;align-items:center;min-height:82px;padding:14px;border-radius:19px;border:1px solid var(--line);background:#0d1c2d;color:var(--text);text-align:left;font:inherit}.basic-home-card>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#153252;color:#84b5ff;font-weight:900}.basic-home-card b{display:block;font-size:18px}.basic-home-card small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.basic-home-card em{font-style:normal;font-size:22px;color:var(--accent)}.basic-source-map{width:100%;margin:13px 0;padding:13px;border-radius:16px;border:1px solid #3d5169;background:#0e1d2d;color:#d7e7f6;font:inherit;font-weight:850}.basic-conflict-note,.basic-warning{margin:12px 0;padding:14px;border-radius:18px;border:1px solid #805e34;background:#2a2015;color:#f8e3bd}.basic-conflict-note p,.basic-warning p{margin:6px 0;line-height:1.55;font-size:13px}
.basic-visual{position:relative;height:160px;margin:10px 0 14px;border-radius:22px;overflow:hidden;border:1px solid #385878;background:linear-gradient(#6aa5d8 0 48%,#526943 49% 100%)}.basic-visual .horizon{position:absolute;left:0;right:0;top:49%;height:3px;background:rgba(255,255,255,.75)}.basic-plane{position:absolute;left:50%;top:48%;font-size:42px;transform:translate(-50%,-50%);transition:.25s}.basic-visual.climb .basic-plane{transform:translate(-50%,-50%) rotate(-12deg);animation:basicFloat 2.2s ease-in-out infinite}.basic-visual.descent .basic-plane{transform:translate(-50%,-50%) rotate(10deg);animation:basicFloat 2.2s ease-in-out infinite}.basic-visual.turn .basic-plane{transform:translate(-50%,-50%) rotate(-25deg);animation:basicBank 2.3s ease-in-out infinite}.visual-label{position:absolute;left:14px;bottom:12px;padding:6px 10px;border-radius:999px;background:#091727cc;color:#fff;font-weight:900}@keyframes basicFloat{50%{translate:0 -6px}}@keyframes basicBank{50%{rotate:-6deg}}
.basic-scene,.basic-flow,.basic-numbers,.basic-scan,.basic-exam,.source-map-group{margin:12px 0;padding:15px;border-radius:20px;border:1px solid var(--line);background:#0d1d2e}.basic-scene h3,.basic-flow h3,.basic-numbers h3,.basic-scan h3,.basic-exam h3,.source-map-group h3{margin:0 0 10px}.basic-scene>p,.basic-scan>p,.basic-exam>p{color:var(--muted);line-height:1.6}.basic-body-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.basic-body-grid>div{padding:10px;border-radius:14px;background:#11283d}.basic-body-grid b{display:block;margin-bottom:6px}.basic-body-grid span{display:block;font-size:12px;line-height:1.5;margin:4px 0;color:#d8e9f5}.basic-flow>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}.basic-flow span{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:14px;background:#122a3e;font-size:12px;font-weight:800}.basic-flow i{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#06121e}.basic-numbers p{margin:6px 0;padding:8px 10px;border-radius:12px;background:#10273a;color:#dbeaf6;font-size:13px}.scan-head{display:flex;justify-content:space-between}.scan-track{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scan-track span{min-height:52px;display:grid;place-items:center;text-align:center;padding:6px;border-radius:13px;background:#0a1726;color:#8499ad;font-size:11px;transition:.2s}.scan-track span.active{background:#155e50;color:#fff;transform:scale(1.03);box-shadow:0 0 0 2px #55e3c0 inset}.basic-scan button{width:100%;margin-top:10px;min-height:48px;border:0;border-radius:14px;background:var(--accent);color:#07131d;font:inherit;font-weight:900}.basic-exam-card{width:100%;display:grid;grid-template-columns:48px 1fr;gap:9px;margin:8px 0;padding:11px;border:1px solid #36536d;border-radius:15px;background:#102235;color:var(--text);font:inherit;text-align:left}.basic-exam-card span{grid-row:1/3;display:grid;place-items:center;border-radius:12px;background:#183653;color:#7eb4ff;font-weight:900}.basic-exam-card b{font-size:14px}.basic-exam-card small{color:var(--muted);font-size:11px}.basic-source{margin:12px 0;padding:12px;border-radius:18px;border:1px solid var(--line);background:#0b1a29}.basic-source summary{font-weight:850;cursor:pointer}.basic-source-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.basic-source-grid img{width:100%;height:auto;border-radius:14px;background:#fff}.source-map-group>div{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #1b3349}.source-map-group span{color:var(--accent);font-weight:900}.source-map-group b{font-size:13px}
@media(max-width:520px){.basic-body-grid{grid-template-columns:1fr}.scan-track{grid-template-columns:repeat(2,1fr)}.basic-hero h2,.basic-lesson-hero h2{font-size:24px}}


/* v2.3 — 4 BASIC interactive missions */
.basic-xp{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.basic-xp span{padding:7px 10px;border-radius:999px;background:#112b37;border:1px solid #2f6b6a;color:#d9fff4;font-size:12px}.basic-missions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 15px}.basic-missions button{min-height:108px;padding:13px;border-radius:18px;border:1px solid #38657f;background:linear-gradient(145deg,#10253b,#0d1d2e);color:var(--text);font:inherit;text-align:left;transition:transform .12s ease,opacity .12s}.basic-missions button:active{transform:scale(.98)}.basic-missions span{display:block;font-size:24px}.basic-missions b{display:block;margin-top:7px;font-size:15px}.basic-missions small{display:block;margin-top:4px;color:var(--muted);line-height:1.35;font-size:11px}
.basic-game-hero{margin:7px 0 12px;padding:18px;border:1px solid #3c6581;border-radius:21px;background:linear-gradient(145deg,#10253a,#102134)}.basic-game-hero h2{margin:7px 0;font-size:25px}.basic-game-hero p{color:#d4e4f0;line-height:1.55}.game-progress,.timer-bar{height:10px;border-radius:999px;background:#07131f;overflow:hidden;margin-top:12px;position:relative}.game-progress i,.timer-bar i{display:block;height:100%;background:linear-gradient(90deg,#41d8ad,#7ca6ff);transition:width .25s ease}.timer-bar span{position:absolute;right:8px;top:-22px;font-size:12px;color:#bcd0df}
.scan-game-prompt{padding:15px;border-radius:18px;background:#0c1c2b;border:1px solid var(--line);margin:10px 0}.scan-game-prompt span{color:var(--accent);font-size:12px;font-weight:900}.scan-game-prompt strong{display:block;margin:6px 0;font-size:20px}.scan-game-prompt small{color:var(--muted);line-height:1.45}.scan-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.scan-choice{min-height:150px;padding:10px;border-radius:18px;border:1px solid #35546d;background:#0e2032;color:var(--text);font:inherit;text-align:left;transition:transform .13s,border-color .13s,background .13s}.scan-choice:active{transform:scale(.98)}.scan-choice.correct{border-color:#57e4b8;background:#123c32;animation:correctPop .24s ease}.scan-choice.wrong{border-color:#e27b75;animation:wrongShake .22s ease}.scan-choice>b{display:block;margin-top:7px}.scan-choice>small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.mini-instruments{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.mini-instruments img{width:100%;height:76px;object-fit:cover;border-radius:10px;background:#fff}.windshield{height:80px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(#78aede 0 54%,#56734e 55% 100%);display:grid;place-items:center}.windshield i{position:absolute;left:0;right:0;top:54%;height:2px;background:#fff}.windshield b{z-index:2;padding:4px 8px;border-radius:999px;background:#071522bf;color:#fff;font-size:12px}
.basic-game-message{margin:11px 0;padding:11px 13px;border-radius:14px;background:#10273a;color:#cfe1ed;min-height:44px}.basic-game-message.ok{background:#123c32;color:#dcfff3;border:1px solid #3ca986}.basic-game-message.bad{background:#351d22;color:#ffe1e3;border:1px solid #a95b62}.basic-game-actions{display:flex;gap:8px;margin:10px 0}.basic-game-actions button,.lesson-mission button{min-height:48px;flex:1;border-radius:14px;border:1px solid #385b77;background:#10243a;color:#e6f0fa;font:inherit;font-weight:850}.basic-game-actions button:first-child,.lesson-mission button:first-child{background:#174b50;border-color:#37a68e}
.bank-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bank-choice-grid>button{padding:8px;border-radius:18px;border:1px solid #35556d;background:#0e2032;color:var(--text);font:inherit}.bank-choice-grid>button.correct{border-color:#57e4b8;background:#123c32}.bank-choice-grid>button.wrong{animation:wrongShake .22s ease;border-color:#c85e65}.bank-choice-grid b{display:block;margin-top:7px;font-size:13px}.att-widget{aspect-ratio:1/1;max-width:170px;margin:auto;border-radius:50%;overflow:hidden;position:relative;border:6px solid #263341;background:#78aadc}.att-sky{position:absolute;inset:0 0 50%;background:#6da5d7}.att-ground{position:absolute;inset:50% 0 0;background:#72543e}.att-horizon{position:absolute;left:50%;top:50%;width:145%;height:2px;background:#fff;transform-origin:center}.att-horizon i{position:absolute;left:50%;top:-32px;width:3px;height:64px;background:#fff;opacity:.9}.att-plane{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffd75f;font-weight:900;font-size:17px;text-shadow:0 1px 2px #000}.att-bank-label{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:999px;background:#071522d9;color:#fff;font-size:10px}.bank-source-note{margin:10px 0;padding:12px;border-radius:15px;background:#281f14;border:1px solid #80613c;color:#f4dfbc}.bank-source-note p{font-size:12px;line-height:1.5}
.etcr-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.etcr-slots span{height:56px;display:grid;place-items:center;border-radius:16px;border:1px dashed #35546d;background:#0b1928;color:#6f8394;font-size:24px;font-weight:950}.etcr-slots span.done{background:#153a31;color:#70eac5;border-style:solid}.etcr-slots span.current{box-shadow:0 0 0 2px #68d7b6 inset;color:#fff}.etcr-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.etcr-buttons button{min-height:115px;padding:13px;border-radius:18px;border:1px solid #35556d;background:#102235;color:var(--text);font:inherit;text-align:left}.etcr-buttons b{font-size:28px;color:var(--accent)}.etcr-buttons span{display:block;margin-top:3px;font-weight:850}.etcr-buttons small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.etcr-buttons button.correct{background:#123c32;border-color:#57e4b8}.etcr-buttons button.wrong{animation:wrongShake .22s ease;border-color:#c85e65}
.basic-finish{margin:20px 0;padding:24px;border-radius:24px;border:1px solid #3a6780;background:linear-gradient(145deg,#10283c,#102033);text-align:center}.basic-finish>span{font-size:48px}.basic-finish h2{font-size:28px;margin:7px}.basic-finish p{color:#cfe0ec}.basic-finish>div{display:inline-flex;flex-direction:column;min-width:105px;margin:8px 4px;padding:11px;border-radius:15px;background:#0a1927}.basic-finish>div b{font-size:22px;color:var(--accent)}.basic-finish>div small{color:var(--muted)}.basic-finish button{width:100%;margin-top:8px;min-height:50px;border:0;border-radius:15px;background:var(--accent);color:#06131e;font:inherit;font-weight:900}.basic-finish button.ghost{background:#10243a;color:#e8f1f8;border:1px solid #365774}.exam-reminder{padding:10px;border-radius:14px;background:#2b2116!important;color:#f5dfb8!important}.lesson-mission{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}.lesson-mission.double{grid-template-columns:1fr 1fr}
@keyframes correctPop{50%{transform:scale(1.035)}}@keyframes wrongShake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:520px){.basic-missions{grid-template-columns:1fr}.basic-missions button{min-height:82px}.bank-choice-grid{grid-template-columns:1fr}.bank-choice-grid>button{display:grid;grid-template-columns:105px 1fr;align-items:center}.att-widget{width:100px}.scan-choice-grid{grid-template-columns:1fr 1fr}.lesson-mission.double{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.scan-choice,.basic-missions button,.game-progress i,.timer-bar i{transition:none}.correctPop,.wrongShake{animation:none!important}}


/* v2.4 advanced 4 BASIC */
.advanced-missions{display:grid;gap:9px;margin:13px 0 16px}.advanced-missions .section-cap{display:flex;justify-content:space-between;align-items:center;padding:2px;color:#a8bfd1}.advanced-missions .section-cap span{font-size:11px;padding:3px 8px;border-radius:999px;background:#16324a;color:#8ee8ce}.advanced-missions>button{display:grid;grid-template-columns:48px 1fr 24px;gap:10px;align-items:center;min-height:82px;padding:13px;border-radius:19px;border:1px solid #3b617c;background:linear-gradient(145deg,#10283d,#0d1f31);color:var(--text);font:inherit;text-align:left;transition:transform .12s}.advanced-missions>button:active{transform:scale(.985)}.mission-glyph{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#164c48;color:#77f0cc;font-size:25px;font-weight:900}.advanced-missions b{display:block;font-size:15px}.advanced-missions small{display:block;margin-top:3px;color:var(--muted);line-height:1.4;font-size:11px}.advanced-missions em{font-style:normal;font-size:20px;color:#6f9bbb}
.motion-stage{margin:10px 0;padding:14px;border:1px solid #365e79;border-radius:22px;background:linear-gradient(145deg,#0b1c2c,#10243a)}.motion-frame-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.motion-frame-title span{color:var(--accent);font-size:12px;font-weight:900}.motion-frame-title strong{font-size:18px}.motion-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.motion-dial{min-height:166px;padding:10px;border-radius:18px;background:#081522;border:1px solid #29465e;text-align:center}.motion-dial>small{display:block;margin-top:6px;color:#9cb1c4;font-size:11px;font-weight:900}.dial-face{position:relative;width:126px;height:126px;margin:auto;border-radius:50%;border:7px solid #283644;background:radial-gradient(circle,#132333 0 58%,#09131c 60%);box-shadow:inset 0 0 0 2px #53616d}.dial-face:before{content:'';position:absolute;inset:12px;border-radius:50%;background:repeating-conic-gradient(from -125deg,#d8e0e5 0 1deg,transparent 1deg 20deg);opacity:.5}.dial-face>b{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);font-size:15px;color:#fff;white-space:nowrap}.dial-needle{position:absolute;left:50%;top:50%;width:3px;height:46px;background:#f4f7f8;border-radius:4px;transform-origin:50% 88%;transition:transform .48s cubic-bezier(.2,.8,.2,1);z-index:3}.dial-center{position:absolute;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);border-radius:50%;background:#f0f2f3;z-index:4}.mini-ai{position:relative;width:126px;height:126px;margin:auto;border-radius:50%;overflow:hidden;border:7px solid #283644;background:#5f9bc9}.mini-ai-world{position:absolute;inset:-35%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.mini-sky{position:absolute;inset:0 0 50%;background:#5c9bd1}.mini-ground{position:absolute;inset:50% 0 0;background:#755642}.mini-ai-world i{position:absolute;left:0;right:0;top:50%;height:2px;background:#fff}.mini-ai>b{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:3px 6px;border-radius:999px;background:#071522cc;color:#fff;font-size:10px;white-space:nowrap}.motion-callout{margin:11px 0 8px;padding:12px;border-radius:15px;background:#133327;color:#dcfff4;border:1px solid #327f6d;line-height:1.55}.motion-strip{display:flex;gap:7px;overflow-x:auto}.motion-strip button{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 10px;border-radius:14px;border:1px solid #35516a;background:#0a1a2a;color:#b8ccda;font:inherit;font-size:11px}.motion-strip button.active{border-color:#51d6b0;background:#123b32;color:#fff}.motion-strip i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#173c55}.motion-source{margin:10px 0}.motion-source>b{display:block;margin-bottom:6px;color:#9cebd4}.motion-switches{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.motion-switches button{min-height:46px;border:1px solid #35546f;border-radius:13px;background:#0e2032;color:#d8e7f3;font:inherit;font-size:11px;font-weight:850}
.turn-flow-stage{margin:12px 0;padding:16px;border:1px solid #355d78;border-radius:22px;background:#0b1c2c;text-align:center}.turn-flow-ai{position:relative;width:min(280px,82vw);aspect-ratio:1/1;margin:auto;border-radius:50%;overflow:hidden;border:9px solid #293744;background:#65a1d1}.turn-flow-world{position:absolute;inset:-35%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.turn-sky{position:absolute;inset:0 0 50%;background:#65a3d5}.turn-ground{position:absolute;inset:50% 0 0;background:#74543d}.turn-flow-world i{position:absolute;left:0;right:0;top:50%;height:3px;background:#fff}.turn-airplane{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffdc69;font-size:26px;font-weight:950}.turn-angle{position:absolute;right:18px;bottom:18px;padding:5px 9px;border-radius:999px;background:#071522dd;color:#fff;font-weight:900}.turn-flow-meter{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:5px;margin:14px 0 3px;color:#8ba4b6;font-size:11px}.turn-flow-meter i{position:relative;height:11px;border-radius:999px;background:#07131f}.turn-flow-meter i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#52d9b2,#7ca8ff);transition:width .3s}.turn-flow-meter i em{position:absolute;top:-5px;width:3px;height:21px;background:#ffd46d}.turn-flow-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.turn-flow-controls button{min-height:58px;border:1px solid #365976;border-radius:16px;background:#10243a;color:#eaf3fa;font:inherit;font-weight:900}.turn-flow-controls button.ready{background:#16533f;border-color:#5ae0b5}.turn-target-choice{display:flex;gap:8px;margin:10px 0}.turn-target-choice button{flex:1;min-height:43px;border-radius:13px;border:1px solid #36556d;background:#0d1d2e;color:#b9ccdb;font:inherit;font-weight:900}.turn-target-choice button.active{background:#143e35;color:#fff;border-color:#58dcb3}
.mission-position{margin:10px 0;padding:15px;border:1px solid #355a75;border-radius:18px;background:#0c1d2d}.mission-position>span{color:var(--accent);font-size:12px;font-weight:900}.mission-position>strong{display:block;margin:7px 0 11px;font-size:23px}.mission-dots{display:flex;gap:5px}.mission-dots i{height:7px;flex:1;border-radius:999px;background:#21364a}.mission-dots i.done{background:#48d7ad}.mission-dots i.current{background:#7fa9ff}.mission-choice-grid{display:grid;gap:9px}.mission-choice-grid button{min-height:76px;padding:13px;border-radius:17px;border:1px solid #385b76;background:#0f2235;color:#f1f7fb;font:inherit;text-align:left;font-weight:800;line-height:1.5}.mission-choice-grid button.correct{background:#123c32;border-color:#57e4b8}.mission-choice-grid button.wrong{border-color:#ca646c;animation:wrongShake .22s ease}.mission-card-label{margin:11px 0;padding:10px 12px;border-radius:14px;background:#11283a;color:#aec2d2}.mission-card-label b{color:#7eb4ff}.mission-card-label span{margin-left:7px}
@media(max-width:520px){.motion-switches{grid-template-columns:1fr}.turn-flow-controls{grid-template-columns:1fr}.advanced-missions>button{grid-template-columns:44px 1fr 18px}.dial-face,.mini-ai{width:112px;height:112px}.motion-dial{min-height:152px}}
@media(max-width:360px){.dial-face,.mini-ai{width:100px;height:100px}.motion-dial{min-height:142px}}
@media(prefers-reduced-motion:reduce){.dial-needle,.mini-ai-world,.turn-flow-world,.turn-flow-meter i b{transition:none!important}}

/* v2.5 — Taxi Flight Instrument Check */
.taxi-check-entry{width:100%;display:grid;grid-template-columns:52px 1fr 22px;gap:11px;align-items:center;margin:10px 0;padding:14px;border-radius:20px;border:1px solid #4b6e8b;background:linear-gradient(145deg,#102b3f,#0e2132);color:var(--text);font:inherit;text-align:left;transition:transform .12s}.taxi-check-entry:active{transform:scale(.988)}.taxi-check-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:#164947;color:#69e7c8;font-size:25px;font-weight:900}.taxi-check-entry strong{display:block;font-size:16px}.taxi-check-entry small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.taxi-inline-entry{width:100%;min-height:54px;margin:10px 0 3px;border:1px solid #45a38b;border-radius:16px;background:#11372e;color:#eafff7;font:inherit;font-weight:900}
.taxi-check-hero{margin:12px 0;padding:17px;border:1px solid #37617c;border-radius:22px;background:linear-gradient(145deg,#0e2438,#0b1928)}.taxi-check-hero h2{margin:7px 0 8px;font-size:24px}.taxi-check-hero p{color:#d4e3ef;line-height:1.55}.taxi-source-rule{margin-top:10px;padding:10px;border-radius:13px;background:#132d2c;color:#cffff1;font-size:12px;line-height:1.5}.taxi-scenario{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.taxi-scenario button{min-height:52px;border-radius:16px;border:1px solid #365873;background:#0e2032;color:#c8d7e4;font:inherit;font-weight:900}.taxi-scenario button.active{background:#175341;border-color:#57deb4;color:#fff}.taxi-step-card{margin:10px 0;padding:16px;border-radius:20px;border:1px solid #3b6681;background:#0d2032}.taxi-step-card>span{color:var(--accent);font-size:12px;font-weight:900}.taxi-step-card h3{margin:7px 0 4px;font-size:23px}.taxi-step-card>strong{display:block;color:#8fe9d1;font-size:17px}.taxi-step-card>p{margin:9px 0;color:#d4e1ec;line-height:1.55}.taxi-expected{margin-top:11px;padding:11px;border-radius:14px;background:#081722;border:1px solid #2d4e64}.taxi-expected small{display:block;color:#99aec0}.taxi-expected b{display:block;margin-top:4px;color:#fff}.taxi-source-preview{margin:12px 0}.taxi-source-preview img{display:none;width:100%;height:auto;border-radius:16px;border:1px solid #46647c}.taxi-source-preview img.show{display:block;margin-bottom:8px}.taxi-source-preview button{width:100%;min-height:48px;border-radius:14px;border:1px solid #37566e;background:#0c1b2a;color:#dfeaf2;font:inherit;font-weight:850}.taxi-recall{grid-column:1/-1;width:100%;margin-top:10px;padding:12px;border-radius:15px;background:#12342b;text-align:left}.taxi-recall b{color:#83e8cc}.taxi-recall p{margin:5px 0 0;line-height:1.55}

/* v2.6 — navigation/runtime hardening */
.error-panel{margin:18px 0;padding:18px;border:1px solid #8e555b;border-radius:20px;background:#28161b;color:#f8e7e9}
.error-panel h2{margin:0 0 8px;font-size:21px}.error-panel p{color:#e1bfc3;line-height:1.55}
.error-panel button{width:100%;min-height:52px;margin-top:10px;border:1px solid #b66b72;border-radius:15px;background:#572a31;color:#fff;font:inherit;font-weight:900}

/* v2.7 — CURRENT 4 BASIC Procedures p13-p14 as first-class study block */
.current-4b-block{margin:13px 0 17px;padding:14px;border:1px solid #47a58d;border-radius:22px;background:linear-gradient(145deg,#0f342d,#0d2430)}
.current-4b-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-end}.current-4b-head span{color:#65e4be;font-size:11px;font-weight:900}.current-4b-head h3{margin:4px 0 0;font-size:21px}.current-4b-head button{min-height:48px;padding:8px 12px;border:1px solid #5ce4ba;border-radius:14px;background:#4bd5ae;color:#061710;font:inherit;font-size:12px;font-weight:950}.current-4b-block>p{margin:10px 0;color:#c5d8df;font-size:12px;line-height:1.55}
.current-4b-grid{display:grid;gap:8px}.current-4b-grid>button{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;min-height:72px;padding:10px;border-radius:16px;border:1px solid #386a62;background:#0b2028;color:#f1f8f7;font:inherit;text-align:left}.current-4b-grid i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#153c4f;color:#8fb6ff;font-style:normal;font-weight:950}.current-4b-grid b{display:block;font-size:14px}.current-4b-grid small{display:block;margin-top:3px;color:#94acba;font-size:10px}.current-4b-grid em{font-style:normal;color:#6de3c1;font-size:18px}.current-4b-order{margin-top:10px;padding:10px;border-radius:14px;background:#0b1b24;border:1px solid #31534e}.current-4b-order b{display:block;color:#77e4c4;font-size:11px}.current-4b-order span{display:block;margin-top:4px;color:#f0f6f5;font-size:12px;line-height:1.5}.understanding-separator{margin:18px 0 8px;padding:9px 2px;border-top:1px solid #29475c}.understanding-separator span{display:block;color:#809db0;font-size:10px;font-weight:900}.understanding-separator b{display:block;margin-top:3px;color:#d5e2eb;font-size:13px}
.current-proc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:10px 0}.current-proc-top span{color:#55dcb7;font-size:11px;font-weight:900}.current-proc-top h2{margin:4px 0 0;font-size:22px;line-height:1.3}.current-proc-top>strong{font-size:18px;color:#a9bbca}.current-proc-progress{height:9px;margin:10px 0 14px;border-radius:999px;background:#112438;overflow:hidden}.current-proc-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#51dab4,#82aaff)}
.current-proc-flip{display:block;width:100%;min-height:520px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;perspective:1100px}.current-proc-face{display:flex;flex-direction:column;min-height:520px;padding:24px;border-radius:25px;border:1px solid #3d6a83;backface-visibility:hidden;transition:transform .34s ease,opacity .22s ease}.current-proc-face.front{justify-content:center;background:linear-gradient(145deg,#0f342d,#0a2a25)}.current-proc-face.front small{color:#7ce8c7;font-weight:900}.current-proc-face.front>b{margin-top:18px;font-size:52px;color:#85aaff}.current-proc-face.front h3{margin:12px 0 12px;font-size:30px;line-height:1.3}.current-proc-face.front p{color:#bdd1db;line-height:1.6}.current-proc-face.back{display:none;background:linear-gradient(145deg,#0c2031,#0b1927)}.current-proc-flip.flipped .front{display:none}.current-proc-flip.flipped .back{display:flex}.current-proc-face.back small{color:#6be1bf;font-weight:900}.current-proc-face.back h3{margin:9px 0 14px;font-size:22px}.current-proc-face.back pre{margin:0;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;color:#f1f6fa;font-family:inherit;font-size:16px;line-height:1.75}.current-proc-face.back em{margin-top:auto;padding-top:18px;color:#88a2b5;font-style:normal;font-size:11px}.current-proc-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.current-proc-nav button{min-height:58px;border:1px solid #3d607a;border-radius:17px;background:#102439;color:#fff;font:inherit;font-weight:900}.current-proc-nav button:last-child{background:#1a725f;border-color:#57d9b4}.current-proc-nav button:disabled{opacity:.35}.current-proc-jump{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0}.current-proc-jump button{min-height:44px;border-radius:12px;border:1px solid #385870;background:#0c1d2d;color:#a9bccb;font:inherit;font-weight:900}.current-proc-jump button.active{background:#1a765f;color:#fff;border-color:#61dfba}.current-proc-source{margin:13px 0;border:1px solid #36556c;border-radius:17px;background:#0b1b29;overflow:hidden}.current-proc-source summary{padding:13px;color:#bfd3e2;font-weight:850;cursor:pointer}.current-proc-source div{display:grid;gap:10px;padding:0 10px 10px}.current-proc-source img{display:block;width:100%;height:auto;border-radius:13px;background:#fff}.current-proc-rule{margin:12px 0;padding:12px;border-radius:15px;background:#15332d;color:#e5fff7}.current-proc-rule b{color:#65e5c0}.current-proc-rule p{margin:5px 0 0;font-size:12px;line-height:1.55}
@media(max-width:430px){.current-4b-head{align-items:stretch;flex-direction:column}.current-4b-head button{width:100%}.current-proc-flip,.current-proc-face{min-height:480px}.current-proc-face.front h3{font-size:27px}.current-proc-face.back pre{font-size:15px}.current-proc-jump{grid-template-columns:repeat(6,1fr)}}
@media(max-width:360px){.current-proc-face{padding:18px}.current-proc-face.back pre{font-size:14px;line-height:1.7}.current-proc-jump{gap:4px}.current-proc-jump button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.current-proc-face{transition:none!important}}