/* TechNova AI I + AI II — visual AI creator + Python-first engineer */
.ai-training-studio,.ai-engineer-studio{--ai-ink:#102a43;--ai-blue:#2563eb;--ai-teal:#10b981;--ai-gold:#f59e0b;--ai-soft:#f7fbff;color:var(--ai-ink)}
.ai-course-promise{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 12px}.ai-course-promise span{padding:7px 10px;border:1px solid #d7e5f0;border-radius:999px;background:#fff;font-size:11px;font-weight:850;color:#36536d}
.ai-learning-loop{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px 14px;margin:0 0 14px;border:1px solid #d9e7f3;border-radius:14px;background:#f8fbff;font-size:12px}.ai-learning-loop span{display:flex;align-items:center;gap:6px;font-weight:850}.ai-learning-loop b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f2ff;color:#1557c0}.ai-learning-loop i{color:#8ca6bd}
.ai1-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.55fr);gap:14px}.ai1-workspace{display:grid;grid-template-columns:minmax(250px,.66fr) minmax(420px,1.2fr);gap:14px}.ai1-data-panel,.ai1-live-card,.ai1-model-card,.ai2-code-panel,.ai2-visual-panel,.ai-python-reveal{border:1px solid #cfdeea;border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(33,69,104,.045)}.ai1-data-panel,.ai1-live-card,.ai1-model-card,.ai2-code-panel,.ai2-visual-panel{padding:14px}
.ai-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ai-panel-title span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#52708a}.ai-panel-title strong{font-size:12px;color:#17324d}.ai1-lesson-note{margin:0 0 11px;color:#587087;font-size:12px;line-height:1.45}
.ai1-classes{display:grid;gap:9px}.ai1-class-card{border:1px solid #d6e2ed;border-radius:13px;padding:10px;background:#f9fcff}.ai1-class-top{display:flex;align-items:center;gap:8px}.ai1-class-icon{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:9px;background:color-mix(in srgb,var(--class-color) 14%,white);border:1px solid color-mix(in srgb,var(--class-color) 26%,white);font-size:17px}.ai1-class-card small{display:block;margin:6px 0;color:#5e748a}.ai1-class-card>button{width:100%;min-height:34px;border:1px dashed #9bbce0;border-radius:9px;background:#fff;color:#1458b8;font-weight:850;cursor:pointer}.ai1-class-name{min-width:0;width:100%;border:1px solid #cbdbe8;border-radius:8px;padding:6px 8px;font-weight:850}.ai1-sample-strip{display:flex;min-height:28px;align-items:center;gap:4px;overflow:hidden;margin:5px 0}.ai1-dot{width:14px;height:14px;border-radius:50%;background:var(--dot);border:2px solid #fff;box-shadow:0 0 0 1px #cbd8e4}.ai1-dot.is-test{border-radius:4px;outline:2px dashed #334e68}.ai1-thumb{width:28px;height:28px;border-radius:7px;overflow:hidden;border:2px solid #d5e2ed;background:#eef5fa}.ai1-thumb img{width:100%;height:100%;object-fit:cover}.ai1-thumb.is-test{outline:2px dashed #334e68}.ai1-data-actions,.ai1-media-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.ai1-media-stage{min-height:180px;border:1px dashed #b8cde0;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#eef8ff);display:grid;place-items:center;overflow:hidden;position:relative}.ai1-media-empty{text-align:center;display:grid;gap:5px;padding:20px}.ai1-media-empty>span{font-size:36px}.ai1-media-empty small,.ai1-sound-stage small{color:#61788d}.ai1-media-stage img,.ai1-media-stage video{width:100%;height:210px;object-fit:cover;background:#0d1728}.ai1-sound-stage{min-height:170px;border:1px dashed #b8cde0;border-radius:14px;background:#f8fbff;padding:16px;display:grid;align-content:center;gap:9px;text-align:center}.ai1-sound-wave{height:72px;display:flex;align-items:center;justify-content:center;gap:4px}.ai1-sound-wave i{width:5px;height:var(--h);border-radius:9px;background:linear-gradient(#3b82f6,#14b8a6)}.ai1-feature-pad{display:grid;gap:12px}.ai1-feature-pad label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;font-weight:850;color:#304b65}.ai1-feature-pad input{grid-column:1/-1;width:100%}.ai1-feature-readout{margin-top:10px;padding:9px 10px;border-radius:10px;background:#eef7ff;color:#31506b;font-size:11px;line-height:1.45}.ai1-mask{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px;font-weight:800}.ai1-compare{display:flex;gap:6px;margin-top:10px}.ai1-compare button{flex:1;border:1px solid #cad9e7;background:#fff;padding:8px;border-radius:9px;font-weight:850}.ai1-compare button.active{background:#173f75;color:#fff;border-color:#173f75}
.ai1-model-card svg,.ai2-visual-panel svg{width:100%;min-height:300px;border:1px solid #d9e5ef;border-radius:14px;background:#fbfdff}.ai-plot-bg{fill:#fbfdff}.ai-axis{stroke:#adc0d0;stroke-width:1.5}.ai-test-point{stroke:#102a43;stroke-width:3;stroke-dasharray:3 2}.ai1-prediction{margin-top:10px;border:1px solid #d9e6f0;border-radius:13px;padding:11px;background:#fbfdff}.ai1-pred-empty{display:grid;gap:2px;color:#597188}.ai1-pred-head{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.ai1-pred-head strong{font-size:17px}.ai1-pred-head b{font-size:18px}.ai1-bars{display:grid;gap:6px;margin-top:9px}.ai1-bars>div{display:grid;grid-template-columns:80px 1fr 42px;gap:7px;align-items:center;font-size:11px}.ai1-bars i{height:9px;background:#e7eef5;border-radius:999px;overflow:hidden}.ai1-bars i b{display:block;height:100%;border-radius:999px}.ai1-bars em{text-align:right;font-style:normal;font-weight:800}.ai1-metrics,.ai2-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ai1-metrics span,.ai2-metrics span{padding:9px;border-radius:11px;background:#f3f7fb;min-width:0}.ai1-metrics small,.ai2-metrics small{display:block;color:#60758b;font-size:9.5px}.ai1-metrics strong,.ai2-metrics strong{font-size:15px;color:#19324d}.ai1-explain{margin-top:10px;padding:10px 12px;border-left:4px solid #20b486;background:#f1fcf7;border-radius:10px;font-size:12px;line-height:1.45}
.ai-python-reveal{margin-top:14px;overflow:hidden}.ai-python-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;background:#f8fbff}.ai-python-head h3{margin:2px 0}.ai-python-head p{margin:0;color:#597086}.ai-python-body{padding:14px}.ai-code-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px}.ai-code-grid textarea,.ai2-editor{min-height:315px}.ai-python-output,.ai2-console{margin:0;min-height:180px;padding:14px;border-radius:12px;background:#0d1728;color:#dbeafe;white-space:pre-wrap;overflow:auto}.ai-python-output.error,.ai2-console.error{color:#fecaca;background:#2a1015}
.ai2-layout{display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(500px,1.25fr);gap:14px}.ai2-console{margin-top:10px;min-height:130px}.ai2-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.ai2-control-grid label{display:grid;grid-template-columns:1fr auto;gap:6px;padding:9px 10px;border:1px solid #d7e3ed;border-radius:11px;background:#f9fcff;font-size:11px;font-weight:850;color:#304b65}.ai2-control-grid input{grid-column:1/-1;width:100%}.ai2-control-grid output{font-variant-numeric:tabular-nums;color:#1458b8}.ai2-inspector-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.ai2-inspector-tabs button{border:1px solid #cbd9e6;border-radius:999px;background:white;padding:7px 12px;font-weight:850;cursor:pointer}.ai2-inspector-tabs button.active{background:#173f75;color:white;border-color:#173f75}.ai2-inspector{margin-top:8px;padding:12px 14px;border:1px solid #d5e1eb;border-radius:13px;background:#f9fcff}.ai2-inspector p{margin:4px 0 8px;line-height:1.5}.ai2-state-chips{display:flex;gap:6px;flex-wrap:wrap}.ai2-state-chips span{padding:5px 8px;border-radius:999px;background:#eaf3fb;font-size:10px;color:#37546c}.ai2-a{fill:#2563eb}.ai2-b{fill:#f59e0b}.ai2-model-line,.ai2-boundary{stroke:#10b981;stroke-width:4;stroke-dasharray:8 5}.ai2-loss-line{fill:none;stroke:#7c3aed;stroke-width:4}.ai2-loss-point{fill:#7c3aed}.ai2-matrix{fill:#eef5ff;stroke:#c8d9ec}.ai2-big{font-size:25px;font-weight:900;fill:#17324d}.ai2-split-train{fill:#2563eb}.ai2-split-val{fill:#10b981}.ai2-split-test{fill:#f59e0b}.ai2-edge{stroke:#b8c8d8;stroke-width:2}.ai2-neuron{fill:#edf4ff;stroke:#2563eb;stroke-width:3}.ai2-tokenbar{fill:#60a5fa}.ai2-card{fill:#f2f7fc;stroke:#b8cde0}.ai2-train-line{fill:none;stroke:#2563eb;stroke-width:4}.ai2-valid-line{fill:none;stroke:#f59e0b;stroke-width:4}
.technova-focus-mode .ai1-layout{grid-template-columns:minmax(320px,.62fr) minmax(820px,1.7fr)!important}.technova-focus-mode .ai1-workspace{grid-template-columns:minmax(340px,.62fr) minmax(620px,1.2fr)!important}.technova-focus-mode .ai2-layout{grid-template-columns:minmax(600px,1fr) minmax(700px,1.12fr)!important}.technova-focus-mode .ai1-model-card svg,.technova-focus-mode .ai2-visual-panel svg{min-height:clamp(420px,52vh,610px)}.technova-focus-mode .ai-code-grid textarea,.technova-focus-mode .ai2-editor{min-height:clamp(430px,57vh,680px)!important}
@media(max-width:1180px){.ai1-layout{grid-template-columns:300px 1fr}.ai1-workspace{grid-template-columns:1fr}.ai2-layout{grid-template-columns:1fr}.technova-focus-mode .ai1-layout,.technova-focus-mode .ai1-workspace,.technova-focus-mode .ai2-layout{grid-template-columns:1fr!important}}
@media(max-width:760px){.ai1-layout,.ai1-workspace,.ai-code-grid{grid-template-columns:1fr}.ai1-metrics,.ai2-metrics,.ai2-control-grid{grid-template-columns:repeat(2,1fr)}.ai-python-head{align-items:flex-start;flex-direction:column}.ai1-media-stage img,.ai1-media-stage video{height:180px}}

.ai1-teach-prompt{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.ai1-teach-prompt h3{margin:0;font-size:28px}.ai1-mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.ai1-mode-tabs button{border:1px solid #cbd9e6;border-radius:999px;background:#fff;padding:10px 14px;font-weight:850;cursor:pointer}.ai1-mode-tabs button.active{background:#173f75;color:#fff;border-color:#173f75}.ai1-hero-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(620px,1.3fr);gap:16px}.ai1-workspace-single{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(320px,.75fr);gap:14px}.ai1-train-hero{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.ai1-class-card-hero .ai1-class-actions{display:flex;gap:8px;flex-wrap:wrap}.ai1-class-card-hero .ai1-class-actions button{flex:1;min-height:36px}.ai1-class-card-hero small{font-weight:700}.ai1-hero-studio .ai1-model-card svg{display:none}.ai1-hero-studio .ai1-prediction{min-height:174px}.ai1-hero-studio .ai1-explain{margin-top:12px}
@media(max-width:1180px){.ai1-hero-grid,.ai1-workspace-single{grid-template-columns:1fr}}

/* AI I · Teachable-Machine-style class customization + live thinking */
.ai1-class-name-wrap{display:grid;gap:4px;min-width:0;flex:1}.ai1-class-name-wrap>small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#6b8094}.ai1-class-card-hero .ai1-class-name{font-size:17px;font-weight:900;background:#fff}.ai1-icon-picker-button{display:grid;place-items:center;gap:2px;min-width:72px;height:66px;padding:5px 8px;border:1px solid #c9dbea;border-radius:12px;background:#f8fbff;cursor:pointer;color:#31506b}.ai1-icon-picker-button>span{font-size:30px;line-height:1}.ai1-icon-picker-button>small{font-size:8px;font-weight:850}.ai1-icon-picker-button:hover{border-color:#86acd2;background:#eef7ff}.ai1-example-count{margin-top:8px!important}
.ai1-live-thinking{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:10px;padding:10px 11px;border:1px solid #cfe3d9;border-radius:12px;background:#f3fcf7}.ai1-live-thinking>div{display:grid;gap:1px}.ai1-live-thinking b{font-size:11px;color:#24495d}.ai1-live-thinking small{font-size:9px;color:#678095}.ai1-live-thinking label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:850;color:#36536d}.ai1-thinking-dot{width:10px;height:10px;border-radius:50%;background:#20b486;box-shadow:0 0 0 0 rgba(32,180,134,.35);animation:aiThinkingPulse 1s infinite}@keyframes aiThinkingPulse{0%{box-shadow:0 0 0 0 rgba(32,180,134,.35)}70%{box-shadow:0 0 0 8px rgba(32,180,134,0)}100%{box-shadow:0 0 0 0 rgba(32,180,134,0)}}
.ai1-emoji-picker{margin:14px 0;padding:14px;border:1px solid #cbddea;border-radius:16px;background:#fff}.ai1-emoji-picker[hidden]{display:none}.ai1-emoji-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai1-emoji-picker-head>div{display:grid;gap:2px}.ai1-emoji-picker-head small{color:#6a8094;font-size:9px}.ai1-emoji-picker-head>button{width:34px;height:34px;border:1px solid #d4e1eb;border-radius:9px;background:#fff;cursor:pointer}.ai1-emoji-picker>input{width:100%;margin:10px 0;padding:10px 12px;border:1px solid #cbd9e6;border-radius:10px;font:inherit}.ai1-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;max-height:310px;overflow:auto;padding:4px}.ai1-emoji-grid button{height:42px;border:1px solid transparent;border-radius:9px;background:#f7fafc;font-size:23px;cursor:pointer}.ai1-emoji-grid button:hover,.ai1-emoji-grid button:focus-visible{border-color:#8fb6dd;background:#eaf4ff}
.technova-focus-mode .ai1-emoji-grid{max-height:38vh}
@media(max-width:760px){.ai1-live-thinking{grid-template-columns:auto 1fr}.ai1-live-thinking label{grid-column:1/-1}.ai1-icon-picker-button{min-width:62px}}

/* AI I multimode trainer */
.ai1-simple-data{display:grid;gap:12px;padding:8px 2px}.ai1-simple-data label{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 12px;border:1px solid #d7e3ed;border-radius:12px;background:#f9fcff;font-weight:850;color:#304b65}.ai1-simple-data input{grid-column:1/-1;width:100%}.ai1-simple-data output{color:#1458b8;font-variant-numeric:tabular-nums}.ai1-sound-live{min-height:210px}.ai1-sound-live .ai1-sound-wave{height:100px}.ai1-mode-tabs button{transition:background .15s ease,color .15s ease,border-color .15s ease}.ai1-live-thinking{margin-top:10px}.ai1-hero-studio [data-ai1-mode-panel][hidden]{display:none!important}.ai1-class-card-hero .ai1-sample-strip{min-height:34px}

/* AI I sound recorder v2.12.6 · real waveform + one-second examples */
.ai1-workspace-single,.ai1-live-card,.ai1-model-card,[data-ai1-mode-panel="sound"]{min-width:0}
.ai1-workspace-single{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}
.ai1-sound-live{min-height:0;overflow:hidden;align-content:stretch;text-align:left;padding:12px}
.ai1-waveform-canvas{display:block;width:100%;height:132px;border:1px solid #d5e4ef;border-radius:12px;background:#f8fbff}
.ai1-sound-live-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px}
.ai1-sound-live-title>b{font-size:12px;color:#203c56}
.ai1-sound-live-title>span{padding:4px 7px;border-radius:999px;background:#eaf4ff;color:#1b5ea8;font-size:8px;font-weight:900;letter-spacing:.08em}
.ai1-sound-live>small{display:block;margin-top:4px;line-height:1.4;overflow-wrap:anywhere}
.ai1-recording-status{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;margin-top:10px;padding:10px 11px;border:1px solid #f0c8c8;border-radius:12px;background:#fff7f7;min-width:0}
.ai1-recording-status[hidden]{display:none!important}
.ai1-recording-status>div{display:grid;gap:2px;min-width:0}.ai1-recording-status b{font-size:11px;color:#7c2424}.ai1-recording-status small{font-size:9px;color:#8b5b5b;overflow-wrap:anywhere}
.ai1-record-dot{width:10px;height:10px;border-radius:50%;background:#e23b3b;animation:aiRecordPulse 1s infinite}
@keyframes aiRecordPulse{0%,100%{opacity:1}50%{opacity:.35}}
.ai1-sound-rule{display:grid;gap:2px;margin-top:10px;padding:9px 10px;border:1px solid #d7e4ef;border-radius:11px;background:#f9fcff;min-width:0}
.ai1-sound-rule b{font-size:10px;color:#24495d}.ai1-sound-rule span{font-size:9px;color:#657c90;line-height:1.35;overflow-wrap:anywhere}
.ai1-hero-studio .ai1-media-actions{align-items:stretch}.ai1-hero-studio .ai1-media-actions .btn{min-width:0;max-width:100%;white-space:normal}
.ai1-hero-studio .ai1-live-thinking{min-width:0}.ai1-hero-studio .ai1-live-thinking>div{min-width:0}.ai1-hero-studio .ai1-live-thinking b,.ai1-hero-studio .ai1-live-thinking small{overflow-wrap:anywhere}
.ai1-hero-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr)}
.technova-focus-mode .ai1-workspace-single{grid-template-columns:repeat(auto-fit,minmax(390px,1fr))}
@media(max-width:760px){.ai1-workspace-single{grid-template-columns:1fr}.ai1-waveform-canvas{height:112px}.ai1-sound-live-title{align-items:flex-start}}

/* v2.13 · AI I/II completion + stable live sound */
.ai-lesson-guide{display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(2,minmax(190px,.8fr));gap:9px;margin:0 0 14px;padding:10px;border:1px solid #d7e4ef;border-radius:15px;background:#f8fbff}.ai-lesson-guide>div{min-width:0;padding:8px 10px;border-radius:11px;background:#fff;border:1px solid #e0eaf2}.ai-lesson-guide span,.ai-lesson-guide small{display:block;margin-bottom:4px;font-size:9px;font-weight:900;letter-spacing:.1em;color:#56728b}.ai-lesson-guide strong,.ai-lesson-guide b{display:block;font-size:11px;line-height:1.42;color:#17324d}.ai2-lesson-guide{background:#f8f9ff}.ai1-bars i b{transition:width .18s ease-out}.ai1-live-thinking{transition:border-color .18s ease,background .18s ease}.ai1-hero-studio[data-ai1-start-mode="sound"] .ai1-workspace-single{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)}.ai1-hero-studio[data-ai1-start-mode="sound"] .ai1-waveform-canvas{height:clamp(145px,17vw,210px)}.ai1-hero-studio[data-ai1-start-mode="sound"] .ai1-sound-stage{min-height:230px}.ai1-hero-studio[data-ai1-focus-only="1"] .ai1-mode-tabs{margin-left:auto}.ai1-hero-studio[data-ai1-focus-only="1"] .ai1-teach-prompt{align-items:center}
@media(max-width:1100px){.ai-lesson-guide{grid-template-columns:1fr 1fr}.ai-lesson-guide>div:first-child{grid-column:1/-1}.ai1-hero-studio[data-ai1-start-mode="sound"] .ai1-workspace-single{grid-template-columns:1fr}}
@media(max-width:700px){.ai-lesson-guide{grid-template-columns:1fr}.ai-lesson-guide>div:first-child{grid-column:auto}.ai1-teach-prompt h3{font-size:22px}}


/* AI II 2.14 mission-based engineer experience */
.ai2-mission-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,.72fr);gap:14px;align-items:stretch;margin:0 0 14px;padding:14px;border:1px solid #cfe0ee;border-radius:18px;background:linear-gradient(135deg,#fbfdff,#f2f8ff)}
.ai2-mission-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#fff;border:1px solid #d4e2ee;font-size:34px;align-self:start}
.ai2-mission-copy>span{font-size:10px;font-weight:950;letter-spacing:.14em;color:#087b68}.ai2-mission-copy h3{margin:3px 0 5px;font-size:24px;color:#17324d}.ai2-mission-copy p{margin:0;color:#536f87;line-height:1.5}.ai2-target{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:8px 10px;border-radius:11px;background:#fff;border:1px solid #dbe7f0;font-size:12px}.ai2-target b{white-space:nowrap;color:#173f75}.ai2-target span{color:#425f77}
.ai2-mission-console{display:grid;align-content:center;gap:9px}.ai2-challenge-state{display:flex;gap:9px;align-items:center;padding:10px 11px;border:1px solid #d5e2ed;border-radius:12px;background:#fff}.ai2-challenge-state>span{font-size:21px}.ai2-challenge-state small{display:block;font-size:9px;letter-spacing:.12em;color:#667f94}.ai2-challenge-state strong{display:block;margin-top:2px;font-size:12px;color:#243f59}.ai2-challenge-state.win{border-color:#8bdac2;background:#f1fcf7}.ai2-challenge-state.win strong{color:#087b68}.ai2-progress{height:10px;border-radius:999px;background:#e7eef5;overflow:hidden}.ai2-progress i{display:block;height:100%;width:0;border-radius:inherit;background:#2f80ed;transition:width .28s ease}.ai2-progress i.win{background:#0b9b75}.ai2-mission-buttons{display:flex;gap:7px;flex-wrap:wrap}.ai2-mission-buttons .btn{flex:1}
.ai2-arena-stage{position:relative}.ai2-live-badge{position:absolute;z-index:2;top:10px;right:10px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #d5e2ed;font-size:9px;font-weight:900;letter-spacing:.08em;color:#36536d}.ai2-live-badge i{width:7px;height:7px;border-radius:50%;background:#14b88a}.ai2-arena-tip{display:flex;gap:8px;margin-top:10px;padding:9px 10px;border-radius:11px;background:#fff8e9;border:1px solid #f0ddb5;font-size:11px;line-height:1.4}.ai2-arena-tip b{white-space:nowrap;color:#805d0a}.ai2-arena-tip span{color:#665738}
.ai2-visual-panel.is-running .ai2-arena-stage{animation:ai2-arena-pulse 1.35s ease}.ai2-visual-panel.is-running .ai2-neuron{animation:ai2-neuron-pulse .75s ease-in-out 2}.ai2-visual-panel.is-running .ai2-model-line,.ai2-visual-panel.is-running .ai2-boundary{stroke-dashoffset:40;animation:ai2-dash 1.2s linear}.ai2-visual-panel.is-running .ai2-tokenbar{animation:ai2-token-pulse .7s ease-in-out 2}
.ai2-scene-title,.ai2-caption{fill:#47637b;font-size:13px;font-weight:800}.ai2-house rect,.ai2-house path{stroke-width:2}.ai2-house.is-a rect,.ai2-house.is-a path{fill:#eaf2ff;stroke:#2563eb}.ai2-house.is-b rect,.ai2-house.is-b path{fill:#fff3d7;stroke:#e8950a}.ai2-house.is-a rect:last-child,.ai2-house.is-b rect:last-child{fill:#fff}.ai2-target-line{stroke:#879bad;stroke-width:3;stroke-dasharray:8 6}.ai2-rocket{font-size:34px}.ai2-mountain{fill:none;stroke:#93a9bd;stroke-width:6}.ai2-runner{fill:#7c3aed;stroke:#fff;stroke-width:4}.ai2-alien-line{stroke:currentColor;stroke-width:2}.ai2-matrix.is-risk{fill:#fff4ea}.ai2-matrix-icon{font-size:30px}.ai2-vault{fill:#213b57}.ai2-vault-text{fill:#fff;font-size:12px;font-weight:900}.ai2-monster{font-size:38px}.ai2-signal-dot{fill:#14b8a6}.ai2-track{stroke:#8aa1b6;stroke-width:8;stroke-dasharray:16 9}.ai2-finish{stroke:#223a52;stroke-width:5;stroke-dasharray:8 6}.ai2-car{font-size:35px}.ai2-galaxy-zone{fill:#edf4ff;stroke:#bed4ea;stroke-width:2}.ai2-galaxy-zone.alt{fill:#fff4de}.ai2-stars{fill:#8b5cf6;font-size:22px}.ai2-prompt{fill:#eef5ff;stroke:#cadcec}.ai2-prompt-text{fill:#17324d;font-size:16px;font-weight:800}.ai2-ship-pass{fill:#e5fbf2;stroke:#54cda7}.ai2-ship-wait{fill:#fff5e6;stroke:#e9be67}.ai2-ship-text{fill:#17324d;font-size:16px;font-weight:900}
@keyframes ai2-arena-pulse{0%,100%{filter:none}45%{filter:saturate(1.3) brightness(1.02)}}@keyframes ai2-neuron-pulse{0%,100%{stroke-width:3}50%{stroke-width:9;fill:#d8f8ee}}@keyframes ai2-dash{to{stroke-dashoffset:0}}@keyframes ai2-token-pulse{50%{opacity:.55}}
@media(max-width:1050px){.ai2-mission-hero{grid-template-columns:auto 1fr}.ai2-mission-console{grid-column:1/-1}.ai2-mission-buttons .btn{flex:0 1 auto}}
@media(max-width:680px){.ai2-mission-hero{grid-template-columns:1fr}.ai2-mission-icon{width:52px;height:52px}.ai2-mission-copy h3{font-size:20px}.ai2-mission-console{grid-column:auto}.ai2-target{flex-direction:column}.ai2-arena-tip{flex-direction:column}}

/* v2.14.2 staged mission animation: controls prepare a state; Run Mission animates the tested arena. */
.ai2-live-badge.pending{background:#fff8e9;border-color:#efd89c;color:#7a5a08}.ai2-live-badge.pending i{background:#f59e0b;animation:ai2-pending-dot 1s ease-in-out infinite}.ai2-live-badge.running{background:#eef7ff;border-color:#afd1f4;color:#1458b8}.ai2-live-badge.running i{background:#2f80ed;animation:ai2-running-dot .7s ease-in-out infinite}.ai2-control-grid input:active{cursor:grabbing}.ai2-visual-panel.is-running svg{will-change:contents}.ai2-visual-panel.is-running .ai2-live-badge{pointer-events:none}
@keyframes ai2-pending-dot{50%{opacity:.35}}@keyframes ai2-running-dot{50%{transform:scale(1.55);opacity:.45}}
@media (prefers-reduced-motion:reduce){.ai2-live-badge.pending i,.ai2-live-badge.running i{animation:none}}

/* AI II Alien Scanner: eight readable labeled aliens */
.ai2-alien.is-wrong circle,.ai2-alien.is-wrong rect{stroke:#dc2626;stroke-width:4}.ai2-alien.is-correct circle,.ai2-alien.is-correct rect{stroke:#ffffff;stroke-width:2}.ai2-alien-id{fill:#17324d;font-size:11px;font-weight:900}.ai2-alien-legend text{fill:#47637b;font-size:11px;font-weight:850}.ai2-alien-legend .ai2-a{fill:#2563eb}.ai2-alien-legend .ai2-b{fill:#f59e0b}