:root{--navy:#153757;--teal:#12a59d;--mint:#e8f8f4;--coral:#f36f61;--gold:#f2bf4c;--ink:#233647;--muted:#64778a;--line:#d5e3ea;--bg:#eef7f9}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}button{font:inherit}.app{height:100%;display:grid;grid-template-rows:64px 1fr 74px}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:0 22px}.topbar b{font-size:16px}.topActions{display:flex;gap:9px}.topActions button{border:0;border-radius:12px;padding:10px 14px;font-weight:800;background:#f2fbfc;color:var(--navy);cursor:pointer}.stage{overflow:auto;padding:18px 22px 28px;background:radial-gradient(circle at 80% 0,#dff6f4,transparent 38%),linear-gradient(180deg,#f9fcfd,#edf6f8)}.slide{max-width:1320px;min-height:calc(100vh - 176px);margin:auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 40px rgba(23,55,87,.12);overflow:hidden}.slideHead{padding:22px 30px 14px;border-bottom:1px solid #e1ebf0}.slideHead span{font-size:13px;font-weight:900;color:var(--teal);text-transform:uppercase;letter-spacing:.06em}.slideHead h1{font-size:34px;margin:6px 0;color:var(--navy)}.slideHead p{margin:0;color:var(--muted);font-size:18px}.slideBody{padding:24px 30px;min-height:520px}.cover{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:500px}.cover h2{font-size:72px;line-height:.95;margin:18px 0;color:var(--navy)}.cover h3{font-size:30px;margin:0 0 18px;color:var(--coral)}.cover p{font-size:22px;color:var(--muted)}.pill{display:inline-block;background:var(--mint);color:#08766f;padding:10px 16px;border-radius:999px;font-weight:900}.travelArt{height:410px;border-radius:30px;background:linear-gradient(180deg,#dff4ff 0 50%,#bfe3b4 50% 70%,#727f88 70%);position:relative;overflow:hidden}.road{position:absolute;left:0;right:0;bottom:35px;height:80px;background:#68747c;border-top:8px solid #fff;border-bottom:8px solid #fff}.bus{position:absolute;right:10%;bottom:78px;width:180px;height:100px;border-radius:22px 35px 12px 12px;background:var(--gold);display:grid;place-items:center;font-size:28px;font-weight:950;color:var(--navy);box-shadow:0 12px 18px #0003}.nurseMini{position:absolute;bottom:118px;width:74px;height:160px;background:#fff;border-radius:40px 40px 20px 20px;border:5px solid #fff;box-shadow:0 10px 18px #0002}.nurseMini:before{content:"";position:absolute;left:10px;top:-58px;width:54px;height:64px;border-radius:50%;background:#f2c3a2;border:5px solid #fff}.nurseMini:after{content:"NRRU";position:absolute;top:35px;left:10px;background:#e9f4fb;padding:5px;font-size:10px}.nurseMini.female{left:13%}.nurseMini.male{left:39%}.nurseMini.female:before{box-shadow:0 -18px 0 4px #5b3728}.nurseMini.male:before{box-shadow:0 -16px 0 5px #2e2521}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6fbfc);min-height:190px}.cardIcon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.card h3{font-size:21px;color:var(--navy)}.card p{font-size:16px;line-height:1.5}.outcomes,.steps,.labPreview{display:grid;gap:13px;max-width:950px;margin:auto}.outcomes div,.steps div,.labPreview div{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;background:#f4fbfc;border:1px solid var(--line);font-size:20px;font-weight:800}.outcomes span,.steps span,.labPreview span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff}.bigPrompt{text-align:center;font-size:30px;font-weight:900;color:var(--navy);margin:35px 0}.choiceCloud{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.chip{border:2px solid #9eddd7;background:#fff;padding:18px 26px;border-radius:999px;font-size:22px;font-weight:800;cursor:pointer}.chip.chosen{background:var(--teal);color:#fff}.split,.roleGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel,.roleGrid>div{border-radius:22px;padding:24px;border:1px solid var(--line);background:#f8fbfc}.panel.teal{border-top:8px solid var(--teal)}.panel.coral{border-top:8px solid var(--coral)}.panel h2,.roleGrid h2{color:var(--navy);font-size:28px}.panel p,.roleGrid p{font-size:20px;line-height:1.5}.vocabGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.vocabGrid>div{position:relative;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.vocabGrid b{display:block;color:var(--navy);font-size:23px}.vocabGrid span{display:block;color:var(--muted);margin-top:8px;font-size:17px}.mini{border:0;background:#e8f5f7;color:var(--navy);padding:7px 10px;border-radius:10px;cursor:pointer;font-weight:800}.vocabGrid .mini{position:absolute;right:12px;top:12px}.scene{border:1px solid var(--line);border-radius:24px;overflow:hidden}.sceneTop{padding:13px 18px;background:#f7fbfd;display:flex;justify-content:space-between}.sceneTop b{color:var(--navy)}.sceneTop span{color:var(--muted)}.sceneStage{min-height:390px;display:grid;grid-template-columns:190px 1fr 190px;align-items:end;gap:16px;padding:20px;background:linear-gradient(180deg,#dff5ff 0 54%,#dcedd4 54% 70%,#e4eaee 70%)}.person{height:260px;position:relative}.person .face{position:absolute;width:90px;height:98px;border-radius:50%;background:#f2c7a8;border:5px solid #fff;left:50%;transform:translateX(-50%);top:18px}.person .hair{position:absolute;width:98px;height:55px;left:50%;transform:translateX(-50%);top:8px;background:#4e3228;border-radius:55px 55px 25px 25px;z-index:2}.person.male .hair{background:#2f2925;clip-path:polygon(0 45%,10% 10%,25% 20%,42% 0,58% 18%,75% 4%,92% 25%,100% 55%,90% 78%,72% 63%,58% 82%,39% 61%,20% 79%)}.person.female .hair:after{content:"";position:absolute;left:-25px;top:38px;width:42px;height:82px;background:#5f3a2b;border-radius:55%}.person .face i{position:absolute;width:11px;height:14px;border-radius:50%;background:#27333c;top:42px}.person .face i:first-child{left:22px}.person .face i:nth-child(2){right:22px}.person .face b{position:absolute;width:25px;height:12px;border-bottom:4px solid #a75455;border-radius:0 0 25px 25px;left:28px;top:67px}.uniform{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;width:126px;height:155px;background:linear-gradient(145deg,#fff,#dff3fa);border:5px solid #fff;border-radius:34px 34px 18px 18px;box-shadow:0 8px 18px #0002}.uniform:before{content:"";position:absolute;left:35px;top:20px;width:55px;height:75px;border-left:4px solid #275d7d;border-right:4px solid #275d7d;border-bottom:4px solid #275d7d;border-radius:0 0 30px 30px}.uniform span{position:absolute;right:8px;top:25px;font-size:9px;background:#fff;padding:4px;border:1px solid #9ebfd0}.name{position:absolute;bottom:-5px;left:15px;right:15px;text-align:center;background:#fff;padding:9px;border-radius:13px;font-size:18px;font-weight:900;box-shadow:0 7px 14px #0002}.name small{display:block;font-size:10px;color:var(--muted)}.person.speaking{animation:bob .5s infinite alternate}.person.speaking .face{box-shadow:0 0 0 8px #13a99d33}.speechPanel{align-self:center;background:#fff;border-radius:20px;padding:15px;box-shadow:0 10px 25px #2343}.sceneLine{padding:10px 12px;border-radius:12px;font-size:17px}.sceneLine small{display:block;color:#76507b;margin-top:3px}.sceneLine.active{background:var(--mint);outline:2px solid var(--teal)}.sceneControls{text-align:center;padding:13px;background:#fff}.sceneControls button,.chunkList button,.pronGrid button,.repeatList button,.reactionGrid button,.modelDialogue>button,.timerBox button{border:0;border-radius:12px;padding:11px 15px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer;margin:4px}.light{background:#eaf2f6!important;color:var(--navy)!important}.checkGrid,.fieldGrid,.groupGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.checkGrid div,.fieldGrid div,.groupGrid div{padding:18px;border-radius:17px;background:#f5fafb;border:1px solid var(--line)}.checkGrid b,.fieldGrid b{display:block;color:var(--navy);font-size:20px}.checkGrid span,.fieldGrid span{font-size:18px;color:var(--muted)}.chunkList{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.chunkList button{text-align:left;font-size:20px;background:#fff;color:var(--navy);border:2px solid #cce4e3}.pronGrid,.repeatList,.reactionGrid{display:grid;gap:13px}.pronGrid>div,.repeatList>div,.reactionGrid>div{display:grid;grid-template-columns:55px 1.5fr 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#fff}.pronGrid b,.repeatList b{font-size:19px;color:var(--navy)}.pronGrid span{color:var(--coral);font-weight:900}.repeatList>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-weight:900}.frequency{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.frequency div{text-align:center;padding:20px 8px;border-radius:16px;background:linear-gradient(180deg,#fff,#eef9f6);border:1px solid var(--line)}.frequency b{display:block;color:var(--navy);font-size:18px}.frequency span{color:var(--muted)}.reactionGrid>div{grid-template-columns:1fr 1.2fr auto}.groupGrid{grid-template-columns:repeat(4,1fr)}.groupGrid h3{color:var(--navy)}.rubric{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rubric label{padding:16px;border-radius:14px;background:#f5fafb;border:1px solid var(--line);font-size:19px;font-weight:800}.modelDialogue{max-width:900px;margin:auto}.modelDialogue p{font-size:20px;padding:12px 15px;border-radius:13px;background:#f5fafb;border:1px solid var(--line)}.timerBox{text-align:center;padding:35px}.timerBox #timerDisplay{font-size:92px;font-weight:950;color:var(--navy)}.timerBox p{font-size:22px}.challenge{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.challenge button{min-height:180px;border:2px solid #c8e1e5;border-radius:20px;background:#fff;color:var(--navy);font-size:21px;font-weight:900;padding:18px;cursor:pointer}.challenge span{display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:var(--teal);color:#fff;line-height:44px}.challenge button.active{background:var(--mint);border-color:var(--teal)}.wrapList{display:grid;gap:14px;max-width:950px;margin:auto}.wrapList div{padding:18px 22px;border-radius:16px;background:#edf9f6;border-left:7px solid var(--teal);font-size:21px;font-weight:800}.bottom{display:grid;grid-template-columns:180px 1fr 180px;align-items:center;gap:16px;padding:10px 22px;background:#fff;border-top:1px solid var(--line)}.bottom button{height:48px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-size:17px;font-weight:900;cursor:pointer}.bottom button:disabled{opacity:.35}.navCenter{text-align:center}.progressTrack{height:10px;border-radius:99px;background:#e3edf2;overflow:hidden}.progressTrack div{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold))}.navCenter span{display:block;margin-top:5px;font-weight:900;color:var(--navy)}.voicePanel{position:fixed;right:18px;top:74px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 10px 30px #0002;display:none;z-index:20}.voicePanel.open{display:block}.voicePanel div{font-size:12px;padding:5px}@keyframes bob{to{transform:translateY(-6px)}}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.vocabGrid{grid-template-columns:repeat(2,1fr)}.sceneStage{grid-template-columns:150px 1fr 150px}.groupGrid{grid-template-columns:repeat(2,1fr)}.frequency{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app{grid-template-rows:58px 1fr 68px}.topbar{padding:0 10px}.topbar b{font-size:12px}.stage{padding:8px}.slide{border-radius:16px}.slideHead,.slideBody{padding:16px}.slideHead h1{font-size:26px}.cover,.split,.roleGrid{grid-template-columns:1fr}.cover h2{font-size:52px}.travelArt{height:300px}.cards,.vocabGrid,.checkGrid,.fieldGrid,.groupGrid,.chunkList,.rubric,.challenge{grid-template-columns:1fr}.sceneStage{grid-template-columns:1fr;align-items:start}.person{display:none}.speechPanel{width:100%}.frequency{grid-template-columns:repeat(2,1fr)}.pronGrid>div,.repeatList>div,.reactionGrid>div{grid-template-columns:1fr}.bottom{grid-template-columns:90px 1fr 90px;padding:8px}.bottom button{font-size:14px}.timerBox #timerDisplay{font-size:64px}}
.arenaTopBtn{background:var(--gold)!important;color:#302400!important}.arenaFeatureGrid,.scenarioPreview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.arenaFeatureGrid>div,.scenarioPreview>div{padding:20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f4fbfc)}.arenaFeatureGrid span,.scenarioPreview span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--teal);color:#fff;font-weight:900}.arenaFeatureGrid b{display:block;margin-top:12px;color:var(--navy);font-size:19px}.scenarioPreview h3{color:var(--navy);font-size:22px}.arenaCallout{margin:22px auto 0;max-width:980px;padding:18px 22px;border-left:7px solid var(--gold);background:#fff8df;border-radius:14px;font-size:18px;font-weight:800}.arenaLaunch{text-align:center;margin-top:26px}.arenaLaunch button{border:0;border-radius:16px;padding:16px 30px;background:var(--coral);color:#fff;font-size:21px;font-weight:900;cursor:pointer}
.arenaShell{height:100%;background:var(--bg);overflow:hidden}.arenaPage{height:100%;display:grid;grid-template-rows:64px 1fr}.arenaHeader{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--navy);color:#fff}.arenaHeader b{font-size:17px}.arenaHeaderActions{display:flex;gap:9px}.arenaHeader button{border:0;border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}.arenaHeader .backSlides{background:#eaf4f7;color:var(--navy)}.arenaMain{overflow:auto;padding:20px}.arenaPanel{max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 35px rgba(23,55,87,.12)}.arenaPanel h1,.arenaPanel h2{color:var(--navy)}.arenaLead{font-size:18px;color:var(--muted);line-height:1.5}.arenaFormGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.arenaFormGrid label{font-weight:900;color:var(--navy);font-size:14px}.arenaFormGrid input,.arenaFormGrid select{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:12px;font-size:16px}.arenaPreflight{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.arenaPreflight>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#f6fbfc}.arenaPreflight button,.arenaPrimary,.arenaSecondary,.arenaDanger{border:0;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer}.arenaPrimary{background:var(--teal);color:#fff}.arenaSecondary{background:#e8f2f6;color:var(--navy)}.arenaDanger{background:#ffe7e2;color:#8f3025}.arenaScenarioGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.arenaScenario{border:2px solid var(--line);border-radius:18px;padding:18px;background:#fff;cursor:pointer;text-align:left}.arenaScenario.selected{border-color:var(--teal);background:var(--mint)}.arenaScenario b{display:block;color:var(--navy);font-size:20px;margin-bottom:8px}.arenaStatus{margin:14px 0;padding:13px 15px;border-radius:14px;background:#fff7dd;border:1px solid #f2d37d;color:#5c4708;font-weight:800}.arenaConversation{display:grid;grid-template-columns:1fr 320px;gap:18px}.arenaChat{min-height:520px}.arenaMeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.arenaBadge{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--mint);color:#08766f;font-weight:900}.arenaProgressTrack{height:10px;background:#e3edf2;border-radius:99px;overflow:hidden;flex:1;min-width:180px}.arenaProgressTrack div{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold))}.arenaBubble{position:relative;padding:18px 20px;border-radius:20px;margin:12px 0;line-height:1.5;font-size:19px}.arenaBubble.ai{background:#eaf4fb;border:1px solid #c7ddeb;margin-right:12%}.arenaBubble.student{background:var(--mint);border:1px solid #b9e4d8;margin-left:12%}.arenaBubble small{display:block;color:var(--muted);margin-top:8px}.arenaTranscript{min-height:100px;padding:14px;border:2px dashed #b9cdd9;border-radius:16px;background:#fff;margin:14px 0;font-size:17px;line-height:1.45;white-space:pre-wrap}.arenaControls{display:flex;gap:9px;flex-wrap:wrap}.arenaControls button:disabled{opacity:.4;cursor:not-allowed}.arenaFeedback{margin-top:14px;padding:15px;border-radius:16px;background:#edf9f6;border:1px solid #bfe5da}.arenaFeedback strong{font-size:24px;color:#08766f}.arenaSide{position:relative;padding:18px;border:1px solid var(--line);border-radius:18px;background:#f7fbfc;overflow:hidden}.arenaSide h3{color:var(--navy)}.arenaSide ol{padding-left:22px;line-height:1.7}.arenaLog{display:grid;gap:10px;margin-top:12px}.arenaLog>div{padding:10px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px}.arenaWatermark{pointer-events:none;position:absolute;inset:0;opacity:.045;background:repeating-linear-gradient(-28deg,transparent 0 34px,var(--navy) 35px 36px);font-size:12px;font-weight:900;color:var(--navy);display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);white-space:pre-wrap;text-align:center}.arenaResultsGrid,.arenaSummaryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.arenaMetric{padding:16px;border-radius:16px;background:#f5fafb;border:1px solid var(--line)}.arenaMetric b{display:block;color:var(--navy)}.arenaMetric span{display:block;font-size:27px;font-weight:950;color:var(--teal);margin-top:5px}.arenaTurns{display:grid;gap:10px;margin-top:16px}.arenaTurnRow{padding:13px;border-radius:14px;background:#fff;border:1px solid var(--line)}.arenaSubmitStatus .ok{background:#e8f8f4;color:#086b65}.arenaSubmitStatus .error{background:#ffe8e4;color:#8a3026}.arenaSubmitStatus>div{padding:14px;border-radius:14px;margin-top:12px}.arenaFooterButtons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.arenaFeatureGrid,.scenarioPreview,.arenaScenarioGrid{grid-template-columns:1fr}.arenaConversation{grid-template-columns:1fr}.arenaSide{position:static}.arenaFormGrid,.arenaPreflight,.arenaResultsGrid,.arenaSummaryGrid{grid-template-columns:1fr}}@media(max-width:700px){.arenaHeader{padding:0 10px}.arenaHeader b{font-size:12px}.arenaMain{padding:8px}.arenaPanel{padding:16px;border-radius:16px}.arenaBubble{font-size:17px}.arenaBubble.ai{margin-right:3%}.arenaBubble.student{margin-left:3%}}

.studentAccessBox{margin-top:22px;padding:22px;border:2px solid var(--teal);border-radius:20px;background:#f0fbf9;text-align:left}.studentAccessBox h2{margin:0 0 8px;color:var(--navy)}.studentAccessUrl{padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line);word-break:break-all;font-weight:900;color:var(--navy);margin:12px 0}.studentAccessStatus{min-height:23px;margin-top:10px;color:#08766f;font-weight:900}.studentAccessHint{font-size:14px;color:var(--muted)}