/* Visual-novel UI: text choices over the scene and a bottom dialogue, no button cards. */
#school .school-shade{background:linear-gradient(180deg,#0710154d,transparent 25%,transparent 43%,#080c128a 65%,#080c12ed 100%)}
.school-detour{position:absolute;inset:0;z-index:3;overflow:hidden}.school-detour img{width:100%;height:100%;object-fit:cover;object-position:85% 50%;display:block}
#school-dialogue{position:absolute;z-index:5;left:7vw;right:7vw;bottom:90px;min-height:135px;max-width:620px;text-shadow:0 1px 5px #0009}
#school-speaker{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:#e6e8e5;margin:0 0 18px;letter-spacing:.025em}
#school-speaker:after{content:'';width:48px;height:1px;background:#c9d2d66b}
#school #school-caption,body[data-school=meeting] #school #school-caption{position:static;inset:auto;width:auto;max-width:none;margin:0;font-size:19px;line-height:1.8;font-weight:400;text-align:left;word-break:keep-all;letter-spacing:-.025em}
#school #school-choices{position:absolute;bottom:260px;left:7vw;right:auto;width:min(500px,86vw);max-width:none;gap:3px}
#school #school-choices #school-next,#school #school-choices #school-look{position:static;min-height:52px;display:flex;gap:12px;padding:12px 0;border:0;border-radius:0;border-bottom:1px solid #d7e0e529;background:transparent;color:#f6f5ef;text-shadow:0 2px 5px #000;font-size:17px;line-height:1.5;letter-spacing:-.015em;justify-content:flex-start}
#school #school-choices button:before{content:'›';font:22px Georgia,serif;opacity:.75;padding:0 5px}
#school #school-choices button kbd,#school #school-choices button b{display:none}
#school #school-choices button:hover{background:none;color:#fff6d2;text-shadow:0 0 12px #fff5cf65}
#school #school-choices button:focus-visible{outline:1px solid #fff3d9;outline-offset:3px;background:none}
#school #school-choices button:disabled{opacity:.45;cursor:default}
#school #school-back,body[data-school=meeting] #school #school-back{top:76px;bottom:auto;left:24px;right:auto;min-height:44px;background:none;padding:10px 0;font-size:13px;color:#f1f0e9}
#school #school-place{top:33px;left:96px;margin:0;font-size:12px;letter-spacing:.04em}
body[data-school] #time{left:24px;top:25px}
body[data-school] #year{font:400 29px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.025em}
body[data-school=meeting] #school-dialogue{bottom:38%;min-height:0}
body[data-school=meeting] #school-speaker{margin-bottom:12px}
#school #school-clues button{min-height:48px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:10px 8px;color:#fff9ed;font-size:14px;text-shadow:0 1px 5px #000,0 1px 14px #000}
#school #school-clues button:before{content:'·';font-size:25px;font-family:Georgia,serif}
#school #school-clues button[data-found=true]:before{content:'✓';font-size:14px}
#school #school-clues button:after{content:'';position:absolute;bottom:6px;left:28px;right:8px;height:1px;background:#ffffff65}
#school #school-clues [data-clue=desk]{top:48%;left:20%}#school #school-clues [data-clue=photo]{top:36%;left:66%}#school #school-clues [data-clue=board]{top:25%;left:45%}
#sound-toggle{border:0;background:none;text-shadow:0 2px 5px #000;padding:10px 0;min-width:80px;color:#eeefed}
body:not([data-state=zoom])>nav button{background:none;text-shadow:0 2px 5px #000;color:#cfd4d7;font-size:12px}
#intro .interact-label{background:none;border:0;font-size:17px;letter-spacing:.03em;text-shadow:0 2px 5px #000;padding:12px 0;border-bottom:1px solid #f4f0da80}
#intro .interact-label kbd{display:none}
#intro #portal-look{background:none;border:0;font-size:14px;color:#e4e9e9;text-shadow:0 2px 5px #000}
#portal-copy{font-size:15px!important}
@media(max-width:700px){
 #school-dialogue{left:24px;right:24px;bottom:82px;min-height:136px;max-width:none}
 #school-speaker{font-size:13px;margin-bottom:17px}
 #school #school-caption,body[data-school=meeting] #school #school-caption{font-size:17px;line-height:1.85}
 #school #school-choices{left:24px;right:24px;width:auto;bottom:246px}
 #school #school-choices #school-next,#school #school-choices #school-look{min-height:52px;font-size:16px;padding:11px 0}
 #school #school-place{left:90px;top:32px}
 #school #school-back,body[data-school=meeting] #school #school-back{top:68px;left:24px;right:auto;bottom:auto}
 #school #school-clues [data-clue=desk]{left:14%;top:43%}#school #school-clues [data-clue=photo]{left:auto;right:3%;top:34%}#school #school-clues [data-clue=board]{left:7%;top:22%}
 #school #school-clues button{font-size:13px}
 body[data-school=meeting] #school-dialogue{top:auto;bottom:40%;min-height:0}
 body[data-school=meeting] #arrival-copy{font-size:17px;bottom:32%;top:auto}
 body[data-school=meeting] #instruction{font-size:12px;bottom:26%}
 .school-detour img{object-position:88% 50%}
}
@media(max-height:650px){
 #school-dialogue{bottom:64px;min-height:112px}#school-speaker{margin-bottom:10px}
 #school #school-caption,body[data-school=meeting] #school #school-caption{font-size:15px;line-height:1.7}
 #school #school-choices{bottom:193px;gap:0}
 #school #school-choices #school-next,#school #school-choices #school-look{min-height:46px;font-size:14px;padding:10px 0}
 #school #school-clues [data-clue=desk]{top:40%}#school #school-clues [data-clue=photo]{top:30%}#school #school-clues [data-clue=board]{top:19%}
}