#director-root{display:none}.is-director #director-root{display:block;position:fixed;inset:0;background:#1a2c32;overflow:hidden}.is-director #director-root[hidden]{display:none}
.is-director #hall-root,.is-director #contrast-root,.is-director #contrast-switch,.is-director .world-copy,.is-director .cinema-shade,.is-director .world-footer,.is-director .object-controls,.is-director .insight-note{display:none!important}
.is-director{background:#1a2c32}.is-director .site-header{height:87px;padding:0 4%;background:linear-gradient(#13272bbb,transparent);border:0;color:#eee7d2;align-items:center;transition:opacity .4s}
.is-director .brand{color:#eee6ce;font-family:'Songti SC',serif;font-size:20px;letter-spacing:4px;gap:10px}.is-director .brand-mark{color:#dcc597;font-size:26px}.is-director .brand small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.5px}
.is-director .main-nav{height:auto;gap:22px;font-family:inherit}.is-director .main-nav button{height:auto;padding:8px 0;color:#e3e1d6;font-size:12px;letter-spacing:.5px}.is-director .main-nav button:first-child{display:block}.is-director .main-nav button[data-action=sound]{position:static;font-size:11px}
.is-director #header-count{background:#f7e9bf10;border:1px solid #dfd9c52b;color:#e4dcc9}
.is-director[data-director=entering] .site-header,.is-director[data-director=returning] .site-header{opacity:0;pointer-events:none}
.is-director .consult{z-index:20;top:87px;bottom:18px;background:#f4f0e5;min-height:0;overflow-y:auto}.is-director .consult.open{display:flex}
.is-director .consult .chat-log{min-height:70px;max-height:none}.is-director .consult>.consult-header,.is-director .consult>.steps,.is-director .consult>.chat-case,.is-director .consult>.composer,.is-director .consult>.quote-mini{flex-shrink:0}
.director-world{position:absolute;inset:0}.director-world canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}
.director-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0f232ccc,transparent 58%),linear-gradient(0deg,#122834dc,transparent 22%);transition:opacity 1.5s;z-index:1}
[data-mode=explore] .director-vignette,[data-mode=director] .director-vignette,[data-mode=compare] .director-vignette{background:linear-gradient(180deg,#132c3896,transparent 31%,transparent 69%,#102634c9),linear-gradient(90deg,#10263544,transparent 35%,transparent 73%,#10263544)}
[data-mode=entering] .director-vignette,[data-mode=returning] .director-vignette{opacity:.15}
.director-ui{position:absolute;inset:0;z-index:2;pointer-events:none;color:#f0e9d8;font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-weight:400}
.director-ui button,.director-ui a,.director-ui input{pointer-events:auto}.director-ui button{font-family:inherit;cursor:pointer}.director-ui button:disabled{cursor:wait;opacity:.7}
.director-ui button:focus-visible{outline:2px solid #f1d89e;outline-offset:4px}.director-ui h1,.director-ui h2,.director-ui h3,.director-ui p{margin:0}
.kicker{font:10px/1.6 'PingFang SC',sans-serif;letter-spacing:2px;color:#d4d0bc}.kicker b{font:italic 15px Georgia,serif;color:#f1dcae;margin-right:5px}
.tiny-line{display:inline-block;width:24px;height:1px;background:#c9b78d;vertical-align:middle;margin-right:12px}
.director-prologue{position:absolute;left:5.4%;top:23%;max-width:540px}
.director-prologue h1,.director-reflection h1{font:400 clamp(48px,5.4vw,85px)/1.26 'Songti SC','STSong','SimSun',serif;letter-spacing:3px;margin:22px 0 25px;text-shadow:0 3px 25px #0b24343b}
.director-prologue h1 em,.director-reflection h1 em{font-style:normal;color:#edce92}
.prologue-description{font-size:14px;line-height:2.1;letter-spacing:1px;color:#dddfd6}
.director-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:54px;background:#ead7ac;border:1px solid #f2dfb3;border-radius:3px;padding:15px 24px;color:#1d3a46;font:17px 'Songti SC','STSong',serif!important;letter-spacing:1px;box-shadow:0 8px 35px #051d332b;transition:background .25s,transform .25s}
.director-primary:hover{background:#fff0cd;transform:translateY(-2px)}.director-primary>span,.director-primary>i{font:22px Arial,sans-serif;font-style:normal}
.director-prologue .director-primary{margin-top:30px}.prologue-invitation{font-size:10px;letter-spacing:.8px;color:#c2c8c6;margin-top:15px!important}
.drop-invitation{position:absolute;left:65%;top:68%;transform:translateX(-50%);text-align:center;color:#efddb3;pointer-events:none}.drop-invitation p{font:14px 'Songti SC',serif;letter-spacing:2px}.drop-invitation small{display:block;font-size:9px;color:#c5c9c4;letter-spacing:1px;margin-top:9px}.drop-orbit{display:block;height:30px;width:1px;background:linear-gradient(transparent,#cfb781);margin:0 auto 17px}
.director-prologue-foot{position:absolute;left:5.4%;right:4%;bottom:28px;display:flex;justify-content:space-between;color:#c6cbc299;font-size:10px;letter-spacing:2px}
.director-transition-copy{position:absolute;left:0;right:0;top:75%;text-align:center;color:#fff1cf;animation:directorWords 6.2s both;pointer-events:none;text-shadow:0 2px 20px #102e3c}
.director-transition-copy p{font:30px 'Songti SC','STSong',serif;letter-spacing:4px}.director-transition-copy span{display:block;font-size:11px;letter-spacing:2px;margin-top:15px;color:#e6e5d1}
@keyframes directorWords{0%,15%{opacity:0;transform:translateY(14px)}30%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-7px)}}
[data-mode=returning] .director-transition-copy{animation-duration:3s}
.director-scene-title{position:absolute;left:4%;top:107px;max-width:650px;pointer-events:none}.director-scene-title h1{font:400 clamp(26px,2.7vw,41px)/1.45 'Songti SC','STSong',serif;letter-spacing:1.8px;margin:13px 0 8px}.scene-instruction{font-size:10px;letter-spacing:1px;color:#d9ded1b0}
.director-view-tools{position:absolute;right:4%;top:108px;display:flex;gap:7px}.director-view-tools button{border:1px solid #e5ddc326;background:#18343f75;backdrop-filter:blur(12px);color:#dedfcf;padding:9px 12px;font-size:15px;min-height:37px;border-radius:3px;display:flex;align-items:center;gap:7px}.director-view-tools span{font-size:10px}.director-view-tools button:hover{background:#345662}
.explorer-task{position:absolute;left:4%;bottom:99px;width:355px;max-width:46vw}.explorer-task>.kicker{margin-bottom:13px;font-size:10px}
.hypothesis{display:flex;width:100%;gap:14px;align-items:center;text-align:left;padding:15px 16px;margin-top:9px;background:#19353ff0;border:1px solid #b6c5bb42;border-radius:4px;color:#e8e3ce;box-shadow:0 6px 20px #0b243426;backdrop-filter:blur(18px)}
.hypothesis.selected{border-color:#e7cb8d;background:#2d4c52ed}.hypothesis:hover{background:#31515af0}.hypothesis-mark{font:27px Georgia,serif;color:#d8c79e;flex-shrink:0}.hypothesis strong{font-size:13px;font-weight:500;letter-spacing:.5px}.hypothesis small{display:block;font-size:10px;line-height:1.5;color:#afbfbf;margin-top:5px}.hypothesis i{margin-left:auto;font-size:9px;font-style:normal;color:#e7d4a7;white-space:nowrap}
.explorer-feedback{font-size:11px;line-height:1.7;color:#d1d8c8;padding:13px 3px 0;min-height:36px}
.director-call{position:absolute;right:4%;bottom:109px;display:flex;flex-direction:column;align-items:flex-end;gap:18px}.director-call>span{font:16px/1.9 'Songti SC',serif;color:#e4e2cd;text-align:right;letter-spacing:1px}.director-call .director-primary{font-size:16px!important;min-width:200px}
.director-state-line{position:absolute;bottom:28px;left:4%;right:4%;display:flex;align-items:center;gap:8px;font-size:10px;color:#cbd3ca;letter-spacing:.4px}.director-state-line button{margin-left:auto;background:none;border:0;color:#d4d9cb;font-size:9px;letter-spacing:.5px;padding:6px}
.status-dot{display:block;width:5px;height:5px;border-radius:50%;background:#b8d4ca;box-shadow:0 0 0 4px #d0e2d114}.status-dot.frozen{background:#f2d39b;box-shadow:0 0 0 4px #f2d39b1a}
.single-account{position:absolute;right:4%;top:206px;width:224px}.water-account{padding:14px 16px;background:#193540c9;border:1px solid #bfd1c831;border-radius:4px;color:#eae4cd;backdrop-filter:blur(14px);box-shadow:0 8px 30px #0e2b3521}
.account-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;align-items:center;letter-spacing:.6px}.account-heading small{font-size:8px;color:#b6c5c2;white-space:nowrap}.account-heading b{font-weight:400}.water-amount{display:flex;align-items:center;gap:9px;margin-top:15px}.water-amount>b{font:italic 35px Georgia,serif;font-weight:400;color:#f0d8a5;min-width:59px}.water-amount>span{font-size:8px;line-height:1.65;color:#c1cbc5}.water-amount em{margin-left:auto;font-size:9px;color:#c8d5ca;font-style:normal}.water-amount em i{display:block;font:italic 22px Georgia,serif;font-style:normal;text-align:right;color:#d4e3de;margin-top:4px}.water-stack{height:3px;border-radius:2px;background:#b9cbb918;display:flex;overflow:hidden;margin-top:14px}.water-stack>i{display:block;height:100%;min-width:0;transition:width .3s linear}.stack-infiltrated{background:#98c2a3}.stack-stored{background:#78bfc4}.stack-drained{background:#8a9b9a}.stack-street{background:#e4bd7b}.stack-downstream{background:#dc9470}.account-note{font-size:8px;color:#bccbc5;margin-top:8px!important;letter-spacing:.4px}.account-note b{font-weight:400}
.director-command-dock{position:absolute;bottom:72px;left:4%;right:4%;display:flex;gap:12px;justify-content:center;align-items:stretch}.director-controls{display:flex;border:1px solid #b5c5c13d;background:#183943ed;backdrop-filter:blur(18px);border-radius:5px;padding:8px;box-shadow:0 15px 38px #071e3440;max-width:790px;flex:1}.director-command{display:grid;grid-template-columns:38px 1fr;grid-template-rows:24px 20px;align-items:center;column-gap:8px;flex:1;text-align:left;padding:12px 17px;border:1px solid transparent;border-radius:3px;background:transparent;color:#e6e1c9;white-space:nowrap}.director-command>span{grid-row:1/3;font:28px Georgia,serif;color:#ddc99b}.director-command strong{font-size:13px;font-weight:500;letter-spacing:1px}.director-command small{font-size:9px;color:#aec3c0}.director-command.active{background:#e5d4ac;border-color:#f0e1bb;color:#24464f}.director-command.active>span{color:#355862}.director-command.active small{color:#5a7579}.director-command:hover:not(.active){background:#315662}
.director-conclude{border:1px solid #ddcea850;background:#193946dd;color:#e9debd;border-radius:4px;padding:18px;font:13px/1.8 'Songti SC',serif!important;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:20px}.director-conclude span{font:20px Arial}.director-conclude:hover{background:#2e5260}
.director-question-triggers{position:absolute;bottom:198px;left:4%;display:flex;gap:9px}.director-question-triggers button{border:1px solid #c5d2c030;border-radius:26px;background:#183c4980;backdrop-filter:blur(10px);color:#d8e0ce;font-size:10px;padding:8px 13px;letter-spacing:.5px}.director-question-triggers button:hover{background:#365867}
.director-question{position:absolute;left:4%;top:241px;width:315px;background:#eae4d3f2;color:#26434e;padding:23px;border-left:3px solid #bea473;box-shadow:0 10px 40px #0b233039;backdrop-filter:blur(20px);border-radius:3px;pointer-events:auto}.director-question .kicker{font-size:8px;letter-spacing:1px;color:#7a887f}.director-question h3{font:21px/1.6 'Songti SC',serif;margin:12px 0;color:#264655}.director-question>p:not(.kicker){font-size:12px;line-height:1.9;color:#526d71}.question-evidence{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #627d6c25;color:#768779;font-size:10px;line-height:1.8}.quiet-close{position:absolute;right:11px;top:8px;border:0;background:none;color:#4c6c73;font-size:20px;padding:4px}
.comparison-accounts{position:absolute;top:224px;left:4%;right:4%;display:flex;justify-content:space-between;gap:25px;pointer-events:none}.comparison-accounts .water-account{width:252px}.account-b{border-top:2px solid #99c7b0}.comparison-choice{position:absolute;left:50%;transform:translateX(-50%);bottom:207px;display:flex;align-items:center;gap:7px;padding:6px 7px 6px 14px;border:1px solid #c7d7c63d;border-radius:28px;background:#244650eb;backdrop-filter:blur(18px);font-size:10px;color:#c4d5c9;white-space:nowrap}.comparison-choice>span{margin-right:7px}.comparison-choice button{font-size:10px;border:0;border-radius:20px;padding:8px 13px;background:transparent;color:#d3dccd}.comparison-choice button.active{background:#d7e0c7;color:#294851}
[data-mode=compare] .director-question-triggers{bottom:183px}.cutaway-caption{position:absolute;right:4%;top:405px;text-align:right;display:flex;flex-direction:column;gap:10px;color:#d5dcca;letter-spacing:1px;font-size:10px}.cutaway-caption i{display:block;height:45px;width:1px;background:linear-gradient(#d7dab2,#72c5d0);margin-left:auto}
.director-reflection{position:absolute;left:5.4%;top:15%;width:520px;max-width:52vw}.director-reflection h1{font-size:clamp(35px,4.1vw,60px);margin:15px 0 22px}.director-evidence{border-top:1px solid #e5d8b52b;border-bottom:1px solid #e5d8b52b;padding:13px 0;margin-bottom:23px}.evidence-title{font-size:9px;letter-spacing:2px;color:#bfcbbc;margin-bottom:10px!important}.director-evidence>p:not(.evidence-title){display:flex;gap:14px;align-items:baseline;font-size:11px;line-height:1.85;color:#dfe1cf;margin:8px 0}.director-evidence>p>span{font:italic 16px Georgia;color:#d8c79e;flex-shrink:0}.reflection-question{font:19px 'Songti SC',serif;margin-bottom:20px!important;color:#f0deba}.director-text{display:inline-block;color:#e0d7be;font-size:11px!important;background:transparent;border:0;padding:14px 0;margin-left:22px;letter-spacing:1px}.reflection-note{position:absolute;bottom:27px;left:5.4%;font-size:9px;color:#c6cbb9a1;letter-spacing:.5px}
.director-announcement{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);max-width:560px;padding:12px 20px;border-radius:3px;color:#f1e5c4;background:#173a45dd;backdrop-filter:blur(15px);font-size:12px;letter-spacing:1px;line-height:1.8;pointer-events:none;z-index:4;box-shadow:0 7px 35px #091d2f2b}.director-announcement:empty{display:none}
.director-covered .director-ui{visibility:hidden}.director-covered .director-vignette{opacity:.35}
.director-info-dialog{width:min(580px,calc(100vw - 36px));padding:28px;background:#f0ecdf;border:1px solid #d4d7c5;border-radius:8px;color:#28444e}.director-info-dialog h2{font:27px 'Songti SC',serif;margin:0 0 16px}.director-info-dialog p{font-size:13px;line-height:1.9;margin:12px 0;color:#4f6970}.director-info-dialog .director-primary{margin-top:16px;font-size:15px!important}.director-failure{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#193642}.director-failure h1{font:35px 'Songti SC',serif}.director-failure>p{max-width:550px;text-align:center;font-size:13px}.director-failure .director-text{margin:0}
@media(max-width:1100px){.director-prologue h1{font-size:62px}.director-prologue{top:22%}.director-scene-title h1{font-size:31px}.director-view-tools{top:96px;gap:5px}.director-view-tools button{padding:8px 10px}.director-view-tools span{display:none}.director-command{padding:10px;grid-template-columns:28px 1fr;column-gap:7px}.director-command strong{font-size:11px;letter-spacing:.3px}.director-command small{font-size:8px}.director-command>span{font-size:23px}.director-conclude{padding:12px;gap:10px;font-size:11px!important}.director-question-triggers{bottom:186px}.comparison-choice{bottom:190px}.comparison-accounts .water-account{width:232px}.director-reflection{max-width:59vw}.director-reflection h1{font-size:45px}.director-state-line{bottom:24px}}
@media(max-width:800px){.is-director .site-header{padding:0 24px;height:80px}.is-director .main-nav{gap:16px}.is-director .brand{font-size:18px;letter-spacing:2px}.is-director .main-nav button{font-size:10px}.is-director .main-nav button[data-action=sound]{font-size:9px}.director-prologue{left:5%;top:24%}.director-prologue h1{font-size:56px}.prologue-description{font-size:12px}.director-scene-title{top:99px}.director-scene-title h1{font-size:29px;letter-spacing:1px}.single-account{top:203px;width:190px}.water-account{padding:12px}.account-heading{font-size:9px;gap:4px}.account-heading small{font-size:7px}.water-amount>b{font-size:29px;min-width:52px}.water-amount em i{font-size:18px}.water-amount>span{font-size:7px}.water-amount{gap:6px}.explorer-task{width:300px}.hypothesis{padding:13px 12px;gap:10px}.hypothesis strong{font-size:11px}.hypothesis small{font-size:9px}.director-call>span{font-size:14px}.director-call .director-primary{font-size:15px!important;min-width:190px}.director-call{bottom:110px}.drop-invitation{left:68%;top:70%}.director-command-dock{bottom:65px;gap:8px}.director-controls{padding:5px}.director-command{grid-template-columns:22px 1fr;gap:5px;padding:9px 6px}.director-command strong{font-size:10px}.director-command small{font-size:7px}.director-conclude{max-width:96px;white-space:normal;display:block;font-size:11px!important;line-height:1.8}.director-conclude span{display:block}.director-question-triggers{bottom:174px}.comparison-choice{bottom:202px}.comparison-accounts{top:218px}.comparison-accounts .water-account{width:203px}.director-reflection{top:15%;max-width:61vw}.director-reflection h1{font-size:39px}.director-evidence>p:not(.evidence-title){font-size:10px}.reflection-question{font-size:17px}.director-reflection .director-primary{font-size:15px!important;padding:13px 19px}.director-reflection .director-text{margin-left:15px;font-size:9px!important}}
@media(max-width:600px){.is-director .site-header{height:77px;padding:20px 18px 0;align-items:flex-start}.is-director .brand{font-size:17px;gap:8px;letter-spacing:2px}.is-director .brand small{font-size:6px;letter-spacing:1px;margin-top:4px}.is-director .brand-mark{font-size:22px}.is-director .main-nav{gap:12px}.is-director .main-nav button:first-child{display:none}.is-director .main-nav button{font-size:10px;padding-top:4px}.is-director .main-nav button[data-action=sound]{position:fixed;right:19px;top:77px;font-size:9px}.is-director #header-count{display:none}.director-prologue{top:16%;left:25px;right:25px;max-width:none}.director-prologue>.kicker{font-size:8px;letter-spacing:1px}.tiny-line{width:17px;margin-right:8px}.director-prologue h1{font-size:49px;line-height:1.26;letter-spacing:2px;margin:17px 0 17px}.prologue-description{font-size:11px;line-height:2;letter-spacing:.5px}.director-prologue .director-primary{position:fixed;left:25px;right:25px;bottom:105px;width:calc(100% - 50px);font-size:17px!important;min-height:54px}.prologue-invitation{position:fixed;left:25px;right:25px;bottom:76px;text-align:center;font-size:9px;letter-spacing:.3px}.drop-invitation{top:57%;left:72%;width:150px}.drop-invitation p{font-size:11px}.drop-invitation small{font-size:7px;letter-spacing:.5px}.drop-orbit{height:22px;margin-bottom:12px}.director-prologue-foot{bottom:24px;left:25px;right:25px;font-size:8px;letter-spacing:1px}.director-prologue-foot span:last-child{display:none}.director-vignette{background:linear-gradient(90deg,#122934bb,transparent 86%),linear-gradient(0deg,#102c3aed,transparent 40%)}.director-transition-copy{top:76%;padding:0 20px}.director-transition-copy p{font-size:22px;letter-spacing:2px}.director-transition-copy span{font-size:9px;letter-spacing:1px;line-height:1.8}.director-scene-title{top:107px;left:19px;right:16px;max-width:none}.director-scene-title .kicker{font-size:8px;letter-spacing:1px}.director-scene-title h1{font-size:24px;letter-spacing:.2px;margin:10px 0 7px;max-width:320px}.scene-instruction{font-size:8px;letter-spacing:.2px}.director-view-tools{right:14px;top:222px;flex-direction:column;gap:5px}.director-view-tools button{width:33px;height:33px;min-height:33px;padding:6px;justify-content:center;font-size:16px}.single-account{top:228px;left:18px;right:auto;width:156px}.water-account{padding:10px;background:#1838459c}.account-heading{font-size:8px;letter-spacing:0;display:block}.account-heading small{display:block;margin-top:3px}.water-amount{margin-top:8px;gap:6px}.water-amount>b{font-size:27px;min-width:42px}.water-amount>span{font-size:6px}.water-amount em{font-size:7px}.water-amount em i{font-size:17px}.water-stack{margin-top:8px}.account-note{font-size:7px;margin-top:6px!important;letter-spacing:0}.explorer-task{left:18px;right:18px;bottom:131px;width:auto;max-width:none}.explorer-task>.kicker{font-size:8px;margin-bottom:9px}.hypothesis{padding:11px 12px;gap:10px;margin-top:7px}.hypothesis strong{font-size:12px}.hypothesis small{font-size:9px;margin-top:4px}.hypothesis i{font-size:8px}.hypothesis-mark{font-size:24px}.explorer-feedback{font-size:9px;line-height:1.6;padding-top:9px;min-height:26px}.director-call{left:18px;right:18px;bottom:65px;display:block}.director-call>span{display:none}.director-call .director-primary{width:100%;min-height:48px;font-size:16px!important;padding:12px 21px}.director-state-line{left:18px;right:18px;bottom:22px;font-size:8px;gap:7px}.director-state-line button{font-size:7px;padding:4px;letter-spacing:0}.director-command-dock{left:12px;right:12px;bottom:63px;display:block}.director-controls{padding:4px;border-radius:4px;gap:3px}.director-command{grid-template-columns:1fr;grid-template-rows:25px 20px;justify-items:center;gap:0;text-align:center;padding:8px 5px;min-width:0}.director-command>span{grid-row:auto;font-size:23px;line-height:1}.director-command strong{font-size:10px;letter-spacing:0}.director-command small{display:none}.director-conclude{display:flex;max-width:none;width:100%;margin-top:7px;justify-content:center;align-items:center;gap:14px;padding:9px 12px;min-height:36px;font-size:11px!important;background:#153846b8}.director-conclude span{font-size:16px}.director-question-triggers{bottom:210px;left:16px;right:16px;gap:6px;justify-content:center}.director-question-triggers button{font-size:8px;padding:7px 9px;letter-spacing:0;white-space:nowrap}.director-question{top:227px;left:18px;width:calc(100% - 72px);max-width:310px;padding:19px;z-index:3}.director-question h3{font-size:20px;line-height:1.55;margin:10px 0}.director-question>p:not(.kicker){font-size:11px}.question-evidence{font-size:9px;margin-top:10px;padding-top:10px}.comparison-accounts{top:227px;left:16px;right:auto;display:flex;flex-direction:column;gap:14px}.comparison-accounts .water-account{width:160px}.comparison-accounts .account-b{margin-left:calc(100vw - 198px);margin-top:85px}.comparison-choice{bottom:244px;font-size:8px;padding:4px 5px 4px 10px;gap:4px}.comparison-choice>span{font-size:8px;margin-right:2px}.comparison-choice button{font-size:9px;padding:7px 10px}[data-mode=compare] .director-question-triggers{bottom:208px}.cutaway-caption{top:379px;right:14px;gap:6px;font-size:8px}.cutaway-caption i{height:35px}.director-reflection{left:24px;right:24px;top:15%;width:auto;max-width:none}.director-reflection .kicker{font-size:8px}.director-reflection h1{font-size:37px;line-height:1.32;margin:17px 0 22px}.director-evidence{padding:13px 0;margin-bottom:22px;max-width:100%}.evidence-title{font-size:8px;letter-spacing:1px}.director-evidence>p:not(.evidence-title){font-size:10px;gap:11px;line-height:1.95;margin:9px 0}.director-evidence>p>span{font-size:15px}.reflection-question{font-size:18px;line-height:1.7;margin-bottom:16px!important}.director-reflection .director-primary{width:100%;font-size:16px!important;min-height:50px;padding:14px 22px}.director-reflection .director-text{display:block;text-align:center;margin:8px 0 0;font-size:10px!important;width:100%}.reflection-note{bottom:24px;left:24px;right:24px;font-size:8px;line-height:1.7}.director-announcement{top:48%;max-width:calc(100vw - 55px);width:max-content;padding:11px 15px;font-size:10px;line-height:1.8;letter-spacing:.3px}.director-failure h1{font-size:28px}.director-failure>p{padding:0 25px}.is-director .consult{top:85px;left:10px;right:10px;bottom:12px;width:auto}}
@media(max-height:650px) and (min-width:601px){.director-prologue{top:18%}.director-prologue h1{font-size:50px;margin:12px 0 18px}.director-prologue .director-primary{margin-top:20px;min-height:47px;font-size:15px!important;padding:12px 20px}.prologue-description{font-size:12px}.director-scene-title{top:89px}.director-scene-title h1{font-size:28px}.single-account{top:173px}.explorer-task{bottom:75px}.explorer-task>.kicker{font-size:8px}.hypothesis{padding:10px 13px}.director-call{bottom:91px}.director-command-dock{bottom:59px}.director-question-triggers{bottom:158px}.director-question{top:191px;padding:17px;width:280px}.director-question h3{font-size:18px;margin:9px 0}.director-question>p:not(.kicker){font-size:11px}.comparison-accounts{top:175px}.comparison-choice{bottom:168px}.comparison-accounts .water-account{width:220px}.director-reflection{top:14%}.director-reflection h1{font-size:34px;margin:13px 0 16px}.director-evidence{padding:8px 0;margin-bottom:14px}.director-evidence>p:not(.evidence-title){font-size:9px;margin:5px 0}.reflection-question{font-size:16px}.director-reflection .director-primary{min-height:43px}.director-state-line{bottom:17px}}
@media(prefers-reduced-motion:reduce){.director-transition-copy{animation:none;opacity:1}.director-ui *{transition:none!important;animation:none!important}}

/* V0.6: a director's stage, with compact evidence and a visible score of decisions. */
.director-role-sequence{position:absolute;left:20px;right:20px;bottom:16%;height:74px;text-align:center;pointer-events:none;color:#fff0ce;text-shadow:0 2px 25px #071d29}
.director-role{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:19px;opacity:0;animation:directorRole 1.9s both;animation-delay:var(--role-delay)}
.director-role>span{font:14px/1.5 'PingFang SC',sans-serif;letter-spacing:4px;color:#eed8ae}.director-role>i{font:25px/1 Georgia,serif;color:#d6c6a78c;font-style:normal}.director-role>p{font:29px/1.5 'Songti SC','STSong',serif;letter-spacing:4px}.director-role>small{position:absolute;left:0;right:0;top:66px;font-size:9px;letter-spacing:2px;color:#d5d8c7}
@keyframes directorRole{0%{opacity:0;transform:translateY(9px)}16%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-7px)}}
.director-stage-cue{position:absolute;left:4%;top:245px;width:min(440px,48vw);pointer-events:none;padding:0 0 0 19px;border-left:1px solid #e9d5a67d;text-shadow:0 2px 16px #0a283d}
.director-stage-cue[hidden]{display:none}.stage-cue-copy{animation:stageCueIn .35s ease-out both}.stage-cue-copy>p{display:flex;align-items:center;gap:12px;margin-bottom:11px}.stage-cue-copy b{font-size:10px;font-weight:500;letter-spacing:1.5px;color:#f0d4a0}.stage-cue-copy>p>span{font-size:8px;letter-spacing:1px;color:#c6d3ce}.stage-cue-copy>strong{display:block;font:20px/1.65 'Songti SC','STSong',serif;letter-spacing:.7px;color:#f1eddb}.stage-cue-progress{display:flex;gap:5px;margin-top:14px}.stage-cue-progress>i{width:22px;height:2px;background:#d6decb28;transition:background .3s}.stage-cue-progress>i.seen{background:#e9ce99}
@keyframes stageCueIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.director-score-and-controls{flex:1;max-width:790px;min-width:0}.director-score{list-style:none;margin:0 0 7px;padding:0 9px;display:flex;gap:16px;align-items:center;height:25px}.director-score>li{flex:1;display:flex;gap:8px;align-items:center;color:#becdc8;position:relative}.director-score>li:not(:last-child):after{content:'';height:1px;background:#c3cdbb26;flex:1;margin-left:7px}.director-score>li>span{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;border:1px solid #c3cdbb38;border-radius:50%;font:9px Georgia,serif;color:#bac8c3}.director-score strong{font-weight:400;font-size:10px;letter-spacing:1px}.director-score small{font-size:7px;letter-spacing:.6px;color:#b0c0b48c}.director-score .completed>span{border-color:#e2c38d;background:#e2c38d18;color:#efdba8}.director-score .completed strong,.director-score .completed small{color:#e5d4ab}.director-controls{box-shadow:0 10px 32px #071e342c;max-width:none}.director-command{position:relative}.director-command.completed:not(.active):after{content:'';position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#dcc597;box-shadow:0 0 0 3px #dcc5970c}.director-conclude{align-self:flex-end;min-height:86px}
.director-question-triggers{bottom:233px}.comparison-choice{left:auto;right:4%;bottom:233px;transform:none}.comparison-choice>span{font-size:9px}[data-mode=compare] .director-question-triggers{bottom:233px}.director-question{max-height:calc(100% - 450px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.water-account{background:linear-gradient(105deg,#143645bd,#193b4485);border:0;border-left:1px solid #dbd3b75c;border-radius:0;box-shadow:none;backdrop-filter:blur(8px)}.account-b{border-top:0;border-left-color:#9bcab0}.water-amount>b{font-size:32px;color:#e8d5aa}.water-amount em i{color:#d6e2d5}.water-stack{opacity:.66;height:2px}.account-note{opacity:.82}.account-heading{letter-spacing:.25px}
.director-reflection{top:92px;left:3.8%;width:570px;max-width:57vw;max-height:calc(100dvh - 112px);padding:21px 34px 18px 25px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2c2994d transparent;pointer-events:auto;background:linear-gradient(100deg,#112e39ef 0%,#112e39dc 72%,#112e390e 100%);border-left:1px solid #d8c2927a;box-shadow:-18px 22px 50px #061c2940;backdrop-filter:blur(7px)}.director-reflection h1{font-size:clamp(36px,3.5vw,50px);margin:13px 0 22px}.director-journal{border-top:1px solid #dccc9d4d;padding-top:13px;margin-bottom:18px}.journal-heading{display:flex;align-items:center;justify-content:space-between;color:#ebd5a5;margin-bottom:11px}.journal-heading>span{font:21px 'Songti SC','STSong',serif;letter-spacing:3px}.journal-heading>small{font-size:8px;letter-spacing:1px;color:#b4c3b8}.journal-trail{list-style:none;margin:0;padding:0}.journal-trail>li{position:relative;display:flex;gap:12px;align-items:baseline;min-height:27px;padding:3px 0;color:#dadfce;font-size:10px;line-height:1.7}.journal-trail time{width:28px;flex-shrink:0;font:italic 12px Georgia,serif;color:#dfc591}.journal-trail>li>span{flex:1}.journal-trail i{font-size:9px;font-style:normal;color:#d8c8997d}.director-evidence{margin-bottom:10px;padding:12px 0;border-bottom:0}.evidence-title{font-size:9px;letter-spacing:1px;color:#e1d3b7;margin-bottom:12px!important}.director-evidence>p:not(.evidence-title){font-size:10px;line-height:1.8;margin:8px 0}.director-evidence>p>span{font-size:14px}.journal-next-scene{position:static;padding:8px 0 2px;background:none;z-index:1}.reflection-question{font-size:18px;line-height:1.7;margin-bottom:13px!important}.director-reflection .director-primary{font-size:16px!important;min-height:49px;padding:12px 22px}.director-reflection .director-text{font-size:10px!important}.director-reflection .reflection-note{position:static;font-size:8px;line-height:1.7;color:#b4c2b49c;padding:8px 0 6px;letter-spacing:.2px}
@media(min-width:801px){[data-frozen=true] .director-scene-title{max-width:700px}[data-frozen=true] .director-scene-title h1{font-size:clamp(27px,2.6vw,39px)}.director-conclude{margin-top:32px}.single-account{top:229px}.comparison-accounts{top:238px}}
@media(min-width:601px) and (max-width:1100px){.director-score{gap:8px;padding:0 5px}.director-score small{display:none}.director-score strong{font-size:9px}.director-score>li{gap:6px}.director-score>li:not(:last-child):after{margin-left:2px}.director-conclude{min-height:76px}.director-question-triggers,[data-mode=compare] .director-question-triggers{bottom:217px}.comparison-choice{bottom:217px}.director-question-triggers button{font-size:8px;padding:8px 10px}.comparison-choice{font-size:8px;padding:5px}.comparison-choice>span{display:none}.comparison-choice button{font-size:9px;padding:8px 10px}.director-stage-cue{top:250px;max-width:40vw}.stage-cue-copy>strong{font-size:18px}.director-reflection{max-width:65vw}}
@media(max-width:600px){
  .director-role-sequence{bottom:18%;left:16px;right:16px;height:50px}.director-role{gap:12px}.director-role>span{font-size:11px;letter-spacing:2px}.director-role>i{font-size:20px}.director-role>p{font-size:20px;letter-spacing:1.5px}.director-role>small{top:47px;font-size:8px;letter-spacing:1px}
  .director-scene-title{top:107px}.director-scene-title h1{font-size:23px;line-height:1.45;max-width:340px}[data-frozen=true] .director-scene-title h1{font-size:23px;max-width:320px}.scene-instruction{font-size:8px;line-height:1.75;max-width:335px}
  .director-stage-cue{top:358px;left:18px;right:62px;width:auto;max-width:none;padding:10px 12px 10px 13px;background:linear-gradient(90deg,#15333eea,#173744a8);border-left-color:#e1c591;border-radius:0 3px 3px 0;backdrop-filter:blur(7px)}.stage-cue-copy>p{gap:8px;margin-bottom:6px}.stage-cue-copy b{font-size:9px;letter-spacing:.5px}.stage-cue-copy>p>span{font-size:7px;letter-spacing:.5px}.stage-cue-copy>strong{font-size:15px;line-height:1.65;letter-spacing:.2px}.stage-cue-progress{margin-top:9px;gap:4px}.stage-cue-progress>i{width:17px}
  .single-account{top:229px;left:18px;width:157px}.water-account{padding:9px 11px;background:linear-gradient(90deg,#153440c9,#173b4394)}.water-amount>b{font-size:26px}.water-amount{margin-top:6px}.account-note{font-size:7px}.comparison-accounts{top:235px;left:18px;right:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison-accounts .water-account{width:auto;min-width:0}.comparison-accounts .account-b{margin:0}.comparison-accounts .account-heading{min-height:29px;font-size:8px}.comparison-accounts .water-amount{gap:4px}.comparison-accounts .water-amount>b{font-size:25px;min-width:41px}.comparison-accounts .water-amount>span{font-size:6px}.comparison-accounts .water-amount em{font-size:7px}.comparison-accounts .water-amount em i{font-size:15px}.comparison-accounts .account-note{font-size:6px}.director-view-tools{top:363px;right:14px}
  .director-command-dock{left:12px;right:12px;bottom:62px}.director-score-and-controls{max-width:none}.director-score{height:22px;margin-bottom:5px;padding:0 7px;gap:8px}.director-score>li{gap:5px}.director-score>li>span{width:16px;height:16px;font-size:8px}.director-score>li:not(:last-child):after{margin-left:0}.director-score strong{font-size:8px;letter-spacing:.2px}.director-score small{display:none}.director-controls{padding:4px;gap:3px}.director-command{padding:7px 4px;grid-template-rows:24px 20px}.director-command strong{font-size:10px}.director-command.completed:not(.active):after{width:3px;height:3px;right:7px;top:7px}.director-conclude{margin-top:7px;min-height:38px;padding:9px 12px}.director-question-triggers,[data-mode=compare] .director-question-triggers{bottom:247px;left:15px;right:15px;gap:7px}.director-question-triggers button{font-size:8px;padding:8px 9px;min-height:32px}.comparison-choice{bottom:291px;left:50%;right:auto;transform:translateX(-50%);padding:5px 7px;gap:5px}.comparison-choice>span{display:block;font-size:8px}.comparison-choice button{padding:8px 10px;font-size:9px}.director-question{top:353px;left:18px;right:62px;width:auto;max-width:none;max-height:calc(100dvh - 644px);min-height:135px;padding:17px}.director-question h3{font-size:18px;line-height:1.5}.director-question>p:not(.kicker){font-size:10px;line-height:1.8}.question-evidence{font-size:8px;line-height:1.7}.cutaway-caption{top:384px;font-size:7px;right:59px;pointer-events:none}.director-announcement{top:46%;font-size:10px;max-width:calc(100vw - 75px)}
  .director-reflection{left:18px;right:18px;top:101px;width:auto;max-width:none;max-height:calc(100dvh - 116px);padding:18px 18px 12px;background:linear-gradient(105deg,#112e39f2,#112e39d8);border-left-color:#d8c29266}.director-reflection h1{font-size:35px;line-height:1.3;margin:12px 0 19px}.director-reflection .kicker{font-size:8px}.director-journal{padding-top:11px;margin-bottom:10px}.journal-heading{margin-bottom:8px}.journal-heading>span{font-size:19px;letter-spacing:2px}.journal-heading>small{font-size:7px;letter-spacing:.4px}.journal-trail>li{font-size:9px;min-height:25px;gap:9px}.journal-trail time{width:25px;font-size:11px}.director-evidence{padding-top:9px;margin-bottom:5px}.evidence-title{font-size:8px;line-height:1.8;margin-bottom:9px!important;letter-spacing:.5px}.director-evidence>p:not(.evidence-title){font-size:9px;line-height:1.8;gap:9px;margin:7px 0}.director-evidence>p>span{font-size:13px}.journal-next-scene{position:sticky;bottom:-1px;padding:14px 0 4px;background:linear-gradient(transparent,#112e39f5 21%,#112e39 100%)}.reflection-question{font-size:16px;line-height:1.7;margin-bottom:11px!important}.director-reflection .director-primary{width:100%;font-size:15px!important;min-height:48px;padding:12px 18px}.director-reflection .director-text{display:block;margin:3px 0 0;padding:10px 0;font-size:9px!important}.director-reflection .reflection-note{font-size:7px;padding:7px 0;line-height:1.7}
}
@media(max-height:700px) and (min-width:601px){.director-stage-cue{top:210px}.director-scene-title h1{font-size:28px}.director-score{height:19px;margin-bottom:4px}.director-question-triggers,[data-mode=compare] .director-question-triggers,.comparison-choice{bottom:193px}.director-question{top:193px;max-height:calc(100dvh - 402px)}.director-reflection{top:90px;max-height:calc(100dvh - 110px)}.director-reflection h1{font-size:33px;margin:9px 0 13px}.director-journal{margin-bottom:9px}.journal-trail>li{font-size:9px;min-height:23px}.director-evidence{padding:8px 0;margin-bottom:7px}.director-evidence>p:not(.evidence-title){font-size:9px}.journal-next-scene{padding-top:9px}.reflection-question{font-size:16px}.director-conclude{min-height:70px}}
@media(prefers-reduced-motion:reduce){.director-role{animation:none!important;opacity:0}.director-role:last-child{opacity:1}.stage-cue-copy{animation:none!important}.director-score *{transition:none!important}}

/* V0.7 — cinematic classroom direction language. The world remains the dominant surface. */
.director-cinema-frame{position:absolute;inset:99px 22px 19px;z-index:2;pointer-events:none;opacity:.6;transition:opacity .8s}
.director-cinema-frame>i{position:absolute;width:24px;height:24px;border-color:#efe0b85c;border-style:solid}
.director-cinema-frame>i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.director-cinema-frame>i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.director-cinema-frame>i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.director-cinema-frame>i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
[data-mode=entering] .director-cinema-frame,[data-mode=returning] .director-cinema-frame{opacity:0}
.is-director .site-header{height:84px;padding:0 3.2%;background:linear-gradient(180deg,#07151bd9 0%,#07151b82 45%,transparent 100%);text-shadow:0 2px 16px #06131b}
.is-director .brand{font-size:17px;letter-spacing:5px}.is-director .brand-mark{font-size:21px}.is-director .brand small{font-size:6px;letter-spacing:2.2px;opacity:.72}
.is-director .main-nav{gap:25px}.is-director .main-nav button{font-size:10px;letter-spacing:1.2px;color:#dedbcf}.is-director #header-count{background:transparent;border:0;color:#dfc995}
.director-vignette{background:radial-gradient(circle at 68% 45%,transparent 0%,transparent 28%,#071a2447 70%,#06151ec7 100%),linear-gradient(90deg,#06141dd9 0%,#071821b8 24%,transparent 58%),linear-gradient(0deg,#06151de8 0%,transparent 23%)}
[data-mode=explore] .director-vignette,[data-mode=director] .director-vignette,[data-mode=compare] .director-vignette{background:linear-gradient(180deg,#06141e8f 0%,transparent 25%,transparent 65%,#06131ddd 100%),linear-gradient(90deg,#0717208f 0%,transparent 30%,transparent 72%,#07172052 100%)}
[data-mode=reflection] .director-vignette{background:linear-gradient(90deg,#06151ef2 0%,#0a2029df 42%,#071820aa 68%,#06141ca8 100%),linear-gradient(0deg,#06141ded,transparent 40%)}

/* Opening frame: typography follows the photographic negative space. */
.director-prologue{left:31.5%;top:18%;max-width:650px}
.director-prologue>.kicker{font-size:9px;letter-spacing:2.8px;color:#d7d3c5}.prologue-scene{display:block;margin-top:28px;font:italic 10px/1 Georgia,serif;letter-spacing:3px;color:#d9c18d}
.director-prologue h1{font-size:clamp(58px,6.7vw,102px);line-height:1.08;letter-spacing:1px;margin:16px 0 28px;text-wrap:balance;text-shadow:0 3px 35px #020b10b8}
.director-prologue h1>span{color:#f1ede2}.director-prologue h1 em{color:#e3c081}
.prologue-description{font:15px/2.05 'Songti SC','STSong',serif;letter-spacing:1.2px;color:#eeeadb;text-shadow:0 2px 16px #030b0f}
.director-primary{border-radius:0;background:#e4c584;border-color:#f0d49a;color:#102934;box-shadow:0 14px 40px #020b1252;letter-spacing:1.2px}
.director-primary:hover{background:#f1d79e;transform:translateY(-1px)}
.director-prologue .director-primary{margin-top:34px;min-width:226px}.prologue-invitation{margin-top:12px!important;font-size:9px;letter-spacing:1px;color:#c9d0ca}
.drop-invitation{left:72%;top:64%;color:#efd6a0;text-shadow:0 2px 16px #031119}.drop-invitation p{font-size:12px;letter-spacing:3px}.drop-invitation small{font-size:8px;letter-spacing:1.6px;color:#d0d4cd}.drop-orbit{height:54px;background:linear-gradient(transparent,#e7c985);position:relative}.drop-orbit:after{content:'';position:absolute;left:-4px;bottom:-4px;width:9px;height:9px;border:1px solid #ecd79f;border-radius:50%;box-shadow:0 0 0 7px #e8ca8e12,0 0 22px #efd4988f}
.director-prologue-foot{left:6.1%;right:3.2%;bottom:31px;padding-top:10px;border-top:1px solid #e5d5ad21;font-size:8px;letter-spacing:2.5px;color:#d2d4c69c}

/* Scene heading behaves like a film slate instead of a webpage hero. */
.director-scene-title{left:5.2%;top:110px;max-width:720px}.scene-meta{display:flex;align-items:center;gap:11px;color:#d8d6c8}.scene-meta>span{font:italic 10px/1 Georgia,serif;letter-spacing:2.6px;color:#e1c98f}.scene-meta>i{display:block;width:42px;height:1px;background:#dac99a70}.scene-meta>b{font-size:9px;font-weight:400;letter-spacing:2px;color:#d7dbd1}
.director-scene-title h1{font-size:clamp(31px,3.2vw,49px);line-height:1.24;letter-spacing:.7px;margin:14px 0 8px;color:#f4edda;text-shadow:0 3px 24px #03141ccc}
.scene-instruction{font-size:9px;letter-spacing:1.4px;color:#d7ded4bd;text-shadow:0 2px 12px #071b24}
.director-view-tools{right:4.5%;top:111px;gap:1px;padding:3px;border-top:1px solid #d9d3bc3b;border-bottom:1px solid #d9d3bc24;background:#07182057;backdrop-filter:blur(8px)}
.director-view-tools button{width:57px;min-height:49px;padding:5px 3px;display:flex;flex-direction:column;justify-content:center;gap:2px;border:0;border-right:1px solid #d8d4c01e;border-radius:0;background:transparent;color:#e6e1d3;backdrop-filter:none}.director-view-tools button:last-child{border-right:0}.director-view-tools button:hover{background:#d8c48e18}.director-view-tools button>b{font:16px/1 Georgia,serif;font-weight:400}.director-view-tools button>span{font-size:7px;letter-spacing:1px;color:#c7cec7}

/* Student hypotheses enter as a live classroom choice, not floating cards. */
.explorer-task{left:5.2%;bottom:70px;width:440px;max-width:47vw}.explorer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:7px;padding-bottom:9px;border-bottom:1px solid #e2d7b648}.explorer-heading .kicker{font:italic 8px/1 Georgia,serif;letter-spacing:2px;color:#e2c98e}.explorer-heading>strong{font:11px/1.5 'Songti SC','STSong',serif;font-weight:400;letter-spacing:.7px;color:#e9e4d5;text-align:right}
.hypothesis{position:relative;display:grid;grid-template-columns:35px 1fr auto;gap:13px;align-items:center;margin:0;width:100%;min-height:62px;padding:10px 5px;border:0;border-bottom:1px solid #d8d7c832;border-radius:0;background:linear-gradient(90deg,#071820c7 0%,#0c242a9e 72%,transparent 100%);box-shadow:none;backdrop-filter:blur(5px);overflow:hidden}
.hypothesis:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#d7c28b;transform:scaleY(0);transition:transform .28s}.hypothesis:hover,.hypothesis.selected{background:linear-gradient(90deg,#102b32e8 0%,#18383aba 72%,transparent 100%)}.hypothesis:hover:before,.hypothesis.selected:before{transform:scaleY(1)}
.hypothesis-index{font:italic 17px/1 Georgia,serif;color:#d9c18b;text-align:center}.hypothesis-copy{min-width:0}.hypothesis strong{font:13px/1.4 'Songti SC','STSong',serif;font-weight:400;letter-spacing:.6px;color:#f0ead9}.hypothesis small{font-size:8px;line-height:1.6;letter-spacing:.5px;color:#bfc9c2;margin-top:3px}.hypothesis>i{font-size:8px;letter-spacing:1px;color:#ddca9d;padding:6px 7px;border-bottom:1px solid #d9c58a6b}.explorer-feedback{min-height:28px;padding:9px 0 0;font-size:9px;line-height:1.6;letter-spacing:.5px;color:#c7d1ca}
.director-call{right:5.2%;bottom:82px;gap:14px}.director-call>span{font-size:16px;line-height:1.75;letter-spacing:.6px;color:#efe9d9;text-shadow:0 2px 16px #04131c}.director-call>span>small{display:block;margin-bottom:7px;font:italic 8px/1 Georgia,serif;letter-spacing:2.4px;color:#dbc58f}.director-call .director-primary{min-width:215px;min-height:50px;font-size:15px!important}

/* Data reads as a field instrument mounted at the edge of the scene. */
.single-account{right:4.5%;top:194px;width:248px}.water-account{position:relative;padding:15px 8px 13px 23px;border:0;border-left:1px solid #dfcb956e;border-radius:0;background:linear-gradient(90deg,#071a23c7 0%,#0a202887 72%,transparent 100%);box-shadow:none;backdrop-filter:blur(5px);color:#e9e6db}
.water-account:before,.water-account:after{content:'';position:absolute;left:-1px;width:15px;height:1px;background:#dfcb9591}.water-account:before{top:0}.water-account:after{bottom:0}.monitor-rail{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#d6c18d;font:italic 7px/1 Georgia,serif;letter-spacing:2px}.monitor-rail>i{display:block;flex:1;height:1px;background:#d9ca9c25}
.account-heading{font-size:9px;letter-spacing:.7px;color:#d9ded5}.account-heading small{font-size:7px;letter-spacing:1px;color:#aebcb8}.water-amount{display:grid;grid-template-columns:auto auto 1fr auto;align-items:end;gap:5px;margin-top:11px}.water-amount>.metric-name{grid-column:1/-1;font-size:7px;letter-spacing:1.3px;color:#aebcb9}.water-amount>b{font:italic 42px/.9 Georgia,serif;color:#f0d08d;min-width:0}.water-amount>small{font-size:7px;color:#b8c4bf;padding-bottom:4px}.water-amount>em{display:flex;align-items:flex-end;gap:8px;margin-left:auto;font-size:7px;color:#b6c3be}.water-amount>em>span{padding-bottom:3px}.water-amount em i{font:italic 22px/.9 Georgia,serif;color:#d9e2dc;margin:0}.water-stack{height:2px;margin-top:13px;background:#cfdbd113}.account-note{display:flex;gap:14px;margin-top:8px!important;font-size:7px;letter-spacing:.7px;color:#b7c5be}.account-note b{color:#d9ddd3}

/* Temporary stage direction appears like a subtitle and then leaves the world. */
.director-stage-cue{left:50%;top:49%;width:min(760px,74vw);padding:0;transform:translate(-50%,-50%);text-align:center;border:0;text-shadow:0 3px 24px #020b10,0 1px 5px #020b10}
.stage-cue-copy{padding:27px 35px 25px;background:radial-gradient(ellipse at center,#06171ebd 0%,#06171e7d 45%,transparent 74%)}.stage-cue-copy>p{justify-content:center;margin-bottom:12px}.cue-live{display:block;width:5px;height:5px;border-radius:50%;background:#d7bd82;box-shadow:0 0 0 5px #d7bd8217,0 0 15px #e4ca8c}.stage-cue-copy b{font-size:9px;letter-spacing:2.6px;color:#efd89f}.stage-cue-copy>p>span{padding-left:10px;border-left:1px solid #d6c28d57;font-size:7px;letter-spacing:1.8px;color:#cbd3cc}.stage-cue-copy>strong{font-size:clamp(22px,2.5vw,35px);line-height:1.55;letter-spacing:1.2px;color:#fff5db}.stage-cue-progress{justify-content:center;margin-top:16px}.stage-cue-progress>i{width:31px;height:1px;background:#d9ddcf2e}.stage-cue-progress>i.seen{background:#e2c78a}

/* The director console is one physical control surface. */
.director-command-dock{left:5%;right:5%;bottom:48px;gap:7px;align-items:stretch;max-width:1180px;margin:auto}
.director-score-and-controls{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:24px 70px;flex:1;max-width:none;min-width:0;border-top:1px solid #d8c48d77;border-bottom:1px solid #cfd2c22b;background:linear-gradient(90deg,#06171ef2,#0c242bea 65%,#071b23e8);box-shadow:0 20px 45px #020a10a3;backdrop-filter:blur(12px)}
.director-take{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:12px 17px;border-right:1px solid #d2caa635;background:linear-gradient(135deg,#d9c17e19,transparent)}.director-take>span{font:italic 7px/1 Georgia,serif;letter-spacing:1.8px;color:#d6bd80}.director-take>strong{margin-top:8px;font:16px/1.2 'Songti SC','STSong',serif;font-weight:400;letter-spacing:1px;color:#eee6d4}.director-take>em{margin-top:8px;font-size:7px;font-style:normal;letter-spacing:1px;color:#aebdb6}
.director-score{grid-column:2;grid-row:1;display:flex;height:24px;margin:0;padding:0 10px;border-bottom:1px solid #d0d6c51a;gap:0}.director-score>li{justify-content:center;gap:6px;color:#9fafaa}.director-score>li:not(:last-child):after{height:1px;margin-left:10px;background:#d1d7c71e}.director-score>li>span{width:auto;height:auto;border:0;border-radius:0;font:italic 7px Georgia,serif;color:#899d99}.director-score strong{font-size:7px;font-weight:400;letter-spacing:1.1px}.director-score small{display:none}.director-score .completed>span{border:0;background:transparent;color:#e4c886}.director-score .completed strong{color:#d9d4c4}
.director-controls{grid-column:2;grid-row:2;display:flex;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.director-command{min-width:0;grid-template-columns:33px minmax(0,1fr);grid-template-rows:24px 18px;padding:12px 16px;border:0;border-right:1px solid #d0d5c520;border-radius:0;background:linear-gradient(180deg,#ffffff05,transparent);color:#e6e1d2;transition:background .2s,color .2s}.director-command:last-child{border-right:0}.director-command>span{font-size:20px;color:#d7c18b}.director-command:nth-child(3)>span{font:italic 10px/1 Georgia,serif;letter-spacing:.5px}.director-command strong{font-size:11px;font-weight:500;letter-spacing:.7px}.director-command small{font-size:7px;letter-spacing:.2px;color:#9fafa9}.director-command:hover:not(.active){background:#d7c38b12}.director-command.active{background:linear-gradient(180deg,#e6ce93,#cdb371);border-color:transparent;color:#102a34}.director-command.active>span{color:#173945}.director-command.active small{color:#3c5960}.director-command.completed:not(.active):after{right:9px;top:9px;width:3px;height:3px;background:#dcc17e}
.director-conclude{width:156px;min-height:auto!important;margin:0!important;padding:12px 15px;border:1px solid #d9c48a66;border-radius:0;background:linear-gradient(145deg,#162c30f2,#091a20f2);font-size:12px!important;line-height:1.45;letter-spacing:.7px;color:#e8dcc0;justify-content:space-between}.director-conclude>small{display:block;font:italic 6px/1 Georgia,serif;letter-spacing:1.5px;color:#bba875}.director-conclude>span{font-size:17px}.director-conclude:hover{background:#233c40}
.director-state-line{left:5%;right:5%;bottom:18px;font-size:8px;letter-spacing:.8px;color:#b9c6c0}.director-state-line>b{font:italic 7px/1 Georgia,serif;letter-spacing:1.5px;color:#ddc585}.director-state-line button{min-height:0!important;height:auto;font-size:7px;line-height:1.2;letter-spacing:1px;color:#b9c5bf}.status-dot{width:4px;height:4px;box-shadow:0 0 0 4px #b8d4ca10}.status-dot:not(.frozen){animation:directorLive 1.8s ease-in-out infinite}.status-dot.frozen{box-shadow:0 0 0 4px #f2d39b12}
@keyframes directorLive{50%{box-shadow:0 0 0 7px #b8d4ca00}}

/* Co-director prompts stay subordinate to the scene. */
.director-question-triggers,[data-mode=compare] .director-question-triggers{left:5%;bottom:158px;display:flex;align-items:center;gap:0;background:linear-gradient(90deg,#061820b8,transparent);border-left:1px solid #d5c18b5c;padding:7px 12px}.director-question-triggers>span{font:italic 7px/1 Georgia,serif;letter-spacing:1.5px;color:#d3bb7e;margin-right:12px}.director-question-triggers button{padding:4px 11px;border:0;border-left:1px solid #c9d2c42e;border-radius:0;background:transparent;backdrop-filter:none;color:#d4dcd2;font-size:8px;letter-spacing:.4px}.director-question-triggers button:hover{background:#d7c48c14;color:#f0e8d4}
.director-question{left:auto;right:5%;top:218px;width:354px;padding:25px 28px 24px;border:0;border-left:1px solid #dec78c9c;border-radius:0;background:linear-gradient(90deg,#071921f5,#0b232bea);color:#e8e3d4;box-shadow:0 16px 50px #020b11a1;backdrop-filter:blur(14px)}.director-question .kicker{display:flex;align-items:center;gap:10px;color:#d7c185}.director-question .kicker>span{font:italic 8px/1 Georgia,serif;letter-spacing:1.8px}.director-question .kicker>b{font:7px/1.4 'PingFang SC',sans-serif;font-weight:400;letter-spacing:1px;margin:0;padding:3px 6px;border:1px solid #d0bd8961;color:#d7cfb6}.director-question h3{font-size:24px;line-height:1.55;margin:17px 0 12px;color:#f2ead7}.director-question>p:not(.kicker){font-size:11px;line-height:1.9;color:#c4cec6}.question-evidence{margin-top:17px;padding-top:12px;border-top:1px solid #cbd5c52b;font-size:8px;letter-spacing:.4px;color:#aebdb5}.quiet-close{right:13px;top:9px;color:#c9c8b7;font-size:17px}
.comparison-accounts{top:204px;left:5%;right:5%}.comparison-accounts .water-account{width:266px}.account-b{border-top:0;border-left-color:#9bcba4}.comparison-choice{left:auto;right:5%;bottom:158px;transform:none;padding:5px;border:0;border-left:1px solid #b9cba952;border-radius:0;background:#071b23c9;backdrop-filter:blur(10px);font-size:8px}.comparison-choice>span{font:italic 7px Georgia,serif;letter-spacing:1.4px;margin:0 7px}.comparison-choice button{border-radius:0;padding:7px 10px;font-size:8px;letter-spacing:.5px}.comparison-choice button.active{background:#d3c493;color:#17323a}
.cutaway-caption{right:5%;top:385px;font-size:8px;letter-spacing:1.4px}.cutaway-caption i{height:54px;background:linear-gradient(#dfc889,#73bcc7)}

/* Final frame reads like a director's wrap sheet over the returned classroom. */
.director-reflection{inset:112px 5% 38px;top:112px;left:5%;right:5%;width:auto;max-width:none;max-height:none;padding:0;display:grid;grid-template-columns:minmax(330px,.85fr) minmax(390px,1fr);gap:clamp(48px,7vw,110px);overflow:hidden;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.reflection-lead,.reflection-outcome{min-width:0}.reflection-lead{display:flex;flex-direction:column;border-top:1px solid #dec99061;padding-top:16px}.reflection-outcome{display:flex;flex-direction:column;border-top:1px solid #cbd3c53d;padding-top:16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d2c2994d transparent}
.director-reflection .kicker{font:italic 8px/1 Georgia,serif;letter-spacing:2.2px;color:#d7c188}.director-reflection h1{font-size:clamp(43px,4.5vw,69px);line-height:1.16;letter-spacing:.5px;margin:20px 0 28px;text-shadow:0 3px 24px #020a0f}.director-reflection h1 em{color:#e2c483}
.director-journal{margin:0;padding:15px 0 0;border-top:1px solid #d4d5c52a}.journal-heading{margin-bottom:13px}.journal-heading>span{font-size:18px;letter-spacing:2px}.journal-heading>small{font-size:7px;letter-spacing:1.2px;color:#aebcb5}.journal-trail>li{min-height:30px;padding:4px 0;font-size:9px;line-height:1.7;border-bottom:1px solid #cbd3c515}.journal-trail time{width:33px;font-size:11px;color:#dec384}.journal-trail i{color:#d8c68b}
.director-evidence{padding:0 0 16px;margin:0 0 18px;border:0;border-bottom:1px solid #ced6c72b}.evidence-title{margin:0 0 17px!important;font:italic 8px/1 Georgia,serif;letter-spacing:1.8px;color:#d7c186}.director-evidence>p:not(.evidence-title){margin:9px 0;font-size:10px;line-height:1.75;color:#d9ddd2}.director-evidence>p>span{font-size:14px;color:#dec488}
.journal-next-scene{margin-top:auto;padding:0;background:transparent}.reflection-question{font-size:clamp(21px,2.2vw,31px);line-height:1.55;margin:0 0 18px!important;color:#f0e6ce}.director-reflection .director-primary{min-height:52px;font-size:15px!important}.director-reflection .director-text{margin-left:15px;font-size:8px!important;color:#c0c8c0}.director-reflection .reflection-note{position:static;margin-top:13px!important;padding:0;font-size:7px;line-height:1.7;letter-spacing:.5px;color:#aeb9b1}

@media(min-width:601px) and (max-width:1100px){
  .director-prologue{left:5%;max-width:580px}.director-prologue h1{font-size:clamp(56px,7vw,78px)}
  .explorer-task{width:390px}.director-call{right:5%}
  .director-score-and-controls{grid-template-columns:120px minmax(0,1fr)}.director-take{padding:10px}.director-take>strong{font-size:13px}.director-take>em{font-size:6px}.director-command{padding:10px 9px;grid-template-columns:25px minmax(0,1fr)}.director-command>span{font-size:17px}.director-command strong{font-size:9px}.director-command small{font-size:6px}.director-conclude{width:125px;padding:10px;font-size:10px!important}
  .director-question-triggers,[data-mode=compare] .director-question-triggers,.comparison-choice{bottom:154px}.director-question{right:5%;width:320px}
  .director-reflection{grid-template-columns:minmax(280px,.85fr) minmax(340px,1fr);gap:45px}.director-reflection h1{font-size:43px}.director-reflection .director-primary{font-size:13px!important}
}

@media(max-width:600px){
  .director-cinema-frame{inset:91px 10px 11px}.director-cinema-frame>i{width:15px;height:15px}
  .is-director .site-header{height:76px;padding:17px 17px 0}.is-director .brand{font-size:15px;letter-spacing:3px}.is-director .brand small{font-size:5px}.is-director .main-nav{gap:13px}.is-director .main-nav button{font-size:9px}.is-director .main-nav button[data-action=sound]{top:74px;right:17px}
  .director-vignette{background:linear-gradient(90deg,#06141dc7,transparent 92%),linear-gradient(0deg,#06131ff2 0%,#071722b8 29%,transparent 66%),radial-gradient(circle at 69% 36%,transparent,#06151e7a 78%)}
  [data-mode=explore] .director-vignette,[data-mode=director] .director-vignette,[data-mode=compare] .director-vignette{background:linear-gradient(180deg,#06141fc7 0%,transparent 28%,transparent 56%,#06131ff2 100%),linear-gradient(90deg,#07172088,transparent 76%)}
  .director-prologue{left:24px;right:24px;top:15%;max-width:none}.director-prologue>.kicker{font-size:7px;letter-spacing:1.5px}.prologue-scene{margin-top:22px;font-size:7px;letter-spacing:2px}.director-prologue h1{font-size:clamp(48px,14.6vw,63px);line-height:1.12;letter-spacing:0;margin:12px 0 18px}.prologue-description{font-size:11px;line-height:1.9;letter-spacing:.5px;max-width:300px}.director-prologue .director-primary{position:fixed;left:24px;right:24px;bottom:92px;width:calc(100% - 48px);min-height:52px;margin:0;font-size:15px!important}.prologue-invitation{position:fixed;left:24px;right:24px;bottom:68px;font-size:7px;text-align:center}.drop-invitation{left:72%;top:58%}.drop-invitation p{font-size:9px;letter-spacing:2px}.drop-invitation small{font-size:6px;letter-spacing:1px}.drop-orbit{height:37px;margin-bottom:12px}.director-prologue-foot{left:24px;right:24px;bottom:24px;font-size:6px;letter-spacing:1.3px}.director-prologue-foot span:last-child{display:none}
  .director-role-sequence{bottom:16%}.director-role>p{font-size:19px}.director-transition-copy{top:74%}.director-transition-copy p{font-size:20px}
  .director-scene-title{left:18px;right:18px;top:100px;max-width:none}.scene-meta{gap:8px}.scene-meta>span{font-size:7px;letter-spacing:1.7px}.scene-meta>i{width:24px}.scene-meta>b{font-size:7px;letter-spacing:1px}.director-scene-title h1{font-size:25px;line-height:1.32;margin:9px 0 5px;max-width:330px}.scene-instruction{font-size:7px;line-height:1.6;letter-spacing:.5px;max-width:315px}
  .director-view-tools{right:13px;top:208px;display:flex;flex-direction:column;padding:2px}.director-view-tools button{width:38px;height:38px;min-height:38px;border:0;border-bottom:1px solid #d8d4c01e}.director-view-tools button:last-child{border-bottom:0}.director-view-tools button>b{font-size:14px}.director-view-tools button>span{display:none}
  .single-account{top:205px;left:18px;right:auto;width:161px}.water-account{padding:11px 5px 10px 15px;background:linear-gradient(90deg,#071a23dc,#0a20289c 72%,transparent)}.monitor-rail{margin-bottom:7px;font-size:6px}.account-heading{display:block;font-size:7px}.account-heading small{display:block;margin-top:3px;font-size:6px}.water-amount{margin-top:8px;gap:3px}.water-amount>.metric-name{font-size:6px}.water-amount>b{font-size:29px}.water-amount>small{font-size:6px}.water-amount>em{gap:4px;font-size:6px}.water-amount em i{font-size:16px}.account-note{gap:8px;font-size:6px}
  .explorer-task{left:18px;right:18px;bottom:126px;width:auto;max-width:none}.explorer-heading{align-items:center;margin-bottom:3px;padding-bottom:7px}.explorer-heading .kicker{font-size:6px;letter-spacing:1.2px}.explorer-heading>strong{font-size:8px;max-width:180px}.hypothesis{grid-template-columns:27px 1fr auto;min-height:54px;padding:7px 3px;gap:8px}.hypothesis-index{font-size:14px}.hypothesis strong{font-size:11px}.hypothesis small{font-size:7px}.hypothesis>i{font-size:6px;padding:5px}.explorer-feedback{padding-top:7px;min-height:24px;font-size:7px}.director-call{left:18px;right:18px;bottom:63px;display:block}.director-call>span{display:none}.director-call .director-primary{width:100%;min-width:0;min-height:45px;font-size:14px!important}
  .director-stage-cue{left:50%;right:auto;top:47%;width:calc(100% - 42px);max-width:none;padding:0;background:transparent;transform:translate(-50%,-50%)}.stage-cue-copy{padding:23px 10px}.stage-cue-copy>p{gap:8px;margin-bottom:9px}.stage-cue-copy b{font-size:8px;letter-spacing:1.3px}.stage-cue-copy>p>span{font-size:6px;letter-spacing:.8px}.stage-cue-copy>strong{font-size:20px;line-height:1.55}.stage-cue-progress{margin-top:12px}
  .director-command-dock{left:10px;right:10px;bottom:47px;display:flex;gap:4px}.director-score-and-controls{display:grid;grid-template-columns:1fr;grid-template-rows:18px 64px;min-width:0}.director-take{display:none}.director-score{grid-column:1;grid-row:1;height:18px;padding:0 5px}.director-score>li{gap:4px}.director-score>li>span{font-size:6px}.director-score strong{font-size:6px;letter-spacing:.4px}.director-controls{grid-column:1;grid-row:2}.director-command{display:grid;grid-template-columns:1fr;grid-template-rows:25px 17px;justify-items:center;text-align:center;gap:0;padding:7px 3px}.director-command>span{grid-row:auto;font-size:17px}.director-command:nth-child(3)>span{font-size:8px}.director-command strong{font-size:9px;letter-spacing:0}.director-command small{display:none}.director-conclude{width:69px;padding:7px 5px;font-size:8px!important;line-height:1.35;display:flex;flex-direction:column;justify-content:center;text-align:center}.director-conclude>small{font-size:5px}.director-conclude>span{display:none}
  .director-state-line{left:17px;right:17px;bottom:18px;min-height:12px;font-size:6px;gap:5px;white-space:nowrap}.director-state-line>b{font-size:6px}.director-state-line button{height:14px;font-size:6px;letter-spacing:.3px;padding:0}
  .director-question-triggers,[data-mode=compare] .director-question-triggers{left:16px;right:16px;bottom:145px;padding:5px 6px;overflow-x:auto;white-space:nowrap}.director-question-triggers>span{font-size:6px;margin-right:5px}.director-question-triggers button{font-size:6px;padding:4px 6px}
  .director-question{left:18px;right:18px;top:230px;width:auto;max-width:none;max-height:43vh;min-height:0;padding:20px 21px}.director-question .kicker>span{font-size:7px}.director-question h3{font-size:20px;margin:14px 0 9px}.director-question>p:not(.kicker){font-size:9px}.question-evidence{font-size:7px}
  .comparison-accounts{top:205px;left:18px;right:18px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.comparison-accounts .water-account{width:auto}.comparison-accounts .account-b{margin:0}.comparison-accounts .account-heading{min-height:24px}.comparison-accounts .water-amount>b{font-size:26px}.comparison-accounts .water-amount>em{display:none}.comparison-accounts .account-note{font-size:5px}.comparison-choice{left:50%;right:auto;bottom:145px;transform:translateX(-50%);font-size:6px}.comparison-choice>span{font-size:6px}.comparison-choice button{font-size:7px;padding:6px 8px}.cutaway-caption{top:359px;right:55px;font-size:6px}
  [data-mode=reflection] .director-vignette{background:linear-gradient(180deg,#06151ef4 0%,#071a22ec 70%,#06141cf4 100%)}.director-reflection{inset:94px 18px 16px;top:94px;left:18px;right:18px;display:block;max-height:calc(100dvh - 109px);overflow-y:auto;padding:0;background:transparent}.reflection-lead,.reflection-outcome{border-top-color:#dec9904f;padding-top:12px}.reflection-outcome{overflow:visible;margin-top:17px}.director-reflection .kicker{font-size:6px;letter-spacing:1.4px}.director-reflection h1{font-size:37px;line-height:1.16;margin:13px 0 18px}.director-journal{padding-top:10px}.journal-heading{margin-bottom:8px}.journal-heading>span{font-size:15px}.journal-heading>small{font-size:6px}.journal-trail>li{min-height:24px;font-size:8px;gap:8px}.journal-trail time{width:26px;font-size:9px}.director-evidence{padding-bottom:11px;margin-bottom:15px}.evidence-title{font-size:6px;line-height:1.6;margin-bottom:10px!important}.director-evidence>p:not(.evidence-title){font-size:8px;line-height:1.65;margin:6px 0}.director-evidence>p>span{font-size:11px}.journal-next-scene{position:static;padding:0}.reflection-question{font-size:18px;line-height:1.5;margin-bottom:12px!important}.director-reflection .director-primary{width:100%;min-height:47px;font-size:13px!important}.director-reflection .director-text{display:block;width:100%;margin:2px 0 0;text-align:center;font-size:7px!important}.director-reflection .reflection-note{font-size:6px;padding-bottom:12px}
}

@media(max-height:700px) and (min-width:601px){
  .director-prologue{top:15%}.director-prologue h1{font-size:55px;margin:10px 0 14px}.prologue-scene{margin-top:14px}.prologue-description{font-size:11px}.director-prologue .director-primary{margin-top:18px;min-height:45px}
  .director-scene-title{top:91px}.director-scene-title h1{font-size:30px}.single-account{top:173px}.explorer-task{bottom:63px}.hypothesis{min-height:52px}.director-call{bottom:73px}.director-view-tools{top:93px}.director-command-dock{bottom:39px}.director-score-and-controls{grid-template-rows:19px 59px}.director-controls{grid-row:2}.director-command{padding:7px 12px}.director-conclude{height:79px}.director-state-line{bottom:12px}.director-question-triggers,[data-mode=compare] .director-question-triggers,.comparison-choice{bottom:127px}.director-question{top:174px;max-height:calc(100dvh - 320px)}.comparison-accounts{top:178px}.director-reflection{top:91px;bottom:27px}.director-reflection h1{font-size:38px;margin:11px 0 15px}.journal-trail>li{min-height:23px}.director-evidence>p:not(.evidence-title){margin:6px 0}.reflection-question{font-size:21px}
}

@media(prefers-reduced-motion:reduce){.status-dot:not(.frozen){animation:none}.hypothesis:before{transition:none}}

/* V0.7 arrival silence — let the city land before the lesson interface enters. */
.director-arrival-line{position:absolute;left:50%;top:52%;width:min(720px,86vw);transform:translate(-50%,-50%);visibility:hidden;opacity:0;text-align:center;font:400 clamp(22px,2.8vw,38px)/1.5 'Songti SC','STSong',serif;letter-spacing:4px;color:#fff0cf;text-shadow:0 3px 28px #01080ddd,0 1px 5px #01080d;pointer-events:none}
[data-mode=explore][data-arrival=silence] .director-arrival-line{visibility:visible;animation:arrivalWhisper 1.6s ease both}
@keyframes arrivalWhisper{0%,8%{opacity:0;transform:translate(-50%,calc(-50% + 9px))}22%,70%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,calc(-50% - 5px))}}
[data-mode=explore] .director-scene-title,[data-mode=explore] .director-view-tools,[data-mode=explore] .single-account,[data-mode=explore] .explorer-task,[data-mode=explore] .director-call,[data-mode=explore] .director-state-line{transition:opacity .62s ease,transform .72s cubic-bezier(.22,.72,.18,1),visibility 0s}
[data-mode=explore][data-arrival=silence] .director-scene-title{opacity:0;visibility:hidden;transform:translateY(10px)}
[data-mode=explore][data-arrival=silence] .director-view-tools,[data-mode=explore][data-arrival=title] .director-view-tools{opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none}
[data-mode=explore][data-arrival=silence] .single-account,[data-mode=explore][data-arrival=title] .single-account{opacity:0;visibility:hidden;transform:translateX(10px)}
[data-mode=explore][data-arrival=silence] .explorer-task,[data-mode=explore][data-arrival=title] .explorer-task,[data-mode=explore][data-arrival=monitor] .explorer-task{opacity:0;visibility:hidden;transform:translateY(15px);pointer-events:none}
[data-mode=explore]:not([data-arrival=complete]) .director-call,[data-mode=explore]:not([data-arrival=complete]) .director-state-line{opacity:0;visibility:hidden;transform:translateY(11px);pointer-events:none}
[data-mode=explore][data-arrival=silence] .director-cinema-frame,[data-mode=explore][data-arrival=title] .director-cinema-frame{opacity:0}
[data-mode=explore][data-arrival=silence] .director-vignette{opacity:.25}
.is-director[data-director-arrival=silence] .site-header,.is-director[data-director-arrival=title] .site-header,.is-director[data-director-arrival=monitor] .site-header{opacity:0;pointer-events:none}.is-director[data-director-arrival=proposal] .site-header{opacity:.48}

/* Exploration overlays keep contrast at their type, with less opaque surface area. */
.hypothesis{background:linear-gradient(90deg,#0618208f 0%,#0c252b61 72%,transparent 100%);backdrop-filter:blur(3px)}
.hypothesis:hover,.hypothesis.selected{background:linear-gradient(90deg,#102a31b3 0%,#18373973 72%,transparent 100%)}
.water-account{background:linear-gradient(90deg,#071a239d 0%,#0a20285c 72%,transparent 100%);backdrop-filter:blur(3px)}
.director-view-tools{background:#0718203d;backdrop-filter:blur(5px)}

@media(max-width:600px){
  .director-arrival-line{top:49%;font-size:24px;line-height:1.55;letter-spacing:2px}
  .hypothesis{background:linear-gradient(90deg,#061820a8 0%,#0c252b6e 76%,transparent 100%)}
  .hypothesis:hover,.hypothesis.selected{background:linear-gradient(90deg,#102a31c2 0%,#18373982 76%,transparent 100%)}
  .water-account{background:linear-gradient(90deg,#071a23ba,#0a20287a 76%,transparent)}
}

@media(prefers-reduced-motion:reduce){.director-arrival-line{animation:none!important}.is-director .site-header{transition:none!important}}