@import"https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Manrope:wght@400;500;600;700&display=swap";.music-control{position:fixed;right:max(36px,env(safe-area-inset-right));bottom:max(54px,env(safe-area-inset-bottom));z-index:2;color:var(--music-ink, #214f4d);font:500 12px/1.5 Manrope,sans-serif}.music-control,.music-control *{box-sizing:border-box}.music-control[open]{z-index:20}.music-control summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border-radius:6px;background:var(--music-surface, #f5f5e9);box-shadow:0 4px 18px #103f4d24}.music-control summary::-webkit-details-marker{display:none}.music-control summary svg{width:20px;height:20px}.music-control[data-audible=false] .music-waves,.music-control[data-audible=true] .music-silent{display:none}.music-control :is(summary,button,input):focus-visible{outline:2px solid var(--music-accent, #245951);outline-offset:3px}.music-panel{position:absolute;right:0;bottom:52px;width:200px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);overflow-y:auto;padding:16px;border-radius:8px;background:var(--music-surface, #f5f5e9);box-shadow:0 8px 28px #103f4d24;scrollbar-color:var(--music-accent, #245951) var(--music-surface, #f5f5e9);scrollbar-width:thin}.music-panel h2{margin:0 0 8px;font:700 14px/1.5 Manrope,sans-serif}.music-control .music-toggle{width:100%;min-height:44px;padding:8px;border:1px solid var(--music-accent, #245951);border-radius:4px;background:transparent;color:var(--music-ink, #214f4d);font:inherit;font-weight:600;white-space:normal;cursor:pointer}.music-control .music-toggle:hover,.music-control summary:hover{background:color-mix(in srgb,var(--music-surface, #f5f5e9),var(--music-accent, #245951) 12%)}.music-volume{display:block;margin-top:16px}.music-volume output{float:right;font-variant-numeric:tabular-nums}.music-volume input{display:block;width:100%;min-width:0;height:44px;margin:0;accent-color:var(--music-accent, #245951);cursor:pointer}.music-status{margin:8px 0 0;overflow-wrap:anywhere}@media(max-width:900px){.music-control{right:max(16px,env(safe-area-inset-right));bottom:max(110px,calc(env(safe-area-inset-bottom) + 94px))}}.effects-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--music-accent, #245951)}.effects-section .effects-retry{margin-top:8px}.narration-section{border-top:1px solid color-mix(in srgb,var(--music-ink, #374837),transparent 78%);margin-top:18px;padding-top:16px}.captions-toggle{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:11px}.captions-toggle input{accent-color:var(--music-accent, #4c6f53)}.narration-status{font-size:11px;line-height:1.5}.narration-caption{position:fixed;bottom:112px;left:50%;transform:translate(-50%);width:max-content;max-width:min(620px,calc(100vw - 32px));margin:0;padding:10px 16px;color:#384537;background:#f5efddeb;border-radius:5px;font:500 13px/1.65 Manrope,sans-serif;text-align:center;pointer-events:none;z-index:5}body[data-narrating] #feedback{visibility:hidden}@media(max-width:700px){.narration-caption{bottom:98px;font-size:11px;padding:8px 12px}}:root{font-family:Manrope,sans-serif;color:#374837;background:#b5c49b;font-synthesis:none;--music-surface: #f5efddec;--music-ink: #374837;--music-accent: #466b52}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}button,a,summary,input{-webkit-tap-highlight-color:transparent}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;border-radius:4px;font-size:12px;font-weight:600;min-height:42px;padding:0 13px;transition:background .18s}button:hover,summary:hover{background:#dfe6d0}button:disabled{opacity:.48;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #527559;outline-offset:3px}a{color:#42634a;text-underline-offset:3px}::selection{background:#55735a;color:#fff9e9}#scene{position:fixed;inset:0}canvas{display:block;touch-action:none;outline:none}#scene canvas:focus-visible{outline:2px solid #f5edcf;outline-offset:-5px}.masthead{position:fixed;top:30px;left:34px;padding:12px 18px 11px;background:#f5efddea;border-radius:5px;pointer-events:none;box-shadow:0 5px 20px #34442b12}.masthead h1{font-family:Kalam,cursive;font-weight:700;font-size:29px;letter-spacing:-.025em;line-height:1.15;margin:0}.masthead p{font-size:11px;font-weight:500;margin:3px 0 0;color:#5c6b51}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#f5efdd;padding:18px 24px;border-radius:5px;font-size:13px;box-shadow:0 8px 30px #30472820}#loading span{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:12px;background:#6f8752;animation:breathe 1.5s ease-in-out infinite alternate}@keyframes breathe{to{opacity:.25}}#fatal{position:fixed;top:30%;left:50%;transform:translate(-50%);width:380px;max-width:calc(100% - 32px);background:#f5efdd;padding:24px;border-radius:6px}#fatal h2{font-size:21px}#fatal p{font-size:13px;line-height:1.8}.journal{position:fixed;top:32px;right:32px;width:338px;max-width:calc(100vw - 32px);z-index:6}.journal:not([open]){width:auto}.journal>summary{display:flex;align-items:center;gap:10px;list-style:none;font-size:12px;font-weight:600;min-height:44px;padding:0 14px;background:#f5efddef;border-radius:5px;cursor:pointer}.journal>summary::-webkit-details-marker{display:none}.journal small{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:#657557}.journal[open]{background:#f5efdd;border-radius:5px;box-shadow:0 8px 30px #30472828}.journal[open]>summary{border-bottom:1px solid #d8dfc5;border-radius:0;background:transparent}.journal-body{padding:5px 21px 20px;max-height:calc(100dvh - 190px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a7b69a #f5efdd}.journal h2{font-family:Kalam,cursive;font-size:23px;line-height:1.25;margin:21px 0 10px}.journal p{font-size:12px;line-height:1.8}.journal blockquote{margin:18px 0;font-family:Kalam,cursive;font-size:18px;line-height:1.55;color:#5b5940}.journal #hint-button{background:#e0e6d2;font-size:11px}#collected-notes{list-style:none;padding:0;margin:12px 0 18px}#collected-notes li{margin:4px 0}.note-preview{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 4px;text-align:left;line-height:1.5}.note-preview img{width:48px;height:44px;flex:0 0 48px;object-fit:contain}.note-preview span{min-width:0;overflow-wrap:anywhere}#empty-notes{margin:12px 0 18px;color:#5a6950}.session-note{color:#637458;border-top:1px solid #d8dfc5;padding-top:17px;margin-top:20px}#picture-reset{border-top:1px solid #d8dfc5;margin-top:18px;padding-top:12px}#reset-picture{background:#e0e6d2;font-size:11px}#picture-reset-note{color:#637458;font-size:11px}#mechanism-reset,#chapter-navigation{border-top:1px solid #d8dfc5;margin-top:18px;padding-top:12px}#reset-mechanism,#switch-chapter{background:#e0e6d2;font-size:11px}#chapter-transition{position:fixed;inset:0;background:#30384d;opacity:0;pointer-events:none;z-index:9;transition:opacity 1.3s ease-in-out}body[data-chapter=midnight]{background:#343d58;--music-surface: #e1e3e9f2;--music-ink: #343e54;--music-accent: #616b88}body[data-chapter=midnight] .masthead,body[data-chapter=midnight] .journal,body[data-chapter=midnight] .journal>summary,body[data-chapter=midnight] .toolbar,body[data-chapter=midnight] .inspector{background:#e1e3e9ed;color:#343e54}body[data-chapter=midnight] .masthead p,body[data-chapter=midnight] #card-text,body[data-chapter=midnight] .session-note{color:#536078}body[data-chapter=midnight] button[aria-pressed=true]{background:#626c88;color:#f3eee7}body[data-chapter=midnight] .feedback,body[data-chapter=midnight] .narration-caption{background:#e1e3e9e8;color:#343e54}.session-actions{display:flex;align-items:center;gap:16px;font-size:11px;flex-wrap:wrap}.session-actions button{padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}#reset-confirm{padding-top:8px}#reset-confirm button{background:#e0e6d2;font-size:11px;margin-right:4px}.toolbar{position:fixed;left:50%;bottom:42px;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#f5efddef;border:1px solid #fff8dd90;border-radius:6px;padding:6px;max-width:calc(100% - 24px);z-index:4;box-shadow:0 8px 28px #30472824}.divider{height:21px;width:1px;background:#cbd5bc;margin:0 5px}.icon-button{display:grid;place-items:center;width:42px;padding:0;flex:0 0 42px}button[aria-pressed=true]{background:#4c6f53;color:#fff8e3}#examine{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}#inspection-cursor{position:fixed;width:20px;height:20px;transform:translate(-50%,-50%);border:1px solid #fff8e3;border-radius:50%;outline:1px solid #374837;pointer-events:none;z-index:2}#inspection-cursor:before,#inspection-cursor:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff8e3}#inspection-cursor:before{width:8px;height:1px}#inspection-cursor:after{width:1px;height:8px}.gesture-hint{position:fixed;bottom:8px;width:100%;margin:0;padding:0 12px;text-align:center;font-size:10px;line-height:1.5;font-weight:600;color:#f8f3dc;text-shadow:0 1px 4px #31482b;pointer-events:none}.gesture-hint>span{display:block;white-space:normal;overflow-wrap:anywhere;opacity:1}.inspector{position:fixed;left:32px;bottom:135px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 250px);overflow-y:auto;background:#f5efddef;border-radius:5px;padding:22px;box-shadow:0 8px 28px #30472824;scrollbar-width:thin;scrollbar-color:#a7b69a #f5efdd;overscroll-behavior:contain;overflow-wrap:anywhere;z-index:3}.inspector h2{font-family:Kalam,cursive;font-size:25px;line-height:1.25;margin:0 30px 16px 0}.inspector p{font-size:12px;line-height:1.7;margin:8px 0;color:#5a6950}#inspector[data-card=doinstruct-team-note] #card-text{white-space:pre-line}.inspector .close{position:absolute;top:4px;right:4px}#card-image{display:block;width:auto;height:auto;max-width:100%;max-height:40vh;object-fit:contain;margin:12px auto}#card-text{white-space:pre-wrap}#inspector[data-caption=false] #card-image{max-height:60vh}.feedback{position:fixed;left:50%;bottom:109px;transform:translate(-50%);margin:0;padding:8px 14px;max-width:calc(100vw - 40px);width:max-content;background:#f5efddd9;border-radius:4px;font-family:Kalam,cursive;font-size:17px;line-height:1.25;text-align:center;pointer-events:none;z-index:2}.feedback[data-kind=wrong]{color:#875b3f}.feedback[data-kind=progress],.feedback[data-kind=complete]{color:#3c6448}@media(max-width:700px){.masthead{top:18px;left:16px;padding:9px 12px}.masthead h1{font-size:23px}.masthead p{font-size:9px}.journal{right:16px;top:102px;width:calc(100vw - 32px)}.journal:not([open]){top:19px}.journal:not([open]) summary{padding:0 10px;gap:7px}.journal:not([open]) summary>span{display:none}.journal-body{max-height:calc(100dvh - 270px - env(safe-area-inset-bottom))}.toolbar{bottom:max(52px,calc(env(safe-area-inset-bottom) + 44px));gap:0;padding:4px}.toolbar>button{padding:0 10px;font-size:10px;min-height:44px}.toolbar .icon-button{width:36px;flex-basis:36px}#examine>span{display:none}.divider{margin:0 3px}.gesture-hint{bottom:max(4px,env(safe-area-inset-bottom))}.inspector{bottom:max(132px,calc(env(safe-area-inset-bottom) + 124px));left:16px;width:calc(100vw - 32px);max-height:calc(100dvh - 230px - env(safe-area-inset-bottom));padding:17px}.inspector h2{font-size:22px}.inspector p{font-size:11px}.feedback{bottom:max(109px,calc(env(safe-area-inset-bottom) + 101px));font-size:13px;padding:5px 9px}.music-controls{bottom:102px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.toolbar .music-control{position:relative;right:auto;bottom:auto;z-index:7}.toolbar .music-control summary{width:42px;height:42px;background:transparent;box-shadow:none;border-radius:4px}.toolbar .music-control[open]{z-index:20}@media(max-width:700px){.toolbar .music-control{right:auto;bottom:auto}.toolbar .music-control summary{width:36px;height:44px}}@media(max-width:360px){.masthead{max-width:calc(100vw - 104px)}.masthead h1{font-size:21px;line-height:1.12}.masthead p{font-size:8px}.feedback{max-width:calc(100vw - 40px)}}