#professor-scene[hidden],#professor-controls[hidden],#professor-overlay[hidden]{display:none!important}
.stage.professor-stage{min-height:590px}
#professor-scene{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#fff2cb33,#fff1c066),url('../../med-coast-v1.webp') center/cover}
#professor-scene .prof-board{position:absolute;top:5%;right:3%;width:65%;height:86%;border:12px solid #8e5934;border-radius:9px;background:radial-gradient(ellipse at 45% 25%,#315b4e,#193f35);box-shadow:0 0 0 2px #4e3524,inset 0 0 0 2px #d4b374,inset 0 0 50px #08271f77,0 12px 15px #24362d55;color:#fff9df;padding:24px 30px;display:flex;flex-direction:column;z-index:2}
#professor-scene .prof-board:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(16deg,transparent 0 4px,#ffffff03 4px 5px)}
#professor-scene .prof-board:after{content:'';position:absolute;bottom:-19px;left:-4%;width:108%;height:14px;background:linear-gradient(#d5b278,#926337);border:2px solid #62452d;border-radius:3px;box-shadow:0 5px 5px #19342b66}
#professor-scene .prof-chalk{position:absolute;bottom:-13px;right:30px;width:44px;height:7px;border-radius:3px;background:#fff9db;box-shadow:1px 1px 2px #6e5835;z-index:4;transform:rotate(-3deg)}
#professor-scene .prof-top{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #c3d5bb66;padding-bottom:12px;position:relative}
#professor-scene .prof-topic{text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:1.5px;color:#f4d780}
#professor-scene .prof-number{font-size:11px;color:#e0e9cf;white-space:nowrap}
#professor-scene h2{font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(21px,2.4vw,30px);line-height:1.28;margin:18px 0 20px;letter-spacing:0;text-wrap:balance;font-weight:bold;color:#fffbed;position:relative}
#professor-scene .prof-answers{display:grid;gap:9px;position:relative}
#professor-scene .prof-answer{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fffcf008;border:1.5px solid #c4d9bc88;border-radius:7px;color:#fff9e6;padding:11px 13px;font:700 15px/1.2 Trebuchet MS,Arial,sans-serif;min-height:45px;transition:background .18s,transform .18s}
#professor-scene .prof-answer:not(:disabled):hover{background:#fff9c91f;transform:translateX(3px)}
#professor-scene .prof-answer:focus-visible{outline:3px solid #ffdb63;outline-offset:3px}
#professor-scene .prof-letter{border:1px solid #d9d9b999;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px;flex:none}
#professor-scene .prof-answer:disabled{opacity:1;cursor:default}#professor-scene .prof-answer.correct{background:#e7eecf;color:#164132;border-color:#f5e5a3}#professor-scene .prof-answer.wrong{background:#633f36;border-color:#f0b39b;color:#fff5df}#professor-scene .prof-answer.dimmed{opacity:.48}
#professor-scene .prof-feedback{margin-top:auto;padding-top:14px;position:relative;font-size:13px;line-height:1.4;min-height:56px}#professor-scene .prof-feedback strong{display:block;color:#ffdc75;margin-bottom:3px}#professor-scene .prof-feedback p{margin:4px 0}#professor-scene .prof-source{color:#d9e8cf;font-size:10px;display:inline-block;padding:3px 0}#professor-scene .prof-teacher{position:absolute;bottom:0;left:-1%;height:87%;width:37%;object-fit:contain;object-position:bottom;z-index:3;filter:drop-shadow(3px 8px 4px #173f3c40);transform-origin:45% 93%;animation:prof-breathe 4s ease-in-out infinite;pointer-events:none}
#professor-scene .prof-name{position:absolute;bottom:3%;left:4%;z-index:4;background:#fff4d6;border:2px solid #345849;border-radius:10px 3px 10px 3px;padding:8px 14px;font-size:14px;font-weight:bold;transform:rotate(-4deg);box-shadow:2px 3px 0 #284d3a22}
#professor-scene .prof-gull{position:absolute;right:-1%;bottom:-1%;width:12%;height:21%;object-fit:contain;pointer-events:none;z-index:3;filter:drop-shadow(2px 4px 2px #173f3c44)}
#professor-scene.correct .prof-teacher{animation:prof-nod .55s ease-in-out 2,prof-breathe 4s 1.1s ease-in-out infinite}#professor-scene.wrong .prof-teacher{animation:prof-think 1.5s ease-in-out 1,prof-breathe 4s 1.5s ease-in-out infinite}#professor-scene.paused .prof-teacher{animation-play-state:paused}
#professor-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#professor-controls p{margin:0;flex:1;font-size:12px}#professor-controls .prof-buttons{display:flex;align-items:center;gap:9px}#professor-controls button{min-height:44px}#professor-controls #prof-next{width:auto;min-width:200px}#professor-controls button:disabled{opacity:.5;cursor:default}
#professor-overlay{position:absolute;inset:0;z-index:15;background:#183c4270;display:grid;place-items:center;padding:12px}#professor-overlay .arena-card{width:100%;max-width:470px;max-height:100%;overflow:auto;text-align:center}#professor-overlay .prof-dialog-text{font-size:14px;line-height:1.5}#professor-overlay button{margin:4px}#professor-overlay .prof-diploma{font-size:42px;color:#98601c;font-weight:bold;margin:12px 0}#professor-overlay .prof-review{font-size:12px;text-align:left;line-height:1.6;padding-left:22px;max-height:170px;overflow:auto}#professor-overlay .prof-review li{padding-bottom:7px}
@keyframes prof-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-4px) rotate(.5deg)}}@keyframes prof-nod{0%,100%{transform:rotate(0)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes prof-think{0%,100%{transform:rotate(0)}50%{transform:rotate(-2deg)}}
@media(max-width:700px){.stage.professor-stage{min-height:660px}#professor-scene .prof-teacher{top:0;bottom:auto;left:0;width:35%;height:29%;object-position:bottom;z-index:3}#professor-scene .prof-name{top:8%;bottom:auto;left:37%;font-size:16px;padding:9px 15px}#professor-scene .prof-gull{top:3%;bottom:auto;right:1%;width:16%;height:15%;z-index:2}#professor-scene .prof-board{top:25%;right:3%;width:94%;height:71%;padding:15px 16px;border-width:8px}#professor-scene .prof-top{padding-bottom:9px;gap:4px}#professor-scene .prof-topic{font-size:9px;letter-spacing:.8px}#professor-scene .prof-number{font-size:10px}#professor-scene h2{font-size:21px;line-height:1.25;margin:14px 0 16px}#professor-scene .prof-answer{padding:9px 10px;font-size:13px;min-height:44px;gap:9px}#professor-scene .prof-answers{gap:7px}#professor-scene .prof-feedback{font-size:12px;padding-top:12px;min-height:62px}#professor-scene .prof-source{font-size:9px}#professor-controls{padding:10px;gap:7px}#professor-controls .prof-buttons{width:100%}#professor-controls #prof-next{flex:1;min-width:0;font-size:13px}#professor-controls #prof-hint{font-size:12px}#professor-overlay .arena-card{padding:18px}#professor-overlay h2{font-size:26px}}
@media(max-width:350px){.stage.professor-stage{min-height:700px}#professor-scene h2{font-size:19px}#professor-scene .prof-board{padding:13px 12px}#professor-scene .prof-name{font-size:13px;left:34%;padding:7px 10px}#professor-scene .prof-answer{font-size:12px}#professor-scene .prof-topic{font-size:8px}}
@media(prefers-reduced-motion:reduce){#professor-scene *{animation:none!important;transition:none!important}}
/* Preserve the existing full-height mobile game shell; only the chalkboard scrolls. */
@media(max-width:700px),(max-height:600px){.stage.professor-stage{min-height:0}#professor-scene .prof-board{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7c8a0 #234b3f;display:block}#professor-scene .prof-feedback{min-height:0;margin-top:12px;padding-top:8px}#professor-scene .prof-board:after,#professor-scene .prof-chalk{display:none}#professor-scene h2{transform:none}#professor-scene .prof-top{position:relative}#professor-scene .prof-answers{padding:2px}}
@media(max-width:700px){#professor-scene .prof-board{top:23%;height:75%;padding:12px 13px}#professor-scene .prof-teacher{height:25%;width:32%}#professor-scene .prof-name{top:7%;left:34%;font-size:13px}#professor-scene .prof-gull{width:18%;height:19%;top:1%}#professor-scene h2{font-size:18px;line-height:1.22;margin:10px 0 12px}#professor-scene .prof-answer{padding:8px 9px;font-size:12px;min-height:44px}#professor-scene .prof-feedback{font-size:11px}#professor-scene .prof-number{font-size:9px}}
@media(max-height:600px) and (min-width:701px){#professor-scene .prof-teacher{height:95%;width:29%}#professor-scene .prof-board{width:70%;right:1%;top:3%;height:94%;padding:10px 14px;border-width:7px}#professor-scene h2{font-size:18px;margin:9px 0}#professor-scene .prof-top{padding-bottom:5px}#professor-scene .prof-answers{grid-template-columns:1fr 1fr;gap:6px}#professor-scene .prof-answer{font-size:11px;min-height:42px;padding:7px}#professor-scene .prof-name{font-size:11px;padding:5px;left:1%}#professor-scene .prof-gull{display:none}}

/* Jonathan agrandi, sans changer la disposition du niveau. */
#professor-scene .prof-gull{width:20%;height:33%}
@media(max-width:700px){#professor-scene .prof-gull{width:26%;height:23%;right:0;top:0}}

/* Full-width board, larger official characters, balanced question area. */
.stage.professor-stage{min-height:620px}#professor-scene .prof-board{left:2%;right:2%;top:3%;bottom:3%;width:96%;height:94%;padding:23px 28px 22px 32%;overflow-y:auto;display:flex;flex-direction:column}#professor-scene .prof-teacher{display:block;top:auto;bottom:0;left:-3%;width:40%;height:100%;object-fit:contain;object-position:left bottom;z-index:3}#professor-scene .prof-gull{display:block;top:2%;bottom:auto;right:1%;width:25%;height:34%;object-fit:contain;z-index:3}#professor-scene .prof-name{display:none}#professor-scene .prof-top{padding-right:28%;min-height:36px;flex-shrink:0}#professor-scene h2{padding-right:27%;min-height:120px;display:flex;align-items:center;font-size:clamp(21px,2.2vw,28px);margin:12px 0 20px;flex-shrink:0}#professor-scene .prof-answers{grid-template-columns:1fr;gap:10px;flex-shrink:0}#professor-scene .prof-answer{font-size:15px;min-height:48px;padding:11px 14px}#professor-scene .prof-feedback{padding-right:0;margin-top:16px;min-height:70px;font-size:13px}#professor-overlay h2{white-space:nowrap;font-size:clamp(21px,3vw,28px)}
@media(max-width:700px){.stage.professor-stage{min-height:0}#professor-scene .prof-board{left:1.5%;right:1.5%;width:97%;top:34%;bottom:1.5%;height:64.5%;padding:13px 14px;display:block}#professor-scene .prof-teacher{left:0;top:0;bottom:auto;width:53%;height:45%;object-position:center top;z-index:2}#professor-scene .prof-gull{top:2%;right:0;bottom:auto;width:43%;height:32%;z-index:2}#professor-scene .prof-top{padding-right:0;min-height:24px}#professor-scene h2{padding-right:0;min-height:0;display:block;margin:12px 0 15px;font-size:19px;line-height:1.26}#professor-scene .prof-answer{font-size:13px;min-height:48px;padding:10px 11px}#professor-scene .prof-answers{gap:9px}#professor-scene .prof-feedback{font-size:12px;min-height:0;margin-top:14px}#professor-controls .prof-buttons{gap:12px}#professor-controls button{min-height:48px}}
@media(max-height:600px) and (min-width:701px){.stage.professor-stage{min-height:0}#professor-scene .prof-board{top:2%;height:96%;padding:12px 21% 12px 28%;display:block}#professor-scene .prof-teacher{width:32%;height:100%;left:-2%}#professor-scene .prof-gull{width:23%;height:80%;top:12%;right:0}#professor-scene .prof-top{padding-right:0;min-height:22px}#professor-scene h2{padding-right:0;min-height:0;font-size:18px;display:block;margin:8px 0 12px}#professor-scene .prof-answers{grid-template-columns:1fr 1fr;gap:8px}#professor-scene .prof-answer{font-size:12px;min-height:46px;padding:8px}#professor-scene .prof-feedback{font-size:11px;margin-top:10px}}