:root{font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,sans-serif;color:#263d30;background:#f1eee5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,textarea:focus-visible,section:focus-visible{outline:3px solid #a17442;outline-offset:3px}button{-webkit-tap-highlight-color:transparent}.player-shell{display:grid;place-items:center;min-height:var(--viewport-height, 100dvh);padding:20px}.player-phone{position:relative;isolation:isolate;display:flex;flex-direction:column;width:min(100%,430px);height:min(860px,calc(var(--viewport-height, 100dvh) - 40px));min-height:320px;overflow:hidden;border-radius:28px;background:#dce4ce;box-shadow:0 20px 70px #47554328}.player-hud{display:flex;align-items:flex-start;justify-content:space-between;flex:none;gap:12px;padding:max(20px,env(safe-area-inset-top)) 22px 14px;background:linear-gradient(#fffdf5ee,#fffdf5aa);z-index:2}.brand-mark{display:block;font-size:10px;font-weight:700;letter-spacing:.22em;color:#597151;margin-bottom:6px}.player-hud h1{font-family:Georgia,serif;font-size:24px;line-height:1.1;font-weight:400;margin:0 0 6px}.player-hud p{font-size:11px;margin:0;color:#52654f}.sound-toggle,.line-audio-button{display:grid;place-items:center;border:1px solid #7d8b6d40;color:#425b46;background:#fffdf5df;border-radius:50%;width:38px;height:38px;flex-shrink:0}.sound-toggle svg,.line-audio-button svg{width:17px;height:17px}.story-background{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:camera-drift var(--visual-camera-duration) ease-out both}.story-background.is-closeup{filter:blur(1px) saturate(.84)}.stage-shade{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(#fffdf520,transparent 45%,#74896936);pointer-events:none}.visual-slot{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;flex:1 1 0;container-type:size;min-height:120px;overflow:hidden}.story-character{position:absolute;width:min(94%,360px);height:120%;top:0;object-fit:contain;object-position:center top;animation:visual-in var(--visual-expression) ease-out}.story-prop{position:relative;grid-area:1 / 1;width:min(84cqw,90cqh,250px);height:auto;max-width:100%;aspect-ratio:1;animation:visual-in var(--visual-enter) ease-out;filter:drop-shadow(0 14px 14px #263d3033)}.prop-image,.prop-label{display:block;position:absolute;width:100%;height:100%;object-fit:contain}.prop-label{overflow:visible;fill:#704d31;font-family:Georgia,serif}.campus-map{position:absolute;overflow:visible}.story-prop.clock-card{width:96%;height:min(96%,300px)}.clock-card .prop-image{position:absolute;object-fit:contain}.clock-card-paper{position:absolute;display:grid;place-items:center}.clock-card-paper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.clock-card-text{position:relative;width:83%;text-align:center;white-space:pre-line;font-family:Georgia,serif;line-height:1.5;color:#654932}.visual-ending{font-family:Georgia,serif;font-size:28px;text-align:center;padding:20px}.visual-ending span{display:block;font-family:-apple-system,sans-serif;font-size:13px;margin-top:14px}.visual-retry{position:relative;align-self:center;flex:none;border:0;border-radius:12px;padding:4px 12px;background:#fffdf5df;color:#78582e;font-size:11px;margin:0 16px 4px}.story-bottom{position:relative;display:flex;flex-direction:column;min-height:0;flex:0 1 auto;max-height:calc(100% - 225px);padding:0 14px 14px;z-index:3}.line-card,.task-card,.ending-card{background:#fffdf5f5;border:1px solid #fffef8;border-radius:20px;padding:20px;box-shadow:0 6px 24px #35462c12;display:flex;flex-direction:column;min-height:0;margin:0}.line-card{min-height:196px}.line-card--player{background:#f0f4e8f7}.line-content{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.line-speaker{display:block;color:#607650;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:11px}.story-text-stack{position:relative}.story-text-stack p,.line-content>p{font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.45;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.story-text-measure{visibility:hidden}.story-text-visible{position:absolute;inset:0 0 auto}.narration-scrim{display:flex;flex-direction:column;min-height:0}.line-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin-top:20px}.line-audio-control{display:flex;align-items:center;gap:6px;min-width:0}.line-audio-status{font-size:10px;color:#836444}.primary-button{color:#fffdf5;background:#425b46;border:0;border-radius:11px;padding:12px 20px;font-size:13px;font-weight:600;min-height:42px}.continue-button{margin-left:auto;min-width:98px}.secondary-button{color:#50664a;background:#edf0e4;border:1px solid #dce2cf;border-radius:11px;padding:10px 19px;font-size:13px;min-height:42px}.task-head{display:flex;align-items:center;justify-content:space-between;flex:none;margin-bottom:10px}.task-kicker{color:#6f7d51;font-size:10px;font-weight:700;letter-spacing:.09em}.task-number{font-family:Georgia,serif;font-size:24px;color:#b3b897}.task-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.task-copy h2{font-size:15px;font-weight:500;line-height:1.6;margin:0 0 12px}.task-input{position:relative}.task-input textarea{display:block;resize:none;width:100%;min-height:76px;border:1px solid #d8decb;border-radius:12px;background:#fafbf5;color:#2a4233;padding:12px 50px 12px 12px;font-size:16px;line-height:1.45}.task-input textarea::placeholder{color:#929b85;font-size:13px}.voice-button{position:absolute;right:9px;bottom:9px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#e8eede;color:#50674b}.voice-button svg{width:18px;height:18px}.voice-button.is-listening{color:#fff;background:#a75945;box-shadow:0 0 0 4px #a759451a}.voice-status,.hint-line,.feedback-box{font-size:12px;line-height:1.55;margin:10px 0 0}.hint-line{color:#706041;background:#f4eedb;border-radius:8px;padding:10px}.feedback-box{color:#526849}.feedback-box p{margin:5px 0}.feedback-box strong{font-weight:500}.feedback-box.retry,.voice-status--failed{color:#926148}.task-actions{display:flex;gap:9px;margin-top:14px;flex:none}.task-actions .primary-button{flex:1}.status-message{font-size:12px;line-height:1.4;background:#fff8e9;color:#986046;padding:8px 12px;border-radius:9px;margin:0 0 8px}.story-progress{height:4px;flex:none;background:#f8faed55;margin-bottom:env(safe-area-inset-bottom)}.story-progress span{display:block;height:100%;background:#789060;transition:width .2s ease}.ending-card{align-items:center;gap:16px;text-align:center}.ending-card p{font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin:0;color:#70845c}.ending-card h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:0}.ending-card>span{font-size:12px;color:#70805e}.ending-card button{width:100%}.sound-start-gate{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#e9edde66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sound-start-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:30px 24px;border-radius:24px;background:#fffdf5;box-shadow:0 12px 45px #33422b20}.sound-start-card>svg{width:32px;height:32px;color:#70845c}.sound-start-card p{font-size:14px;margin:0}.sound-start-card .primary-button{width:100%;margin-top:6px}.sound-muted-start{font-size:12px;color:#748166;background:none;border:0;padding:5px}.is-loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes visual-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes camera-drift{0%{transform:scale(1);opacity:.7}to{transform:scale(var(--visual-zoom));opacity:1}}@media (max-width: 480px){.player-shell{padding:0}.player-phone{width:100%;height:var(--viewport-height, 100dvh);border-radius:0;box-shadow:none}}@media (max-height: 680px){.player-hud{padding:12px 18px 10px}.player-hud h1{font-size:21px}.brand-mark{margin-bottom:4px}.visual-slot{min-height:100px}.story-bottom{padding:0 10px 10px;max-height:calc(100% - 185px)}.line-card,.task-card,.ending-card{padding:16px;border-radius:16px}.line-card{min-height:170px}.story-text-stack p{font-size:20px}.line-footer{margin-top:14px}.task-head{margin-bottom:4px}.task-copy h2{font-size:14px;margin-bottom:8px}.task-actions{margin-top:10px}}@media (max-height: 500px){.player-hud{padding:8px 14px}.player-hud h1{font-size:18px;margin-bottom:4px}.brand-mark{display:none}.visual-slot{min-height:96px}.story-bottom{max-height:calc(100% - 155px)}.task-card{padding:10px 14px}.task-head{margin-bottom:2px}.task-number{font-size:17px}.task-copy h2{font-size:12px;line-height:1.4}.task-input textarea{min-height:58px;padding:8px 48px 8px 10px}.task-actions{margin-top:7px}.primary-button,.secondary-button{min-height:36px;padding:8px 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}