:root{color:#10263f;background:#eaf5f6;font-family:Inter,ui-rounded,SF Pro Rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}body{min-width:320px}.stage-shell,.startup-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(18px,4vw,48px);overflow:hidden;position:relative;background:radial-gradient(circle at 12% 16%,rgb(255 203 93 / 45%),transparent 24%),radial-gradient(circle at 89% 86%,rgb(70 184 176 / 32%),transparent 30%),linear-gradient(145deg,#edf9f7,#f9f5e8 55%,#e9f2ff)}.stage-shell:before,.stage-shell:after{content:"";position:absolute;width:260px;aspect-ratio:1;border:1px solid rgb(21 53 92 / 12%);border-radius:50%;pointer-events:none}.stage-shell:before{left:-120px;top:-110px}.stage-shell:after{bottom:-150px;right:-90px;width:340px}.language-card,.stage-card,.placeholder-card{width:min(100%,900px);position:relative;z-index:1;border:1px solid rgb(255 255 255 / 82%);border-radius:32px;background:#ffffffd1;box-shadow:0 30px 80px #1c415324;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.language-card{max-width:780px;padding:clamp(32px,7vw,72px);text-align:center}.brand-lockup{display:inline-flex;align-items:center;gap:10px;color:#15355c;font-size:.9rem;font-weight:900;letter-spacing:.18em}.brand-mark,.startup-logo{display:grid;place-items:center;width:40px;aspect-ratio:1;border-radius:14px;color:#fff;background:#15355c;box-shadow:0 8px 22px #15355c40}.eyebrow,.prompt-kicker{margin:38px 0 10px;color:#27887f;font-size:.75rem;font-weight:900;letter-spacing:.18em}.language-heading{display:grid;gap:.12em;margin:0;font-size:clamp(1.6rem,4.8vw,3.15rem);line-height:1.12;letter-spacing:-.035em}.language-title-line{display:block;font-size:1em;font-weight:850}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.language-option{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px solid #d9e9e8;border-radius:22px;color:#15355c;background:#f8fcfb;cursor:pointer;transition:.16s ease}.language-option:hover,.language-option:focus-visible{border-color:#2b9a8e;outline:none;background:#effaf7;transform:translateY(-4px);box-shadow:0 12px 28px #2b9a8e26}.language-option span{font-size:1.25rem;font-weight:850}.language-option small,.language-note{color:#77899a}.language-note{display:grid;gap:4px;margin:26px 0 0;font-size:.9rem}.language-heading+.language-grid{margin-top:36px}.personal-info-card{width:min(100%,820px);min-height:min(650px,calc(100dvh - 48px));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;padding:clamp(28px,6vw,64px);border:1px solid rgb(255 255 255 / 82%);border-radius:32px;background:#ffffffdb;box-shadow:0 30px 80px #1c415324;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.personal-info-back{position:absolute;top:clamp(22px,4vw,34px);left:clamp(24px,5vw,44px)}.personal-admin-switch{width:34px;height:18px;position:absolute;top:clamp(22px,4vw,34px);right:clamp(24px,5vw,44px);padding:2px;border:0;border-radius:999px;opacity:0;background:#718496;cursor:pointer;transition:opacity .16s ease,background .16s ease}.personal-admin-switch span{width:14px;height:14px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 4px #10263f3d;transition:transform .16s ease}.personal-admin-switch.active{background:#27887f}.personal-admin-switch.active span{transform:translate(16px)}.personal-admin-switch:hover,.personal-admin-switch:focus-visible{outline:2px solid rgb(43 154 142 / 38%);outline-offset:3px;opacity:.82}@media(hover:none),(pointer:coarse){.personal-admin-switch{opacity:.18}.personal-admin-switch:active,.personal-admin-switch:focus-visible{opacity:.82}}.personal-info-card>.eyebrow{margin:28px 0 10px;text-align:center}.personal-info-card>h1{margin:0;color:#15355c;font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;text-align:center}.personal-info-description{max-width:600px;margin:18px auto 32px;color:#64778a;font-size:1rem;line-height:1.6;text-align:center}.personal-info-form{width:min(100%,650px);margin:0 auto}.personal-contact-fields{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(240px,1fr);gap:14px}.personal-field{display:grid;gap:8px;color:#536b7f;font-size:.78rem;font-weight:850;letter-spacing:.05em}.personal-field input,.personal-field select{width:100%;min-height:62px;padding:0 18px;border:2px solid #d9e7e7;border-radius:18px;outline:none;color:#15355c;background:#fbfdfd;font-size:1rem;font-weight:750;letter-spacing:normal;transition:.16s ease}.personal-field input:focus,.personal-field select:focus{border-color:#2b9a8e;box-shadow:0 0 0 5px #2b9a8e1f}.personal-field input:disabled{cursor:not-allowed;opacity:.58}.personal-field input:read-only{color:#6b7f8f;background:#eef4f4}.personal-info-form>.personal-field{max-width:430px;margin:0 auto}.personal-info-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:26px}.admin-dialog-backdrop{display:grid;place-items:center;position:fixed;z-index:200;inset:0;padding:20px;background:#10263f6b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.admin-dialog{width:min(100%,460px);padding:clamp(24px,5vw,38px);border:1px solid rgb(255 255 255 / 82%);border-radius:26px;background:#fff;box-shadow:0 30px 90px #10263f47}.admin-dialog form{display:grid;gap:18px}.admin-dialog h2{margin:0 0 4px;color:#15355c;font-size:clamp(1.45rem,4vw,2rem)}.admin-keep-login{display:inline-flex;align-items:center;justify-self:start;gap:10px;color:#334f6e;font-size:.92rem;font-weight:700;cursor:pointer}.admin-keep-login input{width:18px;height:18px;margin:0;accent-color:#177b62}.admin-dialog-error{min-height:22px;margin:0;color:#b84935;font-size:.86rem;font-weight:750}.admin-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.admin-dialog-actions .text-button{justify-self:auto}.stage-card{min-height:min(760px,calc(100dvh - 48px));display:grid;grid-template-rows:auto 1fr auto auto;padding:clamp(20px,4vw,42px)}.stage-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;color:#62758a;font-size:.86rem;font-weight:750}.stage-name{color:#15355c;text-transform:uppercase;letter-spacing:.12em}.text-button,.replay-button{justify-self:start;padding:8px 0;border:0;color:#62758a;background:transparent;cursor:pointer}.text-button:hover,.replay-button:hover{color:#27887f}.prompt-area{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,7vh,70px) 4% 26px;text-align:center}.narration-row{display:flex;align-items:center;justify-content:center;gap:10px}.replay-button{justify-self:center;font-size:.84rem}.sound-indicator{height:24px;display:flex;align-items:center;gap:3px}.sound-indicator i{width:3px;height:7px;border-radius:4px;background:#2b9a8e}.sound-indicator.playing i{animation:sound-wave .7s ease-in-out infinite alternate}.sound-indicator.playing i:nth-child(2){animation-delay:-.5s}.sound-indicator.playing i:nth-child(3){animation-delay:-.25s}.sound-indicator.playing i:nth-child(4){animation-delay:-.65s}@keyframes sound-wave{to{height:22px}}.prompt-kicker{margin-top:24px}.prompt-area h1{max-width:760px;margin:0 auto;font-size:clamp(1.9rem,4.8vw,3.4rem);line-height:1.14;letter-spacing:-.035em}.response-area{width:min(100%,620px);min-height:150px;margin:0 auto}.response-area h2{margin:0 0 14px;font-size:.85rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.mission-preview{width:144px;aspect-ratio:1;display:grid;place-items:center;margin:0 auto;position:relative}.avatar-core{width:82px;aspect-ratio:1;display:grid;place-items:center;z-index:2;border-radius:28px;color:#fff;background:#15355c;font-size:2.5rem;font-weight:900;box-shadow:0 18px 35px #15355c40}.mission-orbit{position:absolute;inset:8px;border:2px dashed rgb(43 154 142 / 45%);border-radius:50%;animation:orbit 18s linear infinite}.orbit-two{inset:24px 0;border-color:#ffb83e8c;animation-direction:reverse}@keyframes orbit{to{transform:rotate(360deg)}}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-card{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid #dfeaea;border-radius:24px;color:#15355c;background:#f8fbfb;font-size:1.15rem;font-weight:850;cursor:pointer;transition:.16s ease}.choice-card:hover,.choice-card:focus-visible,.choice-card.selected{border-color:#2b9a8e;outline:none;background:#e9f8f4;transform:translateY(-2px)}.choice-card.selected{box-shadow:inset 0 0 0 2px #2b9a8e}.choice-icon{width:52px;aspect-ratio:1;display:grid;place-items:center;border-radius:18px;color:#fff;background:#15355c;font-size:1.55rem}.field-wrap{display:block;position:relative}.field-wrap input{width:100%;min-height:82px;padding:0 64px 0 24px;border:2px solid #d9e7e7;border-radius:22px;outline:none;color:#15355c;background:#fbfdfd;font-size:clamp(1.15rem,3vw,1.55rem);font-weight:760;transition:.16s ease}.field-wrap input:focus{border-color:#2b9a8e;box-shadow:0 0 0 5px #2b9a8e1f}.number-field{max-width:320px;margin:0 auto}.number-field input{padding:0 24px;text-align:center}.number-field-hint{display:block;margin-top:10px;color:#62758a;font-size:.86rem;font-weight:700;line-height:1.4;text-align:center}.field-count{position:absolute;right:22px;top:50%;color:#8191a0;font-size:.8rem;transform:translateY(-50%)}.profile-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.profile-summary div{padding:14px 18px;border:1px solid #dfebea;border-radius:16px;background:#f7fbfa}.profile-summary dt{margin-bottom:4px;color:#718496;font-size:.75rem;font-weight:800;text-transform:uppercase}.profile-summary dd{margin:0;overflow:hidden;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.stage-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding-top:24px}.message-slot{min-height:24px;color:#b84935;font-size:.88rem;font-weight:700}.primary-button{min-height:54px;padding:0 28px;border:0;border-radius:18px;color:#fff;background:#15355c;font-weight:850;cursor:pointer;box-shadow:0 12px 26px #15355c38;transition:.16s ease}.primary-button:hover:not(:disabled),.primary-button:focus-visible:not(:disabled){outline:none;background:#214d7f;transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.65}.confirm-button{background:#27887f}.startup-screen{align-content:center;gap:18px;color:#15355c;text-align:center}.startup-logo{width:68px;margin:0 auto;border-radius:22px;font-size:2rem;font-weight:900}.loading-ring{width:34px;aspect-ratio:1;margin:8px auto 0;border:4px solid rgb(21 53 92 / 14%);border-top-color:#2b9a8e;border-radius:50%;animation:orbit .8s linear infinite}.asset-loading-screen{gap:1rem}.asset-loading-progress{width:min(19rem,70vw);height:.45rem;overflow:hidden;border-radius:999px;background:#10263f24}.asset-loading-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b6ca8,#38a38b);transition:width .18s ease-out}.placeholder-card{max-width:620px;padding:64px;text-align:center}.placeholder-number{width:110px;aspect-ratio:1;display:grid;place-items:center;margin:26px auto 18px;border-radius:34px;color:#fff;background:#15355c;font-size:2.5rem;font-weight:900}.placeholder-card h1{margin:0;font-size:2.5rem}.placeholder-card p:last-child{color:#64778a;line-height:1.7}.sr-only{width:1px;height:1px;padding:0;margin:-1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.stage-shell{padding:10px}.language-card,.stage-card,.personal-info-card{border-radius:24px}.language-grid{grid-template-columns:1fr}.language-option{min-height:86px}.personal-info-card{min-height:calc(100dvh - 20px);padding:72px 20px 24px}.personal-contact-fields,.personal-info-footer{grid-template-columns:1fr}.personal-info-footer .primary-button{width:100%}.stage-card{min-height:calc(100dvh - 20px);padding:20px}.stage-header{grid-template-columns:1fr 1fr}.stage-name{display:none}.prompt-area{padding-inline:0}.choice-card{min-height:112px}.profile-summary,.stage-footer{grid-template-columns:1fr}.primary-button{width:100%}.placeholder-card{padding:36px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stage-one-shell{padding:clamp(12px,2.5vw,34px);overflow:visible;overflow-anchor:none}.stage-one-card{width:min(100%,1120px);min-height:min(780px,calc(100dvh - 48px));display:grid;grid-template-rows:auto 1fr;position:relative;z-index:1;overflow:hidden;border:1px solid rgb(255 255 255 / 86%);border-radius:32px;background:#ffffffe0;box-shadow:0 30px 90px #1c415329;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.stage-one-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(24px,4vw,48px);border-bottom:1px solid #e5eeee}.stage-one-header .eyebrow{margin:0 0 4px}.stage-one-label{color:#15355c;font-size:.86rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.stage-one-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(32px,6vw,74px);padding:clamp(34px,6vw,72px)}.stage-one-copy h1,.stage-one-section-heading h1,.stage-one-final h1{margin:0;color:#15355c;font-size:clamp(2rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.045em}.stage-one-copy>p{margin:18px 0 0;color:#536b7c;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.72}.stage-one-copy>p:first-of-type{color:#27887f;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:900}.stage-one-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px}.stage-one-actions.centered{justify-content:center}.stage-one-replay{display:inline-flex;align-items:center;gap:10px;padding:8px 0;border:0;color:#62758a;background:transparent;cursor:pointer}.stage-one-replay:hover,.stage-one-replay:focus-visible{color:#27887f;outline:none}.mr-wong-portrait{width:100%;max-width:390px;justify-self:center;margin:0;position:relative;overflow:hidden;border:10px solid white;border-radius:32px;background:#dceceb;box-shadow:0 28px 60px #15355c2e;transform:rotate(1.5deg)}.mr-wong-portrait:before{content:"";position:absolute;inset:14px;z-index:1;border:1px solid rgb(255 255 255 / 70%);border-radius:20px;pointer-events:none}.mr-wong-portrait img{width:100%;height:clamp(350px,55vh,510px);display:block;object-fit:cover}.mr-wong-portrait figcaption{padding:16px 20px;color:#15355c;background:#fff;font-size:.83rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.stage-one-film,.stage-one-question{display:flex;flex-direction:column;padding:clamp(28px,4vw,54px) clamp(24px,6vw,72px)}.stage-one-section-heading{width:min(100%,900px);margin:0 auto 28px;text-align:center}.stage-one-section-heading .prompt-kicker{margin:0 0 10px}.stage-one-section-heading>p:last-child{margin:14px 0 0;color:#64778a}.film-frame{width:min(100%,900px);aspect-ratio:16 / 9;display:grid;place-items:center;margin:0 auto;position:relative;overflow:hidden;border:8px solid white;border-radius:28px;background:radial-gradient(circle at 50% 45%,#36536c,#0f2132 62%),#0f2132;box-shadow:0 24px 55px #15355c38}.film-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#07111b}.film-play-button{display:inline-flex;align-items:center;gap:14px;padding:18px 26px;position:absolute;border:1px solid rgb(255 255 255 / 25%);border-radius:20px;color:#fff;background:#15355ce0;box-shadow:0 14px 35px #00000047;font-weight:900;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.film-play-button span{width:44px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#15355c;background:#ffcb5d}.film-play-button:hover,.film-play-button:focus-visible{outline:none;transform:translateY(-2px)}.film-finished-message{max-width:430px;display:flex;align-items:center;gap:14px;padding:18px 22px;position:absolute;border-radius:20px;color:#fff;background:#15355ce5;font-weight:800;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.film-finished-message span{width:38px;aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#15355c;background:#8fe0c5}.stage-one-film-footer,.stage-one-question-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:26px}.film-continue-control{position:relative;display:inline-flex}.film-continue-control.waiting{cursor:not-allowed}.film-continue-control.waiting .film-continue-button{color:#f5f7f8;background:#9ba6ae;box-shadow:none;cursor:not-allowed;opacity:1}.film-continue-control.waiting:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 10px);z-index:5;width:max-content;max-width:min(280px,75vw);padding:9px 12px;border-radius:10px;color:#fff;background:#202a33f0;font-size:.82rem;font-weight:700;line-height:1.35;text-align:center;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.film-continue-control.waiting:hover:after,.film-continue-control.waiting:focus-within:after{opacity:1;transform:translateY(0)}.question-number{margin:0 0 12px;color:#27887f;font-size:.85rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.stage-one-question .stage-one-section-heading h1{max-width:880px;margin-inline:auto;font-size:clamp(1.8rem,4vw,3.35rem)}.stage-one-question .stage-one-replay{margin-top:14px}.live-transcript{width:min(100%,830px);min-height:150px;margin:0 auto;padding:clamp(22px,4vw,34px);overflow-wrap:anywhere;border:2px solid #dce9e8;border-radius:24px;color:#15355c;background:#f8fcfb;font-family:inherit;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:760;line-height:1.55;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.live-transcript:focus{border-color:#27887f;outline:none;box-shadow:0 0 0 5px #27887f1c}.live-transcript::placeholder{color:#93a2ad;font-weight:600}.live-transcript:read-only{resize:none}.live-transcript.recording{border-color:#df695e;box-shadow:0 0 0 6px #df695e1a}.transcript-placeholder{color:#93a2ad;font-weight:600}.transcript-cursor{width:3px;height:1em;display:inline-block;margin-left:5px;vertical-align:-.08em;background:#df695e;animation:transcript-blink .9s steps(1) infinite}@keyframes transcript-blink{50%{opacity:0}}.recording-controls{display:grid;justify-items:center;margin-top:24px;text-align:center}.hold-to-talk-button{min-width:min(100%,410px);min-height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 22px;border:0;border-radius:26px;color:#fff;background:#27887f;box-shadow:0 16px 35px #27887f42;font-weight:900;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.hold-to-talk-button:hover:not(:disabled),.hold-to-talk-button:focus-visible:not(:disabled){outline:none;transform:translateY(-2px);box-shadow:0 20px 40px #27887f52}.hold-to-talk-button:active,.hold-to-talk-button.connecting,.hold-to-talk-button.recording{transform:translateY(1px) scale(.985)}.hold-to-talk-button.connecting{background:#cf8a24}.hold-to-talk-button.recording{background:#d55349;box-shadow:0 0 0 9px #d553491f}.hold-to-talk-button.finishing{background:#627b96}.hold-to-talk-button:disabled{cursor:wait;opacity:.72}.hold-to-talk-button strong{font-variant-numeric:tabular-nums;font-size:.82rem}.record-dot{width:18px;aspect-ratio:1;border:4px solid rgb(255 255 255 / 45%);border-radius:50%;background:#fff}.recording .record-dot{animation:record-pulse .9s ease-in-out infinite alternate}@keyframes record-pulse{to{transform:scale(1.35);opacity:.7}}.recording-hint,.answer-ready,.recording-error{margin:12px 0 0;color:#718496;font-size:.88rem}.recording-hint kbd{min-width:28px;display:inline-grid;place-items:center;margin:0 3px;padding:3px 8px;border:1px solid #cbd8da;border-bottom-width:3px;border-radius:7px;color:#15355c;background:#fff;font:800 .9rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.answer-ready{color:#27887f;font-weight:800}.recording-error{color:#b84935;font-weight:750}.stage-one-final{max-width:900px;display:grid;place-content:center;justify-items:center;margin:0 auto;padding:clamp(42px,8vw,90px);text-align:center}.stage-one-final h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.32}.case-complete-mark{width:94px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:20px;border-radius:30px;color:#fff;background:linear-gradient(145deg,#2b9a8e,#206e78);box-shadow:0 20px 40px #2b9a8e42;font-size:2.8rem;font-weight:900;transform:rotate(-4deg)}@media(max-width:760px){.stage-one-shell{padding:8px}.stage-one-card{min-height:calc(100dvh - 16px);border-radius:24px}.stage-one-header{padding:18px 20px}.stage-one-label{font-size:.72rem}.stage-one-intro{grid-template-columns:1fr;padding:28px 22px 34px}.mr-wong-portrait{width:min(82%,360px);grid-row:1;margin:0 auto}.mr-wong-portrait img{height:auto;aspect-ratio:4 / 5}.stage-one-actions{align-items:stretch;flex-direction:column}.stage-one-film,.stage-one-question{padding:26px 18px}.film-frame{border-width:4px;border-radius:18px}.film-play-button{padding:12px 16px}.film-play-button span{width:34px}.film-finished-message{inset-inline:16px;font-size:.86rem}.stage-one-film-footer,.stage-one-question-footer{grid-template-columns:1fr}.stage-one-film-footer .primary-button,.stage-one-question-footer .primary-button,.film-continue-control{width:100%}.live-transcript{min-height:130px}.hold-to-talk-button{min-height:76px;border-radius:22px}.stage-one-final{padding:38px 22px}}.stage-six-shell{padding-bottom:max(68px,calc(58px + env(safe-area-inset-bottom)));background:radial-gradient(circle at 50% 18%,rgb(255 213 109 / 48%),transparent 28%),radial-gradient(circle at 14% 82%,rgb(74 190 178 / 34%),transparent 31%),radial-gradient(circle at 88% 76%,rgb(111 154 224 / 28%),transparent 29%),linear-gradient(145deg,#edf9f7,#fff7df 54%,#ebf3ff)}.stage-six-card{width:min(100%,1040px);position:relative;z-index:1;display:grid;justify-items:center;padding:clamp(38px,8vw,92px) clamp(24px,7vw,82px);overflow:hidden;border:1px solid rgb(255 255 255 / 88%);border-radius:clamp(26px,4vw,44px);background:#ffffffd1;box-shadow:0 34px 90px #24494e29;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.stage-six-card:before{content:"";width:min(72vw,680px);aspect-ratio:1;position:absolute;top:62%;left:50%;border-radius:50%;background:radial-gradient(circle,rgb(255 205 90 / 16%),transparent 68%);pointer-events:none;transform:translate(-50%,-50%)}.stage-six-celebration{z-index:1;display:flex;align-items:center;gap:clamp(14px,4vw,32px);margin-bottom:clamp(24px,5vw,42px);filter:drop-shadow(0 14px 18px rgb(50 78 78 / 16%))}.stage-six-celebration span{font-size:clamp(2rem,6vw,4.6rem)}.stage-six-celebration span:nth-child(2){font-size:clamp(4.8rem,13vw,8.5rem);animation:stage-six-arrive .65s cubic-bezier(.22,1,.36,1) both}.stage-six-card h1{z-index:1;max-width:900px;margin:0;color:#183b52;font-size:clamp(1.55rem,3.5vw,2.65rem);font-weight:850;line-height:1.42;letter-spacing:-.025em}.stage-six-replay{z-index:1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:clamp(28px,5vw,44px);padding:10px 20px;border:1px solid #bedbd6;border-radius:999px;color:#236e68;background:#f5fcfa;cursor:pointer;font-weight:800}.stage-six-replay:hover,.stage-six-replay:focus-visible{border-color:#27887f;outline:3px solid rgb(39 136 127 / 16%);outline-offset:3px;background:#edf9f6}.stage-six-replay:disabled{cursor:wait;opacity:.62}.stage-six-saving{z-index:1;margin:14px 0 0;color:#627168;font-size:.9rem;font-weight:750}.stage-six-save-error{z-index:1;display:grid;justify-items:center;gap:10px;margin-top:15px;color:#a03e35;font-size:.9rem;font-weight:750}.stage-six-save-error button{min-height:40px;padding:7px 17px;border:1px solid #c97065;border-radius:12px;color:#8e382f;background:#fff3f0;cursor:pointer;font-weight:850}@keyframes stage-six-arrive{0%{opacity:0;transform:translateY(18px) scale(.82) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@media(max-width:600px){.stage-six-shell{align-items:center;padding:14px 10px max(60px,calc(50px + env(safe-area-inset-bottom)))}.stage-six-card{padding:36px 20px 40px}.stage-six-card h1{font-size:clamp(1.35rem,6.2vw,1.85rem);line-height:1.48}}@media(prefers-reduced-motion:reduce){.stage-six-celebration span:nth-child(2){animation:none}}.stage-seven-shell{padding-bottom:max(58px,calc(48px + env(safe-area-inset-bottom)))}.stage-seven-content{position:absolute;z-index:1;inset:0}.stage-seven-mark{position:absolute;left:50%;top:50%;filter:drop-shadow(0 18px 22px rgb(30 108 80 / 20%));font-size:clamp(6rem,17vw,11rem);line-height:1;transform:translate(-50%,-50%);animation:stage-seven-complete .52s cubic-bezier(.22,1,.36,1) both}.stage-seven-restart{width:min(86vw,260px);min-height:0;display:flex;flex-direction:column;gap:3px;padding:13px 24px;position:absolute;left:50%;top:calc(50% + clamp(92px,13vw,135px));background:#27887f;transform:translate(-50%)}.stage-seven-restart span{font-size:clamp(.95rem,2.3vw,1.08rem);font-weight:850;line-height:1.25}.stage-seven-restart:hover:not(:disabled),.stage-seven-restart:focus-visible:not(:disabled){background:#1e746d;transform:translate(-50%) translateY(-2px)}@keyframes stage-seven-complete{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.stage-seven-mark{animation:none}}.site-records{max-width:calc(100vw - 12px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 14px;position:fixed;z-index:120;left:50%;bottom:max(4px,env(safe-area-inset-bottom));padding:2px 4px;color:#10263f8c;font-size:clamp(9px,.75vw,11px);line-height:1.2;pointer-events:none;transform:translate(-50%);transition:color 1.8s ease-out}body:has(.stage-five-blackout) .site-records{color:#fff;transition:none}body:has(.stage-four-shell.fading-out) .site-records{color:#fff;transition:color 1.8s ease-in-out}.site-record{display:inline-flex;align-items:center;gap:.35em;white-space:nowrap}.site-record img{width:1em;height:1em;flex:0 0 1em;object-fit:contain}.stage-shell,.startup-screen{padding-bottom:max(56px,calc(46px + env(safe-area-inset-bottom)))}.arrow-task-shell{padding:clamp(12px,2.5vw,34px);padding-bottom:max(56px,calc(46px + env(safe-area-inset-bottom)));overflow:hidden}.arrow-task-card{width:min(100%,1120px);min-height:min(780px,calc(100dvh - 70px));display:grid;grid-template-rows:auto 1fr;position:relative;z-index:1;overflow:hidden;border:1px solid rgb(255 255 255 / 86%);border-radius:32px;background:#ffffffe0;box-shadow:0 30px 80px #1c415324;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.arrow-task-heading{padding:clamp(24px,4vw,44px) clamp(24px,5vw,58px) 0}.arrow-task-heading .eyebrow{margin:0 0 10px}.arrow-task-heading h1{max-width:780px;margin:0;color:#15355c;font-size:clamp(2rem,5vw,4.4rem);line-height:1.08}.arrow-copy-screen,.arrow-final-screen{display:grid;align-content:center;gap:34px;padding:clamp(30px,6vw,72px) clamp(24px,8vw,100px)}.arrow-copy-body,.arrow-final-screen>p{max-width:860px;margin:0;color:#304f68;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:700;line-height:1.55}.arrow-copy-body p{margin:0 0 18px}.arrow-copy-body p:last-child{margin-bottom:0}.arrow-guide-screen{align-content:start;gap:clamp(18px,3vw,28px);overflow-y:auto;padding-top:clamp(22px,4vw,46px)}.arrow-guide-screen .arrow-copy-body{max-width:920px;font-size:clamp(1rem,1.65vw,1.35rem);line-height:1.45}.arrow-guide-screen .arrow-copy-body p{margin-bottom:10px}.arrow-guide-images{width:100%;max-width:920px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.5vw,24px)}.arrow-guide-figure{margin:0;padding:5px;border:4px solid transparent;border-radius:20px;background:#ffffff9e;transition:border-color .14s ease,box-shadow .14s ease}.arrow-guide-figure img{width:100%;height:auto;display:block;border-radius:12px}.arrow-guide-figure.is-highlighted{border-color:#e3262e;animation:arrow-guide-highlight .62s ease-in-out infinite alternate}@keyframes arrow-guide-highlight{0%{box-shadow:0 0 0 2px #e3262e33}to{box-shadow:0 0 0 5px #e3262e52,0 0 24px #e3262e85}}.arrow-copy-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.arrow-replay{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #cbdde5;border-radius:14px;color:#31576f;background:#ffffffb8;cursor:pointer;font-size:.88rem;font-weight:800}.arrow-replay span{color:#247d78;font-size:1.15rem}.arrow-ready-screen{display:grid;place-content:center;justify-items:center;gap:26px;padding:36px 24px 72px;text-align:center}.arrow-ready-screen>p{margin:0;color:#15355c;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:900;line-height:1.1}.arrow-ready-button{min-width:min(280px,72vw);min-height:88px;padding:18px 36px;border:0;border-radius:26px;color:#fff;background:linear-gradient(145deg,#2b9a8e,#206e78);box-shadow:0 12px #195961,0 20px 36px #206e783d;cursor:pointer;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:900}.arrow-ready-button:active{box-shadow:0 5px #195961;transform:translateY(7px)}.arrow-task-arena{min-height:min(780px,calc(100dvh - 70px));position:relative;grid-row:1 / -1;overflow:hidden;background:radial-gradient(circle at 50% 14%,rgb(255 255 255 / 88%),transparent 31%),linear-gradient(#dff4ff 0 72%,#d4efd9 72%);-webkit-user-select:none;user-select:none;touch-action:manipulation}.arrow-stimulus{width:clamp(92px,13vw,142px);height:clamp(92px,13vw,142px);display:grid;place-items:center;position:absolute;top:25%;left:25%;color:#112f49;font-family:Arial,sans-serif;font-size:clamp(92px,13vw,142px);font-weight:900;line-height:1;opacity:0;transform:translate(-50%,-50%)}.arrow-stimulus.position-right{left:75%}.arrow-stimulus.straight,.arrow-stimulus.target-left,.arrow-stimulus.target-right{opacity:1}.arrow-stimulus.straight{transform:translate(-50%,-50%)}.arrow-stimulus.target-left{transform:translate(-50%,-50%) rotate(45deg)}.arrow-stimulus.target-right{transform:translate(-50%,-50%) rotate(-45deg)}.arrow-fixation-cross{position:absolute;top:50%;left:50%;color:#112f49;font-family:Arial,sans-serif;font-size:clamp(4rem,8vw,6.5rem);font-weight:800;line-height:1;transform:translate(-50%,-50%)}.arrow-responses{display:flex;justify-content:space-between;gap:clamp(18px,8vw,120px);position:absolute;right:clamp(24px,7vw,88px);bottom:clamp(30px,7vh,66px);left:clamp(24px,7vw,88px)}.arrow-response{width:min(240px,39vw);min-height:96px;padding:18px 22px;border:0;border-radius:24px;color:#fff;background:#2878d1;box-shadow:0 12px #15589d,0 18px 30px #1f538033;cursor:pointer;font-size:clamp(1.15rem,2.6vw,1.65rem);font-weight:900;transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.arrow-response:focus,.arrow-response:focus-visible{outline:none}.arrow-response:active:not(:disabled),.arrow-response.pressed:not(:disabled){box-shadow:0 5px #15589d;transform:translateY(7px)}.arrow-response.correct{background:#23945f;box-shadow:0 12px #17643f,0 18px 30px #23945f38}.arrow-response.incorrect{background:#d64a45;box-shadow:0 12px #94312e,0 18px 30px #d64a4538}.arrow-response:disabled{cursor:default}.arrow-save-status{display:grid;place-items:center;gap:18px;position:absolute;z-index:2;inset:32% 20px auto;color:#304f68;text-align:center}.arrow-save-status p{margin:0;font-size:clamp(1.15rem,2.5vw,1.65rem);font-weight:800}.arrow-final-screen{justify-items:center;text-align:center}.arrow-final-screen>p{color:#15355c;font-size:clamp(1.75rem,4vw,3.2rem);font-weight:900;line-height:1.35}.arrow-final-screen .arrow-copy-actions{justify-content:center}@media(prefers-reduced-motion:reduce){.arrow-guide-figure.is-highlighted{animation:none;box-shadow:0 0 0 4px #e3262e47}}@media(max-width:760px){.arrow-task-shell{padding:8px 8px max(56px,calc(46px + env(safe-area-inset-bottom)))}.arrow-task-card,.arrow-task-arena{min-height:calc(100dvh - 64px);border-radius:24px}.arrow-task-heading{padding:28px 22px 0}.arrow-copy-screen,.arrow-final-screen{padding:30px 22px 42px}.arrow-guide-screen{padding-top:20px}.arrow-guide-figure{padding:3px;border-width:3px;border-radius:14px}.arrow-guide-figure img{border-radius:8px}.arrow-copy-actions{align-items:stretch;flex-direction:column}.arrow-copy-actions .primary-button,.arrow-replay{width:100%;justify-content:center}.arrow-ready-screen{padding-bottom:54px}.arrow-responses{right:18px;bottom:40px;left:18px;gap:18px}.arrow-response{width:calc(50% - 9px);min-height:82px;padding:14px 10px;border-radius:20px}}.animal-span-shell{padding:clamp(10px,2vw,28px);padding-bottom:max(56px,calc(46px + env(safe-area-inset-bottom)));overflow:hidden;background:radial-gradient(circle at 14% 10%,rgb(255 255 255 / 72%),transparent 24%),linear-gradient(145deg,#daf2e4,#f6f1d9 62%,#f9e5c7)}.animal-span-card{width:min(100%,1120px);min-height:min(800px,calc(100dvh - 60px));display:grid;grid-template-rows:auto 1fr;position:relative;z-index:1;overflow:hidden;border:1px solid rgb(255 255 255 / 88%);border-radius:32px;background:#fffdf5e8;box-shadow:0 28px 78px #345c432b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.animal-span-heading{padding:clamp(24px,4vw,44px) clamp(24px,5vw,58px) 0}.animal-span-heading .eyebrow{margin:0 0 10px;color:#287a55}.animal-span-heading h1{max-width:820px;margin:0;color:#263c32;font-size:clamp(2rem,5vw,4.3rem);line-height:1.08}.animal-story-screen,.animal-final-screen{display:grid;align-content:center;justify-items:start;gap:clamp(22px,4vw,36px);padding:clamp(30px,6vw,72px) clamp(24px,8vw,100px)}.animal-story-screen>p,.animal-final-screen>p{max-width:900px;margin:0;color:#385447;font-size:clamp(1.15rem,2.35vw,1.95rem);font-weight:750;line-height:1.58}.animal-reverse-order{color:#d20f1d;font-weight:950;animation:animal-reverse-order-blink .9s step-end infinite}@keyframes animal-reverse-order-blink{0%,55%{opacity:1}56%,to{opacity:.18}}@media(prefers-reduced-motion:reduce){.animal-reverse-order{animation:none}}.magic-book{width:clamp(130px,20vw,210px);aspect-ratio:1.25;display:grid;place-items:center;border:5px solid rgb(255 255 255 / 90%);border-radius:28px;background:linear-gradient(#c5e7ef 0 62%,#92c790 62%);box-shadow:0 16px 38px #2c50362e;font-size:clamp(4.3rem,9vw,7rem)}.animal-copy-actions{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.animal-narration{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #cdded2;border-radius:14px;color:#315c48;background:#ffffffc2;cursor:pointer;font-size:.88rem;font-weight:800}.animal-narration span{color:#287a55;font-size:1.15rem}.animal-ready-screen{display:grid;place-content:center;justify-items:center;gap:26px;padding:36px 24px 72px;text-align:center}.animal-ready-screen>p{margin:0;color:#263c32;font-size:clamp(2.2rem,7vw,5.3rem);font-weight:900;line-height:1.1}.animal-ready-button{min-width:min(280px,72vw);min-height:88px;padding:18px 36px;border:0;border-radius:26px;color:#fff;background:linear-gradient(145deg,#318c60,#226c49);box-shadow:0 12px #18543a,0 20px 36px #226c493d;cursor:pointer;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:900}.animal-ready-button:active{box-shadow:0 5px #18543a;transform:translateY(7px)}.animal-task-arena{min-height:min(800px,calc(100dvh - 60px));display:grid;grid-row:1 / -1;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 17%,rgb(255 255 255 / 90%),transparent 29%),linear-gradient(#dff3fa 0 68%,#a7d39c 68%);touch-action:manipulation;-webkit-user-select:none;user-select:none}.animal-task-arena:after{height:13px;position:absolute;right:clamp(18px,4vw,52px);bottom:clamp(26px,6vh,58px);left:clamp(18px,4vw,52px);border-radius:99px;background:#3f6f3c38;content:""}.animal-memory-emoji{z-index:1;display:block;filter:drop-shadow(0 16px 15px rgb(38 70 50 / 18%));font-size:clamp(7.5rem,19vw,13rem);line-height:1;animation:animal-pop .18s ease-out}@keyframes animal-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.animal-recall-signal{width:clamp(56px,8vw,88px);aspect-ratio:1;z-index:1;border:clamp(8px,1.2vw,13px) solid #fff;border-radius:50%;background:#efb84f;box-shadow:0 0 #efb84f8c;animation:recall-pulse .5s ease-out both}.animal-fixation-cross{z-index:1;color:#29483a;font-family:Arial,sans-serif;font-size:clamp(4.5rem,10vw,7.5rem);font-weight:700;line-height:1}@keyframes recall-pulse{0%{opacity:0;box-shadow:0 0 #efb84f8c;transform:scale(.65)}45%{opacity:1}to{opacity:.82;box-shadow:0 0 0 34px #efb84f00;transform:scale(1)}}.animal-choice-screen{width:min(100%,1000px);z-index:1;display:grid;gap:clamp(18px,3vh,30px);padding:clamp(22px,4vw,48px)}.animal-selection-strip{min-height:clamp(72px,11vh,104px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.6vw,18px);padding:9px 16px;border:3px dashed rgb(76 126 89 / 40%);border-radius:22px;background:#ffffff7f}.animal-selection-strip span{filter:drop-shadow(0 6px 5px rgb(38 70 50 / 14%));font-size:clamp(2.5rem,6vw,4.7rem);line-height:1}.animal-options-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(9px,1.4vw,16px)}.animal-option{min-height:clamp(98px,14vh,132px);display:grid;place-items:center;padding:8px;border:3px solid transparent;border-radius:22px;color:inherit;background:#ffffffe5;box-shadow:0 10px 24px #2646321f;cursor:pointer;transition:background .11s ease,border-color .11s ease,box-shadow .11s ease,transform .11s ease}.animal-option span{filter:drop-shadow(0 6px 5px rgb(38 70 50 / 12%));font-size:clamp(2.9rem,6vw,5rem);line-height:1}.animal-option:hover,.animal-option:focus-visible{outline:none;box-shadow:0 11px 26px #26463230;transform:translateY(-3px)}.animal-option:focus:not(:focus-visible){outline:none}.animal-option:active,.animal-option.selected{border-color:#2c8b59;background:#e8f8ed;box-shadow:0 5px 12px #2646322b;transform:translateY(4px) scale(.97)}.animal-selection-actions{display:flex;justify-content:center;gap:12px}.animal-selection-action{min-width:132px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border:2px solid #a9c8b2;border-radius:16px;color:#285740;background:#ffffffc7;box-shadow:0 5px #8caf97,0 9px 18px #2646321f;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:850;transition:box-shadow .1s ease,opacity .1s ease,transform .1s ease}.animal-selection-action span{font-family:Arial,sans-serif;font-size:1.35em;line-height:1}.animal-selection-action:focus,.animal-selection-action:focus-visible{outline:none}.animal-selection-action:active:not(:disabled){box-shadow:0 1px #8caf97;transform:translateY(4px)}.animal-selection-action:disabled{opacity:.36;box-shadow:none;cursor:default}.animal-submit-button{min-width:min(260px,72vw);min-height:68px;justify-self:center;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 30px;border:0;border-radius:21px;color:#fff;background:linear-gradient(145deg,#318c60,#226c49);box-shadow:0 9px #18543a,0 15px 28px #226c4938;cursor:pointer;font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:900;transition:box-shadow .1s ease,opacity .1s ease,transform .1s ease}.animal-submit-button span{font-family:Arial,sans-serif;font-size:1.25em;line-height:1}.animal-submit-button:focus,.animal-submit-button:focus-visible{outline:none}.animal-submit-button:active:not(:disabled){box-shadow:0 3px #18543a;transform:translateY(6px)}.animal-submit-button:disabled{opacity:.36;box-shadow:none;cursor:default}.animal-tutorial-feedback{width:min(720px,86vw);z-index:1;display:grid;grid-template-columns:1fr;align-items:center;gap:clamp(14px,2.5vw,26px);padding:clamp(25px,5vw,48px);border:4px solid rgb(255 255 255 / 92%);border-radius:32px;background:#ffffffeb;box-shadow:0 20px 56px #2646322e;animation:tutorial-answer-panel-in .22s ease-out both}.animal-tutorial-result-mark{z-index:1;color:#218553;font-family:Arial,sans-serif;font-size:clamp(8rem,22vw,15rem);font-weight:900;line-height:1;animation:tutorial-result-mark var(--tutorial-mark-duration, .65s) ease-out both}.animal-tutorial-result-mark.incorrect{color:#c9463d}@keyframes tutorial-result-mark{0%{opacity:0;transform:scale(.55) rotate(-9deg)}55%{opacity:1;transform:scale(1.12) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes tutorial-answer-panel-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.animal-feedback-row{min-width:0;display:grid;grid-template-columns:minmax(120px,auto) 1fr;align-items:center;gap:clamp(12px,2vw,24px)}.animal-feedback-row.correct-answer{padding:clamp(12px,2vw,18px);border:3px solid #2f9764;border-radius:20px;background:#e7f8ed;box-shadow:0 0 #2f97645c;animation:tutorial-correct-answer-highlight var(--tutorial-answer-duration, 1.4s) ease-out both}@keyframes tutorial-correct-answer-highlight{0%{border-color:transparent;background:#fff0;box-shadow:0 0 #2f976400;transform:scale(.97)}35%{border-color:#2f9764;background:#e7f8ed;box-shadow:0 0 0 14px #2f976400;transform:scale(1.02)}to{border-color:#2f9764;background:#e7f8ed;box-shadow:0 0 #2f976400;transform:scale(1)}}.animal-feedback-row strong{color:#385447;font-size:clamp(1rem,2vw,1.35rem);line-height:1.25}.animal-feedback-row>div{min-height:clamp(48px,8vw,70px);display:flex;align-items:center;gap:clamp(10px,2vw,20px)}.animal-feedback-row span{font-size:clamp(3.2rem,8vw,5rem);line-height:1}.animal-feedback-row em{color:#6c7e73;font-size:clamp(1rem,2vw,1.25rem);font-style:normal;font-weight:750}.animal-saving-ring{width:54px;height:54px;z-index:1;border:7px solid rgb(40 122 85 / 20%);border-top-color:#287a55;border-radius:50%;animation:spin .8s linear infinite}.animal-save-error{max-width:min(560px,calc(100% - 40px));z-index:2;display:grid;justify-items:center;gap:20px;padding:28px;border-radius:24px;background:#fffffff0;color:#385447;text-align:center}.animal-save-error p{margin:0;font-size:1.15rem;font-weight:800}.animal-final-screen{justify-items:center;text-align:center}.animal-final-screen>p{color:#263c32;font-size:clamp(1.65rem,4vw,3rem);font-weight:900;line-height:1.4}.animal-final-screen .animal-copy-actions{justify-content:center}@media(max-width:700px){.animal-span-shell{padding:7px 7px max(56px,calc(46px + env(safe-area-inset-bottom)))}.animal-span-card,.animal-task-arena{min-height:calc(100dvh - 61px);border-radius:23px}.animal-span-heading{padding:28px 22px 0}.animal-story-screen,.animal-final-screen{padding:28px 21px 42px}.animal-copy-actions{align-items:stretch;flex-direction:column}.animal-copy-actions .primary-button,.animal-narration{width:100%;justify-content:center}.animal-choice-screen{gap:14px;padding:16px}.animal-options-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.animal-option{min-height:clamp(64px,10vh,86px);padding:3px;border-width:2px;border-radius:14px}.animal-option span{font-size:clamp(2rem,9vw,3.2rem)}.animal-selection-strip{min-height:66px;gap:6px;padding:7px 8px;border-width:2px;border-radius:16px}.animal-selection-strip span{font-size:clamp(2rem,9vw,3.2rem)}.animal-submit-button{min-height:58px;padding:10px 24px;border-radius:17px}.animal-selection-actions{gap:8px}.animal-selection-action{min-width:112px;min-height:42px;padding:7px 14px;border-radius:14px}.animal-tutorial-feedback{width:calc(100% - 30px);grid-template-columns:1fr;justify-items:center;gap:13px;padding:22px 18px;border-width:5px}.animal-feedback-row{width:100%;grid-template-columns:1fr;justify-items:center;gap:6px;text-align:center}.animal-feedback-row>div{justify-content:center}}.stage-four-shell{padding:clamp(10px,2.3vw,32px);padding-bottom:max(56px,calc(46px + env(safe-area-inset-bottom)));overflow:auto;overflow-anchor:none;background:radial-gradient(circle at 13% 18%,rgb(255 221 143 / 46%),transparent 24%),radial-gradient(circle at 88% 80%,rgb(77 153 104 / 27%),transparent 29%),linear-gradient(145deg,#e9f4dd,#f6edd9 54%,#dcecdf)}.stage-four-shell.fading-out{overflow:hidden}.stage-four-shell.fading-out:before{width:auto;aspect-ratio:auto;position:fixed;z-index:99;inset:0;border:0;border-radius:0;opacity:0;background:#000;animation:stage-four-fade-to-black 1.8s ease-in-out forwards}@keyframes stage-four-fade-to-black{to{opacity:1}}.stage-four-card{width:min(100%,1180px);min-height:min(780px,calc(100dvh - 70px));display:grid;grid-template-rows:auto minmax(0,1fr);position:relative;z-index:1;overflow:hidden;border:1px solid rgb(255 255 255 / 82%);border-radius:32px;background:linear-gradient(#fffdf5f0,#fffdf5f0),repeating-linear-gradient(transparent 0 35px,#5b7e7417 35px 36px);box-shadow:0 30px 90px #2745302b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stage-four-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px clamp(22px,4vw,48px);border-bottom:1px solid #dfe8df}.stage-four-header .eyebrow{margin:0 0 4px}.stage-four-header span{color:#385649;font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.stage-four-intro{display:grid;grid-template-columns:auto minmax(0,760px);place-content:center;align-items:center;gap:clamp(28px,6vw,72px);padding:clamp(36px,7vw,88px)}.notebook-icon,.sleeping-mark{display:grid;place-items:center;filter:drop-shadow(0 18px 18px rgb(53 76 58 / 18%));font-size:clamp(5.2rem,12vw,9rem);line-height:1}.stage-four-intro h1,.stage-four-story h1,.stage-four-question h1,.stage-four-final h1{margin:0;color:#244438;font-size:clamp(2rem,4.4vw,4rem);line-height:1.08;letter-spacing:-.04em}.stage-four-intro p,.stage-four-final p{max-width:760px;margin:17px 0 0;color:#52685e;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.72}.stage-four-intro .notebook-invitation{color:#287a55;font-weight:850}.stage-four-intro .stage-four-start-error{min-height:24px;margin:12px 0 -14px;color:#b84935;font-size:.88rem;font-weight:750}.stage-four-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:30px}.stage-four-actions.centered{justify-content:center}.notebook-narration{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #cadbcf;border-radius:15px;color:#315c48;background:#ffffffc7;cursor:pointer;font-size:.88rem;font-weight:800}.notebook-narration:hover,.notebook-narration:focus-visible{outline:none;border-color:#6baa80;background:#f4fbf5}.notebook-narration span{color:#287a55;font-size:1.2rem}.stage-four-story{min-height:0;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,62px);padding:clamp(30px,5vw,64px)}.notebook-story-figure{min-width:0;margin:0;padding:clamp(10px,1.6vw,17px);border:1px solid #e1e8dd;border-radius:27px;background:#fff;box-shadow:0 18px 45px #324c3a24;transform:rotate(-1deg)}.notebook-story-figure img{width:100%;aspect-ratio:1;display:block;border-radius:18px;object-fit:contain;background:#f7f4eb}.notebook-story-figure figcaption{padding:12px 5px 2px;color:#52685e;font-size:.86rem;font-weight:800;text-align:center}.notebook-story-copy{min-width:0}.notebook-story-copy .story-counter,.notebook-question-heading>p{margin:0 0 12px;color:#287a55;font-size:.82rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.notebook-story-copy>p:not(.story-counter){max-height:min(48vh,430px);margin:20px 0 0;padding-right:10px;overflow-y:auto;color:#435c51;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.68}.stage-four-question{width:min(100%,940px);display:grid;align-content:center;justify-self:center;padding:clamp(30px,5vw,62px) clamp(22px,6vw,72px)}.notebook-question-heading{margin-bottom:26px;text-align:center}.notebook-question-heading h1{max-width:900px;margin-inline:auto;font-size:clamp(1.75rem,3.8vw,3.25rem);line-height:1.2}.notebook-question-heading .notebook-narration{margin-top:18px}.stage-four-question-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:23px}.stage-four-final{display:grid;place-content:center;justify-items:center;padding:clamp(40px,8vw,92px);text-align:center}.stage-four-final .sleeping-mark{margin-bottom:22px}@media(max-width:820px){.stage-four-shell{padding:7px 7px max(56px,calc(46px + env(safe-area-inset-bottom)))}.stage-four-card{min-height:calc(100dvh - 61px);border-radius:23px}.stage-four-header{padding:17px 19px}.stage-four-intro{grid-template-columns:1fr;justify-items:center;gap:20px;padding:31px 22px 42px;text-align:center}.notebook-icon{font-size:5.4rem}.stage-four-story{grid-template-columns:1fr;align-content:start;gap:25px;padding:25px 20px 38px}.notebook-story-figure{width:min(100%,420px);justify-self:center}.notebook-story-copy>p:not(.story-counter){max-height:none;overflow:visible}.stage-four-actions{align-items:stretch;flex-direction:column}.stage-four-actions .primary-button,.notebook-narration{width:100%;justify-content:center}.stage-four-question{padding:29px 18px 38px}.stage-four-question-footer{grid-template-columns:1fr}.stage-four-question-footer .primary-button{width:100%}.stage-four-final{padding:34px 22px 46px}}@media(max-width:420px){.animal-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-option{min-height:70px}}.stage-five-blackout{min-height:100vh;min-height:100dvh;position:fixed;z-index:100;inset:0;background:#000}.stage-five-shell{padding:clamp(10px,2.4vw,34px);padding-bottom:max(56px,calc(46px + env(safe-area-inset-bottom)));overflow:auto;background:radial-gradient(circle at 15% 14%,rgb(255 205 91 / 38%),transparent 27%),radial-gradient(circle at 86% 82%,rgb(71 183 166 / 28%),transparent 31%),linear-gradient(145deg,#eef8f4,#f8f3e5 52%,#e6f3f2)}.stage-five-shell:before{width:auto;aspect-ratio:auto;position:fixed;z-index:99;inset:0;border:0;border-radius:0;opacity:1;background:#000;animation:stage-five-reveal 1.8s ease-out forwards}@keyframes stage-five-reveal{to{opacity:0}}.stage-five-card{width:min(100%,1180px);min-height:min(780px,calc(100dvh - 70px));display:grid;position:relative;z-index:1;overflow:hidden;border:1px solid rgb(255 255 255 / 88%);border-radius:32px;background:radial-gradient(circle at 50% 0,rgb(255 255 255 / 94%),transparent 46%),linear-gradient(150deg,#fffdf4,#f1ead7);box-shadow:0 30px 82px #2b534e2b}.gambling-intro,.gambling-final{width:min(100%,890px);display:grid;align-content:center;justify-items:center;justify-self:center;padding:clamp(36px,6vw,72px);text-align:center}.gambling-intro .eyebrow,.gambling-final .eyebrow{margin:0 0 15px;color:#846217}.ransom-scene{min-width:min(340px,80vw);display:flex;align-items:end;justify-content:center;gap:0;margin-bottom:24px;filter:drop-shadow(0 15px 17px rgb(34 57 42 / 18%));line-height:1}.ransom-scene span:nth-child(1){font-size:clamp(5.8rem,12vw,8.5rem)}.ransom-scene span:nth-child(2){margin-left:-.36em;font-size:clamp(4.5rem,9vw,6.5rem)}.ransom-scene span:nth-child(3){margin-left:-.42em;font-size:clamp(2.2rem,5vw,3.5rem);transform:rotate(-22deg) translateY(-.25em)}.gambling-intro h1,.gambling-final h1{max-width:820px;margin:0;color:#163f37;font-size:clamp(2rem,4.6vw,4.1rem);line-height:1.08;letter-spacing:-.04em}.gambling-intro>p:not(.eyebrow){max-width:790px;margin:17px 0 0;color:#4d655d;font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.7}.gambling-narration{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;padding:10px 16px;border:1px solid #cbbd91;border-radius:15px;color:#654e1c;background:#ffffffb3;cursor:pointer;font-size:.88rem;font-weight:800}.gambling-narration:hover,.gambling-narration:focus-visible{outline:none;border-color:#a07a24;background:#fffdf4}.gambling-narration span{color:#9a7116;font-size:1.2rem}.gambling-intro-actions,.gambling-final-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:26px}.gambling-final-actions .gambling-narration{margin-top:0}.gambling-end-button{min-height:48px;padding:9px 20px;border:1px solid #aead9e;border-radius:15px;color:#59665f;background:#ffffffa3;cursor:pointer;font-weight:800}.gambling-end-button:hover:not(:disabled),.gambling-end-button:focus-visible:not(:disabled){outline:none;border-color:#7c8d84;background:#fff}.gambling-end-button:disabled{cursor:wait;opacity:.55}.gambling-game{min-height:0;display:grid;grid-template-rows:auto 1fr auto;align-items:center;gap:clamp(20px,4vh,38px);padding:clamp(28px,5vw,58px)}.gambling-balance-panel{display:grid;justify-items:center;text-align:center}.gambling-balance-panel>span,.gambling-final-balance span{color:#6a796f;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.gambling-balance-panel>strong,.gambling-final-balance strong{margin-top:3px;color:#153f37;font-size:clamp(2.6rem,7vw,5.4rem);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.05em}.gambling-gain-slot{min-height:38px;margin-top:12px}.gambling-gain-slot span{display:inline-flex;padding:7px 14px;border-radius:999px;font-size:clamp(.95rem,2vw,1.2rem);font-weight:900;animation:gambling-feedback-in .19s ease-out}.gambling-gain-slot .gain{color:#176444;background:#dff5e6}.gambling-gain-slot .loss{color:#a03e35;background:#fde5df}@keyframes gambling-feedback-in{0%{opacity:0;transform:translateY(7px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.gambling-decks{width:min(100%,1000px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-self:center;gap:clamp(12px,2.4vw,28px)}.gambling-deck{min-width:0;aspect-ratio:.68;display:grid;place-items:center;padding:13px;position:relative;overflow:hidden;border:clamp(5px,.65vw,8px) solid white;border-radius:clamp(18px,2.4vw,30px);color:#fff;background:#254f9c;box-shadow:0 8px #173666,0 18px 34px #1b31453d;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:box-shadow .11s ease,filter .11s ease,transform .11s ease}.gambling-deck.deck-b{background:#8f3c73;box-shadow:0 8px #5e274b,0 18px 34px #3b1e3438}.gambling-deck.deck-c{background:#267565;box-shadow:0 8px #174e43,0 18px 34px #1b423938}.gambling-deck.deck-d{background:#aa672c;box-shadow:0 8px #71431d,0 18px 34px #4a301c38}.gambling-deck:hover:not(:disabled),.gambling-deck:focus-visible:not(:disabled){outline:none;filter:brightness(1.08);transform:translateY(-7px)}.gambling-deck:active:not(:disabled){box-shadow:0 2px #173666,0 8px 18px #1b314538;transform:translateY(6px) scale(.98)}.gambling-deck:disabled{cursor:wait;filter:saturate(.6);opacity:.72}.deck-pattern{position:absolute;inset:10px;border:2px solid rgb(255 255 255 / 60%);border-radius:calc(clamp(18px,2.4vw,30px) - 8px);background:radial-gradient(circle,rgb(255 255 255 / 42%) 0 2px,transparent 2.5px) 0 0 / 18px 18px,linear-gradient(45deg,transparent 46%,rgb(255 255 255 / 15%) 47% 53%,transparent 54%)}.gambling-deck strong{z-index:1;display:grid;place-items:center;width:clamp(56px,8vw,92px);aspect-ratio:1;border:3px solid rgb(255 255 255 / 82%);border-radius:50%;background:#0c1c2a52;box-shadow:0 8px 20px #0000002e;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem)}.gambling-game-footer{display:grid;justify-items:center;gap:14px}.gambling-exit-backdrop{display:grid;place-items:center;padding:24px;position:absolute;z-index:10;inset:0;background:#071d1994;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.gambling-exit-dialog{width:min(100%,500px);display:grid;justify-items:center;padding:clamp(28px,5vw,46px);border:2px solid rgb(255 255 255 / 80%);border-radius:28px;background:#fffdf5;box-shadow:0 28px 70px #00000047;text-align:center;animation:gambling-dialog-in .18s ease-out}.gambling-exit-icon{width:62px;aspect-ratio:1;display:grid;place-items:center;margin-bottom:17px;border-radius:20px;color:#fff;background:#a7642c;box-shadow:0 10px 24px #75451f38;font-size:2rem;font-weight:900}.gambling-exit-dialog h2{margin:0;color:#243f36;font-size:clamp(1.55rem,4vw,2.25rem)}.gambling-exit-dialog p{margin:14px 0 0;color:#627168;line-height:1.6}.gambling-exit-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.gambling-exit-actions button{min-height:52px;padding:10px 16px;border-radius:16px;cursor:pointer;font-weight:850}.gambling-cancel-exit{border:1px solid #b7c0ba;color:#43564d;background:#fff}.gambling-confirm-exit{border:0;color:#fff;background:#a6473d;box-shadow:0 9px 20px #a6473d38}.gambling-exit-actions button:hover,.gambling-exit-actions button:focus-visible{outline:3px solid rgb(39 136 127 / 24%);outline-offset:2px}@keyframes gambling-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.gambling-save-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;color:#a03e35;font-size:.9rem;font-weight:800}.gambling-save-error button{min-height:38px;padding:6px 13px;border:1px solid #c97065;border-radius:11px;color:#8e382f;background:#fff3f0;cursor:pointer;font-weight:850}.gambling-final-mark{margin-bottom:18px;filter:drop-shadow(0 14px 15px rgb(53 76 58 / 17%));font-size:clamp(5rem,12vw,8rem);line-height:1}.gambling-final.won h1{color:#176444}.gambling-final.lost h1{color:#8e463d}.gambling-final-balance{display:grid;justify-items:center;gap:7px;margin-top:28px;padding:18px 30px;border:1px solid #d8cfb3;border-radius:22px;background:#ffffffa3}.gambling-final-balance strong{font-size:clamp(2rem,5vw,3.5rem)}@media(max-width:760px){.stage-five-shell{padding:7px 7px max(56px,calc(46px + env(safe-area-inset-bottom)))}.stage-five-card{min-height:calc(100dvh - 61px);border-radius:23px}.gambling-intro,.gambling-final{padding:32px 20px 42px}.gambling-intro-actions,.gambling-final-actions{width:100%;align-items:stretch;flex-direction:column}.gambling-intro-actions .primary-button,.gambling-intro-actions .gambling-end-button,.gambling-final-actions .primary-button,.gambling-final-actions .gambling-narration{width:100%}.gambling-game{gap:20px;padding:25px 16px 36px}.gambling-decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gambling-deck{max-height:26vh;justify-self:stretch;border-width:5px;border-radius:20px}}