@import './offers.css?v=ad-primary3';
@import './school-cold-open.css?v=cold1';
html body #schoolInvestigation{padding:0;border:1px solid #658359;border-radius:22px;background:#121c20;color:#eaf3e3;width:min(960px,calc(100vw - 24px));max-width:960px;height:min(900px,calc(var(--app-height,100dvh) - var(--mini-safe-top,0px) - var(--mini-safe-bottom,0px) - 24px));max-height:calc(var(--app-height,100dvh) - var(--mini-safe-top,0px) - var(--mini-safe-bottom,0px) - 24px);margin:auto;font:16px/1.5 system-ui,sans-serif;box-shadow:0 28px 100px #000b;overscroll-behavior:contain}
html body #schoolInvestigation::backdrop{background:#030a0dea;backdrop-filter:blur(5px)}
.school-shell{height:100%;display:flex;flex-direction:column;min-height:0}.school-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 10px;border-bottom:1px solid #ffffff14}.school-header h1{font-size:clamp(20px,4vw,30px);line-height:1.15;margin:4px 0}.school-eyebrow{color:#c3f670;letter-spacing:.1em;font-size:11px;text-transform:uppercase;margin:0}html body #schoolInvestigation button{font:inherit;color:inherit;background:#233438;border:1px solid #587063;border-radius:11px;min-height:44px;padding:10px 14px;cursor:pointer;overflow-wrap:anywhere;touch-action:manipulation}html body #schoolInvestigation button:hover:not(:disabled){border-color:#c3f670;background:#2b4039}html body #schoolInvestigation button:focus-visible,.school input:focus-visible{outline:3px solid #c3f670;outline-offset:3px}html body #schoolInvestigation button:disabled{opacity:.5;cursor:default}html body #schoolInvestigation .school-primary{background:#c3f670;color:#152016;font-weight:750;border-color:#c3f670}.school-tools{padding:10px 22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.school-tabs{display:flex;gap:6px;flex-wrap:wrap}.school-tabs button{padding:7px 10px;font-size:13px}.school-tabs [aria-current=page]{border-color:#c3f670;color:#c3f670}.school-language .language-settings{margin:0;display:flex;gap:8px;align-items:center}.school-language label{font-size:12px}.school-language select{color:#eaf3e3;background:#233438;border:1px solid #587063;border-radius:8px;padding:8px;max-width:160px}.school-prototype{font-size:12px;margin:0 22px 8px;padding:8px 12px;background:#ecbc5620;border-left:3px solid #ecbc56;color:#f5db9c}.school-status{margin:0 22px;padding:8px 12px;border-radius:8px;background:#c3f67020;color:#d4f5a3}.school-content{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:6px 22px 22px;scrollbar-gutter:stable}.school-content h2{font-size:22px;margin:14px 0 8px}.school-content h3{font-size:17px}.school-content h4{margin:0 0 4px}.school-content p{margin:8px 0 14px}.school-content>button{margin:6px 8px 6px 0}.school-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}html body #schoolInvestigation .school-material{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:8px;min-height:135px;background:linear-gradient(140deg,#2a3c38,#19272a)}.school-object-icon{font-size:30px;color:#c3f670}.school-material small,.school-observations small{font-size:12px;color:#b6c5b9}.school-document{padding:12px 18px;background:#e4dfcd;color:#1e2825;border-radius:12px;box-shadow:5px 5px 0 #0003}.school-fragment{padding:10px 0;border-bottom:1px solid #1e282533;white-space:pre-line}.school-fragment:last-child{border-bottom:0}.school-fragment>span{display:block;font-size:13px;font-weight:700;margin-top:12px}html body #schoolInvestigation .school-record{background:#24372c;color:#eaf3e3;margin:5px 0 12px;font-size:13px}.school-observations{display:grid;gap:8px;margin:12px 0}.school-observations label{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #587063;border-radius:12px;cursor:pointer}.school-observations input{margin-top:5px;width:22px;height:22px;accent-color:#c3f670;flex:none}.school-observations strong,.school-observations small{display:block}.school-evidence{padding:12px 16px;margin:10px 0;border:1px solid #648c50;border-radius:12px;background:#c3f6700a}.school-summary{color:#c3f670}.school-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;align-items:center;padding:10px 22px;flex:none;background:#0d171a}.school-footer img{border-radius:50%;flex:none}.school-footer p{font-size:13px;color:#c6d5c7;margin:0}.school blockquote{margin:16px 0;border-left:3px solid #c3f670;padding:10px 16px;font-size:19px;font-weight:650;color:#c3f670}
@media(max-width:600px){.school-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.school-tools,.school-header{padding-left:14px;padding-right:14px}.school-content{padding:4px 14px 18px}.school-prototype{margin-left:14px;margin-right:14px}.school-footer{padding:8px 14px}.school-tabs{gap:4px}.school-tabs button{font-size:12px}.school-language label{display:none}html body #schoolInvestigation .school-material{min-height:115px}.school-header h1{font-size:22px}}
@media(orientation:landscape) and (max-height:600px){html body #schoolInvestigation{width:calc(100vw - var(--mini-safe-left,0px) - var(--mini-safe-right,0px) - 20px);height:calc(var(--app-height,100dvh) - var(--mini-safe-top,0px) - var(--mini-safe-bottom,0px) - 12px);max-height:calc(var(--app-height,100dvh) - var(--mini-safe-top,0px) - var(--mini-safe-bottom,0px) - 12px)}.school-header{padding-top:8px;padding-bottom:5px}.school-header h1{font-size:20px}.school-tools{padding-top:5px;padding-bottom:5px}.school-prototype{font-size:11px;padding:4px 8px;margin-bottom:4px}.school-footer{padding:5px 14px}.school-footer img{width:32px;height:32px}.school-footer p{font-size:11px}.school-materials{grid-template-columns:repeat(3,minmax(0,1fr))}html body #schoolInvestigation .school-material{min-height:100px}}

.school-close{flex:none;white-space:nowrap}.school-header>div{min-width:0}

html body #schoolInvestigation .school-close{width:auto;min-width:80px;max-width:none;height:auto;flex:0 0 auto;white-space:nowrap}

html body #schoolInvestigation .school-syncbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px 6px;font-size:12px;color:#c3f670}html body #schoolInvestigation .school-syncbar p{margin:0}html body #schoolInvestigation .school-syncbar button{padding:6px 10px;font-size:12px}
html body #schoolInvestigation .school-trial-stage{position:relative;width:100%;height:clamp(240px,55dvh,650px);background:#172125;border:1px solid #879d6350;border-radius:16px;overflow:hidden}
html body #schoolInvestigation .school-trial canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}
html body #schoolInvestigation .school-trial-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
html body #schoolInvestigation .school-trial-hud{font-variant-numeric:tabular-nums;color:#ceff49;font-weight:800}
html body #schoolInvestigation .school-trial-stick{position:absolute;pointer-events:none;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ceff4990;background:#ceff4920}
html body #schoolInvestigation .school-trial-stick[hidden]{display:none}
html body #schoolInvestigation .school-trial-stick i{display:block;width:28px;height:28px;border-radius:50%;margin:30px;background:#ceff49}
@media(orientation:landscape){html body #schoolInvestigation .school-trial-stage{height:clamp(220px,62dvh,560px)}}
/* Story review: a single scene, direct interaction, existing DHD portrait. */
html body dialog#schoolStory{width:min(960px,calc(100vw - 24px));max-width:960px;max-height:94dvh;margin:auto;padding:0;border:1px solid #6f8661;border-radius:26px;background:#101e1a;color:#f4f5e7;font-family:Onest,system-ui,sans-serif;overflow:auto;box-shadow:0 30px 100px #0009}
html body #schoolStory::backdrop{background:#020b0ddd;backdrop-filter:blur(7px)}
html body #schoolStory .story-frame{padding:24px;background:radial-gradient(ellipse at 90% 55%,#4a6b2429,transparent 55%)}
html body #schoolStory .story-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
html body #schoolStory h1{font-size:clamp(22px,4vw,34px);margin:4px 0 16px;line-height:1.12}
html body #schoolStory .story-badge{margin:0;color:#bacaa2;font-size:12px;letter-spacing:.05em}
html body #schoolStory button{font:inherit;cursor:pointer;min-height:48px;box-sizing:border-box}
html body #schoolStory button:focus-visible{outline:3px solid #e4ff89;outline-offset:4px}
html body #schoolStory .story-close{flex:0 0 48px;width:48px;max-width:48px;height:48px;padding:0;border:1px solid #799361;border-radius:14px;background:#20372d;color:#f4f5e7;font-size:30px}
html body #schoolStory .story-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
html body #schoolStory .story-progress{display:flex;gap:6px;padding:0;margin:0;list-style:none;flex:1;min-width:240px}
html body #schoolStory .story-progress li{flex:1;border-top:3px solid #314b3d;padding:9px 3px 0;color:#8ea493;font-size:12px}
html body #schoolStory .story-progress li.active{border-color:#ceff49;color:#ceff49}
html body #schoolStory .story-progress li.done{border-color:#84aa48;color:#c5dda0}
html body #schoolStory .story-language{max-width:155px}
html body #schoolStory .story-language select{max-width:100%;min-height:42px;background:#20372d;color:#f4f5e7;border:1px solid #57755c;border-radius:10px}
html body #schoolStory .story-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(190px,1fr);gap:28px;align-items:center;min-height:330px}
html body #schoolStory h2{font-size:clamp(22px,3vw,30px);line-height:1.15;margin:0 0 18px;outline:none}
html body #schoolStory .story-message{background:#21392e;border:1px solid #53765a;border-radius:20px 20px 20px 4px;padding:22px;box-shadow:0 16px 35px #0003;max-width:480px}
html body #schoolStory .story-chat-head{font-size:13px;font-weight:800;color:#b8d791;letter-spacing:.08em}
html body #schoolStory .story-multiplier{display:block;font-size:76px;line-height:1.1;font-weight:900;color:#ceff49;letter-spacing:-.06em;margin:10px 0}
html body #schoolStory .story-message-copy{font-size:20px;line-height:1.4;margin:0 0 18px;max-width:28ch}
html body #schoolStory .story-fiction{display:block;color:#b2c7b3;font-size:11px;line-height:1.4}
html body #schoolStory .story-dhd{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}
html body #schoolStory .story-portrait{width:clamp(150px,22vw,240px);height:auto;max-width:100%;border-radius:50%;filter:drop-shadow(0 12px 20px #0005)}
html body #schoolStory .story-speech{position:relative;border:1px solid #739052;border-radius:16px;background:#24352b;padding:16px;font-weight:700;line-height:1.45;max-width:28ch}
html body #schoolStory .story-speech::before{content:'';position:absolute;top:-9px;left:50%;width:15px;height:15px;background:#24352b;border-left:1px solid #739052;border-top:1px solid #739052;transform:rotate(45deg)}
html body #schoolStory .story-bottom{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;align-items:center}
html body #schoolStory .story-primary,html body #schoolStory .story-secondary{padding:13px 22px;border-radius:14px;border:1px solid #7ca354;font-weight:800}
html body #schoolStory .story-primary{background:#ceff49;color:#172217;box-shadow:0 4px 0 #5a7926}
html body #schoolStory .story-secondary{background:#233a2f;color:#edf5da}
html body #schoolStory .story-current{margin-left:auto;background:transparent;border:0;color:#b1c4b3;padding:12px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
html body #schoolStory .story-hint{color:#c5d7bd;line-height:1.5;margin:0 0 18px}
html body #schoolStory .story-sources{display:grid;gap:14px}
html body #schoolStory .story-source{position:relative;display:grid;gap:10px;text-align:left;width:100%;background:#1b3028;border:1px solid #58765e;border-radius:16px;padding:18px;color:#f1f5e9}
html body #schoolStory .story-source strong{font-size:clamp(22px,3vw,30px);letter-spacing:.025em}
html body #schoolStory .story-source small{color:#b9d59f}
html body #schoolStory .story-source-tap{font-size:12px;color:#ceff49}
html body #schoolStory .story-source.selected{border:2px solid #ceff49;background:#2a4029}
html body #schoolStory .story-reveal{position:relative;padding:20px;background:#243c28;border:1px solid #8aad4b;border-radius:18px}
html body #schoolStory .story-found-icon{display:block;font-size:32px;color:#ceff49}
html body #schoolStory h3{margin:6px 0 10px;font-size:22px}
html body #schoolStory .story-reveal p{line-height:1.5;margin:0;color:#d5e1cc}
html body #schoolStory .story-comparison{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:14px}
html body #schoolStory .story-comparison span{color:#ffad80;font-size:24px}
html body #schoolStory .story-effect{margin-top:18px}
html body #schoolStory .story-effect small{color:#b4caa7}
html body #schoolStory .story-effect h3{color:#ceff49}
html body #schoolStory .story-crowd{display:flex;gap:12px;padding:12px 0}
html body #schoolStory .story-enemy{position:relative;width:32px;height:36px;background:#dc8b4e;border-radius:45% 45% 8px 8px;box-shadow:inset 0 -8px #8b5136}
html body #schoolStory .story-enemy::before,html body #schoolStory .story-enemy::after{content:'';position:absolute;top:-4px;width:12px;height:12px;background:#dc8b4e;border-radius:50%}
html body #schoolStory .story-enemy::before{left:-3px}html body #schoolStory .story-enemy::after{right:-3px}
html body #schoolStory .story-enemy i{display:block;width:17px;height:4px;background:#35211c;margin:13px auto}
html body #schoolStory .story-enemy.removed{opacity:.3;filter:grayscale(1);transform:scale(.85)}
html body #schoolStory .story-enemy.removed i::after{content:'×';position:absolute;font-style:normal;font-size:46px;color:#ffb39b;left:1px;top:-11px}
html body #schoolStory .story-end{flex:1 1 100%;font-size:13px;line-height:1.5;color:#c0d0b5;margin:0 0 6px}
html body #schoolStory .story-alert:empty{display:none}html body #schoolStory .story-alert{color:#ffcba9;margin-top:16px}
@media(max-width:620px){html body #schoolStory .story-frame{padding:18px}html body #schoolStory .story-main{grid-template-columns:1fr;gap:18px;min-height:0}html body #schoolStory .story-dhd{flex-direction:row;align-items:center;gap:8px}html body #schoolStory .story-portrait{width:96px;flex:0 0 96px}html body #schoolStory .story-speech{font-size:14px;padding:12px;max-width:none}html body #schoolStory .story-speech::before{display:none}html body #schoolStory .story-bottom>.story-primary,html body #schoolStory .story-bottom>.story-secondary{width:100%}html body #schoolStory .story-current{margin:0 auto}html body #schoolStory .story-top{margin-bottom:20px}html body #schoolStory .story-message{padding:18px}html body #schoolStory .story-message-copy{font-size:18px}html body #schoolStory .story-multiplier{font-size:62px}}
@media(prefers-reduced-motion:no-preference){html body #schoolStory .story-reveal{animation:storyReveal .3s ease-out}@keyframes storyReveal{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}}
/* Full guided investigation retains the accepted single-scene layout. */
html body #schoolStory .journey-progress{flex:1;min-width:220px;margin:0;padding:9px 0;color:#ceff49;font-size:13px;border-bottom:4px solid #314b3d;background:linear-gradient(#ceff49,#ceff49) left bottom/var(--journey-progress,0%) 4px no-repeat}
html body #schoolStory .journey-save{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin:-10px 0 16px;color:#aec2a7;font-size:12px;line-height:1.5}
html body #schoolStory .journey-save .story-current{min-height:36px;padding:6px}
html body #schoolStory .story-scene>.story-primary,html body #schoolStory .story-scene>.story-secondary{display:block;width:100%;margin-top:12px}
html body #schoolStory .journey-pressure{border-color:#cf9460;background:#3c3227}
html body #schoolStory .journey-clock{display:block;font-size:46px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#ffbd73;font-weight:900}
html body #schoolStory .journey-reveal{margin-top:16px;border-left:4px solid #ceff49;padding:12px 16px;background:#253c2a;border-radius:0 12px 12px 0;line-height:1.5}
html body #schoolStory .journey-reveal p{margin:0;white-space:pre-line}
html body #schoolStory .journey-certificate{box-sizing:border-box;min-height:320px;padding:62px 30px 44px;background:#dcc086 url('/school-art/certificate-desk-v1.png') center/cover;border:1px solid #c0984c;border-radius:16px;color:#2c2519;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:10px}
html body #schoolStory .journey-certificate>*{margin:0;padding:8px;background:#fff0c7e8;border-radius:8px;color:#2c2519;white-space:pre-line;font-size:14px;line-height:1.5}
html body #schoolStory .journey-certificate h3{font-size:22px}
html body #schoolStory .journey-directory{padding:18px;border:1px dashed #91b475;border-radius:16px;background:#1a3027;white-space:pre-line;line-height:1.6}
html body #schoolStory .journey-reply{margin-top:16px;white-space:pre-line}
html body #schoolStory .journey-fee{background:#3a2526;border-color:#b57964;white-space:pre-line}
html body #schoolStory .journey-modifier{padding:12px 14px;border:1px solid #73914b;border-radius:14px;margin:12px 0;background:#253a2a}
html body #schoolStory .journey-modifier p{margin:0;line-height:1.5;font-size:14px}
html body #schoolStory .journey-modifier.inactive{background:#1b2a25;border-color:#41584b}
html body #schoolStory .journey-clue{padding:12px 0;border-bottom:1px solid #4e685455}
html body #schoolStory .journey-clue h3{font-size:17px;margin:0 0 6px}
html body #schoolStory .journey-clue p{line-height:1.5;font-size:14px;margin:0}
html body #schoolStory .journey-battle{grid-template-columns:minmax(0,1fr)}
html body #schoolStory .school-trial-stage{position:relative;width:100%;height:clamp(260px,58dvh,650px);overflow:hidden;border-radius:16px;background:#14231e;border:1px solid #73914b}
html body #schoolStory .school-trial canvas{display:block;width:100%;height:100%;touch-action:none}
html body #schoolStory .school-trial-actions{display:flex;flex-wrap:wrap;gap:10px}
html body #schoolStory .school-trial-hud{color:#ceff49;font-weight:800;font-variant-numeric:tabular-nums}
html body #schoolStory .school-trial-stick{position:absolute;pointer-events:none;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ceff4990;background:#ceff4920}
html body #schoolStory .school-trial-stick[hidden]{display:none}
html body #schoolStory .school-trial-stick i{display:block;width:28px;height:28px;border-radius:50%;margin:30px;background:#ceff49}
@media(max-width:620px){html body #schoolStory .journey-certificate{min-height:300px;padding:58px 22px 38px}html body #schoolStory .journey-save{font-size:11px}html body #schoolStory .journey-modifier .story-crowd{gap:9px}html body #schoolStory .journey-modifier .story-enemy{width:28px}}

html body #schoolStory .journey-claim{font-size:14px;line-height:1.5;white-space:pre-line;padding-top:12px;border-top:1px solid #66805d66;color:#d5e3ca}