:root{color:#283d3b;font-synthesis:none;--teal:#1c514c;--deep:#173f3d;--line:#dbe0d6;--cream:#fffdf6;--muted:#647773;--gold:#dfb46b;--danger:#955331;background:#f7f7f0;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:var(--teal)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #cf8745}button{border:0}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:25px 4.5%;display:flex}.brand{color:var(--deep);letter-spacing:.14em;align-items:center;gap:12px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:.1em;color:var(--muted);margin-top:3px;font:10px/1.5 Yu Gothic UI,sans-serif;display:block}.header-actions{align-items:center;gap:24px;display:flex}.simulation-label{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.simulation-label i,.location-dot{background:#82a48c;border-radius:50%;width:6px;height:6px;display:block}.text-button{color:var(--teal);white-space:nowrap;background:0 0;padding:12px 1px;font-size:12px;text-decoration:none}.text-button:hover{text-underline-offset:5px;text-decoration:underline}.page{max-width:1440px;margin:0 auto;padding:38px 4.5% 18px}.chapter-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:.12em;color:var(--teal);margin:0 0 12px;font-size:11px;font-weight:700}.eyebrow span{color:#9ea79d;margin:0 12px}h1{letter-spacing:.025em;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(25px,2.8vw,38px);font-weight:600;line-height:1.6}.duration{color:var(--muted);white-space:nowrap;margin-bottom:10px;font-size:11px}.duration span{margin:0 6px}.mobile-break{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 278px;align-items:stretch;gap:30px;display:grid}.scene-column{min-width:0}.stage{aspect-ratio:16/9;isolation:isolate;background:#d7ddce;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 16px 35px #243f3512}.office{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}#character-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.location{z-index:2;background:#fffdf1e8;border:1px solid #ffffff80;border-radius:30px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;display:flex;position:absolute;top:16px;left:18px;box-shadow:0 2px 12px #00000008}.location>span:last-child{color:#647773;border-left:1px solid #cfd4c8;padding-left:8px}.hotspots{pointer-events:none;position:absolute;inset:0}.hotspot{pointer-events:auto;color:var(--deep);filter:drop-shadow(0 3px 6px #23362b24);background:0 0;flex-direction:column;align-items:center;min-width:76px;min-height:50px;padding:0;display:flex;position:absolute;transform:translate(-50%,-15%)}.hotspot .pin{background:#fffdf4ee;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:grid;box-shadow:0 0 0 4px #ffffff38}.hotspot:hover .pin,.hotspot:focus-visible .pin{background:#fff7d3;transform:translateY(-4px)}.hotspot .pin svg{width:21px;height:21px}.hotspot .spot-label{color:#fffdf6;white-space:nowrap;background:#173f3df0;border-radius:5px;margin-top:7px;padding:5px 11px;font-size:11px;font-weight:700}.hotspot:after{content:"";background:#fff8d8;order:-1;width:2px;height:13px;margin-top:0}.hotspot:disabled{opacity:.4}.scene-caption{color:#fff;text-shadow:0 1px 6px #000;background:#173f3dcf;border:1px solid #fff2;border-radius:7px;width:max-content;max-width:calc(100% - 36px);padding:9px 13px;font-size:12px;position:absolute;bottom:16px;left:18px;right:18px}.map-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:47px;margin-top:8px;display:flex}.map-toolbar p{color:var(--muted);margin:0;font-size:11px}.tap-symbol{color:var(--teal);vertical-align:middle;margin-right:6px;font-size:20px}.map-toolbar>div{align-items:center;gap:18px;display:flex}.motion-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.motion-toggle input{accent-color:var(--teal);width:15px;height:15px}.quiet-note{color:#80643e;font-size:11px;line-height:1.6}.story-sidebar{border-top:2px solid var(--deep);flex-direction:column;min-width:0;padding-top:14px;display:flex}.story-heading{align-items:center;gap:8px;margin-bottom:23px;display:flex}.story-heading p{margin:0;font-size:11px;font-weight:700}.story-heading>span:last-child{color:#94a39b;margin-left:auto;font-family:Georgia,serif;font-size:17px}.little-line{background:var(--teal);width:15px;height:2px}.muted{color:var(--muted);margin-bottom:7px;font-size:10px}.story-sidebar h2{margin:0 0 13px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:22px;font-weight:600;line-height:1.65}.story-sidebar>p:not(.eyebrow){margin:0;font-size:12px;line-height:1.95}.fumi-note{background:#e9eee3;border-radius:9px;align-items:flex-start;gap:12px;margin:22px 0;padding:14px;display:flex}.cat-mark{color:var(--teal);flex-shrink:0;width:22px;font-size:27px;line-height:1}.fumi-note strong{letter-spacing:.08em;font-size:10px}.fumi-note p{margin:6px 0 0;font-size:11px;line-height:1.85}.trace{margin-top:4px}.trace h3{margin:0 0 12px;font-size:11px;font-weight:600}.trace h3 span{float:right;background:#e6eade;border-radius:4px;padding:2px 6px;font-size:10px}.trace ol{color:var(--muted);max-height:135px;margin:0;padding:0;font-size:10px;list-style:none;overflow:auto}.trace li{border-left:1px solid #d3dbcf;margin-left:3px;padding:0 0 11px 14px;line-height:1.6;position:relative}.trace li:before{content:"";background:#879b88;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:-3px}.trace li:last-child{border-color:#0000;padding-bottom:0}.trace .empty-trace{color:#84938a;border:0;margin:0;padding-left:0}.empty-trace:before{display:none}.restart{color:#77877e;align-self:flex-start;margin-top:auto;padding-top:18px;font-size:10px}.page-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:28px;padding-top:18px;font-size:10px;line-height:1.7;display:flex}.page-footer p{color:#496356;margin:0}.cover{z-index:4;background:linear-gradient(90deg,#163b36dc 0%,#163b36a8 50%,#163b3625 100%);align-items:center;padding:28px;display:flex;position:absolute;inset:0}.cover-card{color:#fffdf3;max-width:430px}.cover-card .eyebrow{color:#e5cea0;font-size:10px}.cover-card h2{letter-spacing:.06em;margin:0 0 15px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(25px,3vw,40px);font-weight:500;line-height:1.6}.cover-card p:not(.eyebrow){color:#e8eee1;margin:0 0 21px;font-size:12px;line-height:2}.cover-card small{color:#e0e8d7;margin-top:13px;font-size:9px;line-height:1.6;display:block}.cover-card .button.secondary{color:#fff;background:0 0;border-color:#fff5;margin-left:8px;display:inline-block}.button{min-height:44px;color:var(--teal);white-space:normal;text-align:left;background:#fffdf7;border:1px solid #cbd5c8;border-radius:7px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:12px;font-weight:600;line-height:1.6;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.button:hover{background:#eef1e7;transform:translateY(-1px)}.button.primary{background:var(--teal);border-color:var(--teal);color:#fffdf5}.button.primary:hover{background:#143f3b}.cover .button.primary{color:#2e463c;background:#f1d69c;border-color:#f1d69c}.button.large{padding:14px 24px;font-size:13px}.button.secondary{background:0 0}.button.quiet{color:#65756d;background:#f3f4ed;border-color:#0000}.button.caution{color:#925a36;background:#fffaf1;border-color:#d6b89b}.button-block{flex-direction:column;gap:9px;margin-top:22px;display:flex}.button-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.button-row .button{flex:1;min-width:140px}.icon-button{color:#6b7e74;background:0 0;border-radius:50%;flex-shrink:0;width:42px;height:42px;font-size:26px;line-height:1}.icon-button:hover{background:#e9eee3}dialog{background:var(--cream);color:#283d3b;border:1px solid #d6ddcf;border-radius:16px;width:min(630px,100vw - 28px);max-height:90dvh;padding:0;overflow:auto;box-shadow:0 25px 90px #132f3b40}dialog.wide{width:min(820px,100vw - 28px)}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102a2b89}.dialog-top{z-index:3;background:var(--cream);border-bottom:1px solid #e3e6dc;justify-content:space-between;align-items:center;padding:10px 20px 2px 28px;display:flex;position:sticky;top:0}.dialog-top .eyebrow{margin:0;font-size:10px}#panel-title{margin:0 0 17px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:26px;font-weight:600;line-height:1.6}#panel-content p{font-size:13px;line-height:1.95}#panel-content .panel-lead{font-size:14px;line-height:2}.novel-speaker{color:var(--teal);align-items:center;gap:9px;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.novel-speaker:before{content:"";background:#d1a760;width:19px;height:2px}.mail-card{background:#fff;border:1px solid #d9dfd2;border-radius:9px;margin:14px 0;overflow:hidden}.mail-top{color:#66796e;background:#edf1e8;justify-content:space-between;padding:11px 17px;font-size:10px;display:flex}.mail-header{padding:17px 19px 0}.mail-header h3{margin:0 0 12px;font-size:15px;line-height:1.6}.sender{align-items:center;gap:11px;display:flex}.sender-icon{color:#61705a;background:#e6ede1;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:13px;display:grid}.sender strong{font-size:11px}.sender small{color:#728174;overflow-wrap:anywhere;margin-top:4px;font-size:10px;display:block}.mail-body{padding:6px 19px 17px}#panel-content .mail-body p{margin:11px 0;font-size:12px;line-height:1.9}.attachment{background:#faf9f1;border:1px solid #e0ded0;border-radius:6px;align-items:center;gap:12px;max-width:100%;margin-top:14px;padding:11px 13px;display:flex}.attachment svg{color:#7d7a58;flex-shrink:0;width:26px}.attachment strong{overflow-wrap:anywhere;font-size:12px}.attachment small{color:#798173;margin-top:4px;font-size:10px;display:block}#panel-content .subtle{color:var(--muted);font-size:11px;line-height:1.8}.action-divider{color:#7b8b7f;align-items:center;gap:10px;margin:20px 0 10px;font-size:10px;display:flex}.action-divider:before,.action-divider:after{content:"";background:#e1e6d8;flex:1;height:1px}.learning-card{background:#f5edda;border-left:3px solid #b38950;border-radius:0 7px 7px 0;margin-top:19px;padding:15px 17px}.learning-card h3{color:#6d5431;margin:0 0 7px;font-size:12px}#panel-content .learning-card p{margin:0;font-size:12px;line-height:1.95}.source-inline{color:#5b725f;text-underline-offset:3px;margin-top:10px;font-size:10px;line-height:1.7;text-decoration:underline;display:block}.source-inline:after{content:" ↗"}.contact-list{gap:12px;margin:22px 0;display:grid}.contact-list .button{justify-content:flex-start;gap:15px;padding:17px;font-size:13px}.contact-list .button svg{flex-shrink:0;width:24px;height:24px}.contact-list small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.report-sheet{background:#edf2e8;border-radius:9px;margin:20px 0;padding:19px}.report-sheet dl{margin:0}.report-sheet dt{color:#6c7e6f;margin-top:14px;font-size:10px}.report-sheet dt:first-child{margin-top:0}.report-sheet dd{margin:5px 0 0;font-size:12px;line-height:1.8}.ending-emblem{width:46px;height:46px;color:var(--teal);background:#dfebd9;border-radius:50%;place-items:center;margin:0 0 17px;display:grid}.ending-emblem svg{width:24px;height:24px}.ending-eyebrow{color:#658664;letter-spacing:.08em;margin-top:0;font-size:10px!important}.reflection{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.reflection>div{background:#f1f5ed;border:1px solid #dce4d5;border-radius:8px;padding:13px 10px}.reflection .pending{background:#f5f2e8;border-color:#e6ddc9}.reflection strong{font-size:11px;line-height:1.6;display:block}.reflection small{color:#6b7b6c;margin-top:6px;font-size:10px;line-height:1.7;display:block}.lesson{border-top:1px solid #e0e4d7;padding:17px 0}.lesson h3{margin:0 0 6px;font-size:13px}.lesson p{margin:0;font-size:12px!important}.sources-list{gap:12px;margin-top:15px;display:grid}.source-card{background:#fafbf5;border:1px solid #dce2d5;border-radius:8px;padding:14px 16px;text-decoration:none;display:block}.source-card:hover{background:#edf2e8}.source-card strong{font-size:12px;line-height:1.7;display:block}.source-card small{color:#70806f;margin-top:5px;font-size:10px;line-height:1.8;display:block}.source-card .source-url{overflow-wrap:anywhere;color:#7e8979;font-size:9px}.organization{background:#e9efe2;border-radius:8px;margin:19px 0;padding:17px}.organization h3{margin:0 0 9px;font-size:12px}.organization ul{margin:0;padding-left:19px;font-size:11px;line-height:2}.note-heading{margin:24px 0 12px;font-size:16px}.guide-list{padding-left:21px;font-size:13px;line-height:2.2}.character-fallback{background:#fffdf1dd;border-radius:12px;padding:8px 12px;font-size:10px;position:absolute;bottom:22%;left:33%}.fatal{color:#7d4c2c;background:#fff1de;padding:30px}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;background:#fff;padding:12px;position:absolute;top:10px;left:10px}@media (min-width:1500px){.page{padding-top:45px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:35px}.story-sidebar>p:not(.eyebrow){font-size:13px}}@media (max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.page{padding:28px 3.5% 18px}.site-header{padding:19px 3.5%}.cover{padding:22px}.cover-card h2{font-size:29px}.cover-card p:not(.eyebrow){margin-bottom:14px;font-size:11px}.cover-card small{font-size:8px}.story-heading{margin-bottom:17px}.story-sidebar h2{font-size:20px}.fumi-note{margin:17px 0;padding:11px}.map-toolbar{flex-wrap:wrap;gap:0}.map-toolbar>div{margin-left:auto}.duration{font-size:10px}}@media (max-width:800px){.game-layout{grid-template-columns:1fr}.story-sidebar{grid-template-columns:1fr 1fr;gap:0 24px;padding-top:15px;display:grid}.story-heading{grid-column:1/-1;margin-bottom:15px}.story-sidebar>.eyebrow,.story-sidebar>h2,.story-sidebar>#story-body{grid-column:1}.fumi-note{grid-area:2/2/5;margin:0}.trace{grid-column:1/-1;margin-top:18px}.trace ol{gap:12px;max-height:75px;display:flex}.trace li{border:0;min-width:120px;padding-left:12px}.trace li:before{left:1px}.restart{grid-column:1/-1;justify-self:start}.header-actions{gap:17px}.simulation-label{font-size:10px}.cover-card h2{font-size:clamp(26px,5vw,39px)}.cover-card p:not(.eyebrow){margin-bottom:21px;font-size:12px}.cover-card small{font-size:9px}.duration{display:none}.chapter-heading{margin-bottom:21px}.page-footer{flex-direction:column;gap:5px;margin-top:24px}}@media (max-width:520px){.site-header{align-items:center;gap:8px;padding:16px 5%}.brand{white-space:nowrap;gap:8px;font-size:22px}.brand img{width:32px;height:32px}.brand small{display:none}.header-actions{gap:12px}.header-actions .text-button{font-size:10px}.simulation-label{font-size:9px;position:absolute;top:78px;right:5%}.page{padding:26px 4% 18px}.eyebrow{letter-spacing:.04em;font-size:9px}.eyebrow span{margin:0 6px}h1{font-size:27px;line-height:1.55}.mobile-break{display:initial}.chapter-heading{margin-bottom:18px}.stage{border-radius:10px}.location{padding:6px 9px;font-size:8px;top:8px;left:8px}.location>span:last-child{display:none}.hotspot{min-width:55px}.hotspot .pin{width:30px;height:30px;box-shadow:0 0 0 3px #ffffff38}.hotspot .pin svg{width:16px;height:16px}.hotspot .spot-label{margin-top:4px;padding:4px 7px;font-size:9px}.hotspot:after{height:7px}.scene-caption{max-width:calc(100% - 16px);padding:6px 8px;font-size:9px;bottom:8px;left:8px}.cover{background:linear-gradient(90deg,#163b36e8,#163b3699);padding:16px}.cover-card .eyebrow{margin-bottom:6px;font-size:8px}.cover-card h2{margin-bottom:9px;font-size:24px;line-height:1.45}.cover-card p:not(.eyebrow){display:none}.cover-card small{margin-top:8px;font-size:8px}.cover-card .button{min-height:40px;padding:9px 14px;font-size:11px}.cover-card .button.secondary{margin-left:5px}.map-toolbar p{font-size:10px}.map-toolbar>div{gap:14px}.map-toolbar .text-button{font-size:11px}.motion-toggle{font-size:9px}.tap-symbol{font-size:16px}.story-sidebar{gap:0 16px}.story-sidebar h2{font-size:20px}.story-sidebar>p:not(.eyebrow){font-size:11px}.fumi-note{gap:6px;padding:11px}.cat-mark{display:none}.fumi-note p{font-size:10px}.story-heading{margin-bottom:13px}#panel-content{padding:21px 21px 24px}#panel-title{font-size:23px}dialog{max-height:94dvh}.dialog-top{padding-left:21px}.reflection{grid-template-columns:1fr;gap:6px}.reflection>div{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.reflection small{margin:0}.button-row .button{min-width:120px}.report-sheet{padding:15px}.button{font-size:12px}.page-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cover{background-image:linear-gradient(90deg,#123b37ef 0%,#173f3db5 43%,#173f3d08 78%),url(../episode-01/assets/fumi-inbox.png);background-position:50%;background-size:cover}.tutorial{background:#fff4d5;border:1px solid #d7b777;border-radius:12px;align-items:center;gap:14px;margin-bottom:13px;padding:14px 16px;display:flex;box-shadow:0 4px 14px #7c61200a}.tutorial>div{flex:1}.tutorial .eyebrow{color:#7e6239;margin:0 0 5px;font-size:10px;display:block}.tutorial strong{font-size:13px;font-weight:600;line-height:1.7;display:block}.tutorial small{color:#746e56;margin-top:4px;font-size:10px;line-height:1.6;display:block}.tutorial-paw{color:#937438;font-family:Georgia,serif;font-size:29px}.tutorial .icon-button{width:34px;height:38px;font-size:23px}.tutorial-target{z-index:3}.tutorial-target .pin{background:#ffe8a9;border-color:#fff5d6;animation:1.8s ease-in-out infinite pc-glow}.tutorial-target .spot-label{color:#fff8de;background:#775823;font-size:12px}.tutorial-target .spot-label:after{content:" ← ここ";font-size:10px}@keyframes pc-glow{50%{box-shadow:0 0 0 9px #ffe7a86b,0 0 25px #fff5c0}}dialog{overscroll-behavior:contain;width:min(680px,100vw - 28px);max-height:94dvh}#panel-content{padding:0 0 20px}.dialog-top{padding:5px 16px 5px 22px}.dialog-top .eyebrow{letter-spacing:.07em}.panel-heading{padding:17px 24px 13px}#panel-title{margin:0;font-size:24px;line-height:1.5}.panel-heading .eyebrow{margin-bottom:6px;font-size:10px}.story-picture{isolation:isolate;background:#e4e4d1;margin:0;position:relative}.story-picture>img{aspect-ratio:1672/941;object-fit:cover;width:100%;height:auto;display:block}.picture-badge{color:#36594b;background:#fffbedeb;border-radius:30px;max-width:calc(100% - 28px);padding:7px 12px;font-size:10px;font-weight:600;line-height:1.5;position:absolute;top:12px;left:14px;box-shadow:0 2px 12px #203d301a}.speech{background:#fffef9;border:1px solid #dbe1d1;border-radius:12px;margin:16px 24px 12px;padding:17px 17px 12px;position:relative;box-shadow:0 3px #d9dfd633}.speech:before{content:"";background:#fffef9;border-top:1px solid #dbe1d1;border-left:1px solid #dbe1d1;width:12px;height:12px;position:absolute;top:-7px;left:67%;transform:rotate(45deg)}.speaker-tag{color:#fffef6;letter-spacing:.1em;background:#355c51;border-radius:30px;padding:3px 12px;font-size:10px;font-weight:600;position:absolute;top:-10px;left:12px}#panel-content .speech p{color:#29443e;margin:0;font-size:14px;line-height:1.8}#panel-content .scene-narration{color:#62726a;margin:10px 24px 14px;font-size:12px;line-height:1.85}.mini-map-pin{color:#584018;background:#fff0b4;border:2px solid #fff;border-radius:8px;padding:10px;font-size:12px;font-weight:700;position:absolute;top:16%;left:24.5%;transform:translate(-50%);box-shadow:0 0 0 6px #fff2b54d}.carousel{min-width:0}.carousel-viewport{position:relative}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;overflow-anchor:none;align-items:flex-start;min-width:0;display:flex;overflow:auto hidden}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible{outline-offset:-4px;outline:3px solid #be9450}.carousel-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-track.is-dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-track img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;min-width:0}.carousel-slide-content{display:flow-root}.carousel-arrow{z-index:2;top:var(--carousel-arrow-y,100px);color:#244b42;background:#fffdf2ee;border:1px solid #ffffffad;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font:32px/1 Georgia,serif;transition:background .15s,box-shadow .15s;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 2px 14px #123b3933}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-arrow:hover:not(:disabled){background:#fff3c9;box-shadow:0 2px 16px #123b394d}.carousel-arrow:disabled{opacity:.38;box-shadow:none;background:#f8f7efb8}.carousel-pager{overflow-anchor:none;justify-content:center;align-items:center;gap:12px;min-height:46px;margin:8px 24px 0;display:flex}.carousel-dots{flex-shrink:0;gap:0;display:flex}.carousel-dots button{background:0 0;place-items:center;width:36px;height:44px;padding:0;display:grid}.carousel-dots button>span{background:#dce3d6;border:1px solid #91a18b;border-radius:50%;width:8px;height:8px;transition:width .18s,background .18s}.carousel-dots button[aria-current]>span{background:#2c5b50;border-color:#2c5b50;border-radius:9px;width:22px}.carousel-count{color:#3f5f4d;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:34px;font-size:12px;font-weight:600}.carousel-page-label{color:#697b65;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;line-height:1.5;overflow:hidden}.carousel .learning-page>.visual-lesson{margin-left:62px;margin-right:62px}dialog{scrollbar-gutter:stable}.choice-actions{margin:16px 24px 0}.choice-actions .button{text-align:center;gap:10px;min-height:46px;font-size:12px}.button>svg{flex-shrink:0;width:20px;height:20px}.choice-actions .button.caution{margin-top:4px}.panel-extra{margin:14px 24px 0}.panel-extra>p:last-child{margin-bottom:0}.source-foot{border-top:1px solid #dfe4d6;padding-top:14px}.source-foot>strong{color:#65786b;font-size:10px}.source-inline{color:#355d4a;overflow-wrap:anywhere;font-size:11px}.reading-details{background:#f9faf2;border:1px solid #dbe2d2;border-radius:8px;margin:14px 24px 0;padding:0 14px;font-size:12px}.reading-details>summary{cursor:pointer;color:#536e60;min-height:44px;padding:13px 0;line-height:1.5}.reading-details .subtle{margin-bottom:16px}.mail-summary{background:#f0eddc;border-left:3px solid #c5a25e;border-radius:0 7px 7px 0;align-items:center;gap:13px;margin:13px 24px;padding:12px 15px;display:flex}.mail-summary svg{color:#817141;width:26px;height:26px}.mail-summary strong{font-size:12px;font-weight:600}.mail-summary small{color:#737b66;margin-top:5px;font-size:11px;display:block}.tap-attachment{margin:12px 24px 0}.attachment-choice{text-align:left;color:#635532;background:#fffcf0;border:1px solid #bbaa74;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:76px;padding:15px;display:flex;box-shadow:0 3px #e7dcc4}.attachment-choice:hover{background:#fff3cc;border-color:#a38a42}.attachment-choice>svg{fill:#f4ddb2;flex-shrink:0;width:38px;height:38px}.attachment-choice>span:nth-child(2){flex:1}.attachment-choice strong{font-size:13px}.attachment-choice small{margin-top:5px;font-size:10px;line-height:1.6;display:block}.attachment-choice>span:last-child{font-size:22px}.interaction-tip{border-top:1px solid #e2e7da;padding-top:11px}#panel-content .choice-prompt{color:#667f6d;margin:17px 24px 0;font-size:11px}.visual-contacts{grid-template-columns:1fr 1fr;gap:12px;margin:9px 24px 0}.visual-contacts .object-card{text-align:center;background:#f5f2e2;border:1px solid #d4cbae;flex-direction:column;gap:10px;min-height:145px;padding:15px 12px;box-shadow:0 3px #e1dccb}.visual-contacts .object-card.email{background:#ecf0e8;border-color:#c8d4c5;box-shadow:0 3px #d9e1d3}.visual-contacts .object-card:hover{border-color:#57765e;transform:translateY(-3px)}.object-illustration{color:#8b7750;background:#e9dfbf;border-radius:9px;place-items:center;width:72px;height:58px;display:grid}.email .object-illustration{color:#577264;background:#dae6d4}.visual-contacts .object-illustration svg{stroke-width:1.2px;width:47px;height:47px}.object-card strong{font-size:12px}.visual-contacts small{margin-top:5px;font-size:10px;line-height:1.7}.visual-lesson{background:#f1f3e7;border:1px solid #dce2ce;border-radius:12px;margin:15px 24px;padding:18px 16px}.visual-lesson h3{color:#314b3e;margin:7px 0 18px;font-size:16px;font-weight:600;line-height:1.65}.diagram-flow{grid-template-columns:1fr 16px 1fr 16px 1fr;align-items:center;gap:4px;display:grid}.diagram-node{text-align:center;flex-direction:column;align-self:stretch;align-items:center;min-width:0;display:flex}.diagram-icon{color:#496a4b;background:#dce7d4;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:9px;display:grid}.diagram-icon svg{stroke-width:1.5px;width:35px;height:35px}.diagram-node.amber .diagram-icon{color:#93682f;background:#f0dfae}.diagram-node strong{word-break:normal;font-size:12px;font-weight:600;line-height:1.6}.diagram-node small{color:#6d7b64;margin-top:4px;font-size:10px;line-height:1.7;display:block}.diagram-arrow{color:#8a9b78;align-self:start;margin-top:18px;font-size:20px}#panel-content .diagram-note{color:#5b6c50;border-top:1px solid #d7dfcc;margin:15px 0 0;padding-top:12px;font-size:11px;line-height:1.8}.learning-page{padding:10px 0}.learning-page .visual-lesson{margin-top:5px}#panel-content .learning-detail{color:#52664f;margin:13px 24px;font-size:12px;line-height:1.9}.route-pair{grid-template-columns:1fr 1fr;gap:11px;display:grid}.route{text-align:center;background:#fffef5;border:1px solid #d4dec9;border-radius:10px;padding:12px 9px}.route.uncertain{background:#faf4e6;border-color:#dfcfa9}.route-label{color:#75835d;margin-bottom:12px;font-size:10px;font-weight:600;line-height:1.7;display:block}.uncertain .route-label{color:#967139}.route .diagram-icon{width:48px;height:48px}.route .diagram-icon svg{width:30px;height:30px}.route .diagram-node{margin:auto}.route .loop-arrow{color:#8f9b77;margin-top:5px;font-size:25px;line-height:1.3;display:block}#panel-content .route p{margin:3px 0 0;font-size:11px;line-height:1.7}.lesson-page>.story-picture>img{object-fit:cover;object-position:50% 37%;aspect-ratio:auto;height:185px}.lesson-page>.source-inline{margin:10px 24px 14px}.organization-list{padding-left:20px;font-size:12px;line-height:1.8}.reading-details .visual-lesson{margin:0 0 15px}.report-scope{background:#eef2e5;border-radius:9px;align-items:center;gap:12px;margin:14px 24px;padding:12px 14px;display:flex}.report-scope>span{color:#61805b;flex-shrink:0}.report-scope svg{width:25px;height:25px}#panel-content .report-scope p{margin:0;font-size:11px;line-height:1.8}.report-scope strong{color:#597350;margin-bottom:3px;font-size:10px;display:block}.learning-page .report-sheet{margin:14px 24px}.report-sheet h3{margin:0 0 13px;font-size:13px}.learning-page>.reflection{margin:15px 24px}.learning-page>.subtle{margin:13px 24px}@media (max-width:520px){dialog{border-radius:12px;width:calc(100vw - 18px);max-height:96dvh}.panel-heading{padding:13px 17px 11px}#panel-title{font-size:20px;line-height:1.5}.dialog-top{padding:3px 10px 3px 17px}.dialog-top .eyebrow{font-size:9px}.dialog-top .icon-button{width:36px;height:36px;font-size:24px}.picture-badge{padding:5px 10px;font-size:9px;top:9px;left:11px}.speech{margin:15px 17px 10px;padding:15px 13px 10px}#panel-content .speech p{font-size:13px;line-height:1.8}#panel-content .scene-narration{margin:10px 17px;font-size:11px;line-height:1.8}.choice-actions{gap:8px;margin:13px 17px 0}.choice-actions .button{min-height:44px;padding:10px 12px;font-size:11px}.panel-extra{margin:13px 17px 0}.tutorial{gap:9px;margin-bottom:10px;padding:11px 10px}.tutorial-paw{font-size:23px}.tutorial strong{font-size:12px}.tutorial small,.tutorial .eyebrow{font-size:9px}.tutorial .icon-button{width:28px}.tutorial-target .spot-label{font-size:10px}.mail-summary,.reading-details,.tap-attachment,.report-scope{margin-left:17px;margin-right:17px}.mail-summary{padding:10px 12px}.attachment-choice{gap:10px;padding:12px}.attachment-choice strong{font-size:12px}.attachment-choice small{font-size:9px}.attachment-choice>svg{width:30px;height:30px}.visual-contacts{gap:9px;margin-left:17px;margin-right:17px}.visual-contacts .object-card{min-height:135px;padding:12px 8px}.object-card strong{font-size:11px}.visual-contacts small{font-size:9px}.visual-lesson{margin:13px 17px;padding:14px 11px}.visual-lesson h3{margin:7px 0 15px;font-size:14px}.diagram-flow{grid-template-columns:1fr 10px 1fr 10px 1fr;gap:1px}.diagram-icon{border-radius:12px;width:44px;height:44px}.diagram-icon svg{width:28px;height:28px}.diagram-node strong{font-size:11px;line-height:1.7}.diagram-node small{font-size:9px}.diagram-arrow{margin-top:13px;font-size:15px}#panel-content .diagram-note{font-size:10px}#panel-content .learning-detail{margin:12px 17px;font-size:11px}.route-pair{gap:7px}.route{padding:10px 6px}.route-label{font-size:9px}#panel-content .route p{font-size:10px}.lesson-page>.story-picture>img{height:145px}.lesson-page>.source-inline{margin-left:17px;margin-right:17px}.mini-map-pin{padding:7px;font-size:10px}.learning-page .report-sheet{margin-left:17px;margin-right:17px}.source-inline{font-size:10px}}.email-choices{grid-template-columns:1.15fr 1fr;gap:10px;margin:15px 24px 0;display:grid}.email-choices .attachment-choice{gap:9px;padding:12px}.email-choices .attachment-choice>svg{width:30px;height:30px}.email-choices .attachment-choice strong{overflow-wrap:anywhere;font-size:12px}.email-choices .attachment-choice small{font-size:10px;line-height:1.7}.email-choices>.button{text-align:center;flex-direction:column;gap:8px;padding:12px 10px}.email-choices>.button small{margin-top:3px;font-size:10px;font-weight:400;display:block}.panel-extra>.reading-details{margin:0}@media (max-width:520px){.email-choices{gap:8px;margin:13px 17px 0}.email-choices .attachment-choice{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:106px;padding:11px 9px}.email-choices .attachment-choice strong{font-size:11px}.email-choices .attachment-choice small{font-size:9px}.email-choices>.button{font-size:12px}.email-choices>.button small{font-size:9px}.carousel-pager{gap:9px;margin:7px 17px 0}.carousel .learning-page>.visual-lesson{margin-left:52px;margin-right:52px}.carousel-arrow{width:40px;height:40px;font-size:29px}.carousel-prev{left:6px}.carousel-next{right:6px}.carousel-page-label{font-size:10px}}@media (prefers-reduced-motion:reduce){.tutorial-target .pin{animation:none;box-shadow:0 0 0 8px #ffe7a86b}}html:has(dialog[open]){scrollbar-gutter:stable;overflow:hidden}dialog{scrollbar-gutter:auto;height:min(820px,100dvh - 28px);max-height:calc(100dvh - 28px);overflow:hidden}dialog[open]{flex-direction:column;display:flex}.dialog-top{flex:none;gap:10px;position:relative}.dialog-top-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dialog-top-actions .text-button{padding:10px 5px;font-size:11px}.dialog-content,#panel-content{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:0 0 18px;scroll-padding:12px;overflow-y:auto}.dialog-content:focus-visible{outline-offset:-3px;outline:2px solid #c5a25e}.dialog-actions{overscroll-behavior:contain;max-height:50%;padding:12px 24px max(12px,env(safe-area-inset-bottom));background:#fffdf6;border-top:1px solid #d7dfcf;flex:none;overflow-y:auto;box-shadow:0 -5px 16px #284a3d09}.dialog-actions .choice-actions{gap:7px;margin:0}.dialog-actions>.choice-actions+.choice-actions{margin-top:7px}.dialog-actions .choice-actions .button{min-height:44px;padding:9px 12px}.dialog-actions .button:hover{transform:none}.dialog-actions .button.caution{margin-top:0}.dialog-actions>.button{width:100%}.dialog-actions .email-choices{margin:0 0 8px}.dialog-actions .email-choices .attachment-choice{flex-direction:row;gap:8px;min-height:76px;padding:10px}.dialog-actions .email-choices>.button{flex-direction:row;gap:8px;padding:10px}.dialog-actions .visual-contacts{gap:8px;margin:0 0 8px}.dialog-actions .visual-contacts .object-card{text-align:left;flex-direction:row;gap:9px;min-height:84px;padding:10px}.dialog-actions .object-illustration{flex-shrink:0;width:38px;height:42px}.dialog-actions .object-illustration svg{width:30px;height:30px}.dialog-actions .action-note{color:#526e5b;text-align:center;margin:0 0 9px;font-size:11px;line-height:1.7}.report-steps{gap:8px;margin:16px 24px 0;padding:0;list-style:none;display:flex}.report-steps li{color:#72816d;background:#edf0e7;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 6px;font-size:11px;line-height:1.5;display:flex}.report-steps li span{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.report-steps [aria-current]{color:#2e5744;background:#dce9d8;font-weight:700}.consultation-reply{background:#eef3e7;border-left:3px solid #97b08b;border-radius:0 9px 9px 0;margin:17px 24px 0;padding:14px 16px}.consultation-reply>strong{color:#50704b;font-size:10px}#panel-content .consultation-reply p{margin:5px 0 0;font-size:13px;line-height:1.85}.report-preparation .story-picture>img{aspect-ratio:auto;object-position:50% 42%;height:160px}.report-memo{margin:0 24px}.report-sheet dd{white-space:pre-line}.report-status{color:#315c48;background:#d7e8d0;border-radius:20px;margin-bottom:12px;padding:5px 10px;font-size:11px;display:inline-block}.case-items{background:#fffdf6;border:1px solid #dbe1d1;border-radius:11px;margin:14px 0;padding:12px 14px}.case-items h2{letter-spacing:.04em;color:#536e5b;margin:0 0 9px;font-size:11px}.case-item-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.case-item{justify-content:flex-start;gap:9px;min-width:0;padding:10px 12px}.case-item strong{font-size:12px;font-weight:600;display:block}.case-item small{color:#788572;margin-top:3px;font-size:9px;font-weight:400;line-height:1.5;display:block}.case-item:disabled{opacity:.48}.chapter-end{background:#e8efdf;border:1px solid #c8d8bb;border-radius:12px;gap:14px;margin:14px 0;padding:18px;display:flex}.chapter-end>div{flex:1;min-width:0}.chapter-end-mark{color:#355f41;background:#cfdfc4;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.chapter-end .eyebrow{margin:0 0 6px;font-size:10px}.chapter-end h2{margin:0 0 7px;font-size:18px;line-height:1.6}.chapter-end p:not(.eyebrow){margin:0;font-size:12px;line-height:1.85}.chapter-end-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chapter-end-actions .button{flex:1;min-width:150px}.chapter-end.can-consult{background:#f6efdc;border-color:#dfcfa5}.can-consult .chapter-end-mark{color:#886b33;background:#eadbb4}.record-tabs{border-bottom:1px solid #e3e6dc;flex-shrink:0;gap:7px;padding:10px 24px;display:flex}.record-tabs .button{flex:1;min-height:40px;padding:8px 5px;font-size:11px}.record-tabs [aria-current]{color:#305743;background:#dfead8;border-color:#8eaa81}#record-title{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:24px;font-weight:600;line-height:1.5}.record-document{margin:0 24px}.record-content p{font-size:12px;line-height:1.9}.record-content .subtle{color:var(--muted);font-size:11px;line-height:1.8}.record-document>.report-sheet{margin-top:0}.record-timeline{counter-reset:record-step;margin:0;padding:0 0 0 8px;list-style:none}.record-timeline li{counter-increment:record-step;border-left:1px solid #c9d5c1;padding:0 0 24px 30px;font-size:13px;line-height:1.8;position:relative}.record-timeline li:last-child{border-color:#0000}.record-timeline li:before{content:counter(record-step);color:#3a604a;background:#dce8d4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid;position:absolute;top:0;left:-12px}@media (max-width:520px){dialog{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.dialog-actions{padding:10px 16px max(10px,env(safe-area-inset-bottom))}.dialog-top-actions{gap:3px}.dialog-top-actions .text-button{font-size:10px}.dialog-actions .choice-actions .button{padding:9px 10px;font-size:11px}.dialog-actions .email-choices .attachment-choice{min-height:80px}.dialog-actions .email-choices .attachment-choice>svg{width:24px;height:24px}.dialog-actions .email-choices>.button{font-size:11px}.dialog-actions .visual-contacts .object-card{gap:6px;padding:9px 7px}.dialog-actions .object-illustration{width:30px;height:36px}.dialog-actions .object-illustration svg{width:26px;height:26px}.report-steps{margin:12px 17px 0}.report-steps li{font-size:10px}.consultation-reply{margin:14px 17px 0;padding:12px}.report-memo,.record-document{margin-left:17px;margin-right:17px}.report-preparation .story-picture>img{height:135px}.record-tabs{gap:6px;padding:8px 17px}#record-title{font-size:20px}.case-items{padding:11px}.case-item-buttons{gap:6px}.case-item{text-align:center;flex-direction:column;gap:5px;padding:9px 5px}.case-item strong{font-size:11px}.case-item small{font-size:8px}.chapter-end{gap:10px;padding:14px}.chapter-end h2{font-size:16px}.chapter-end p:not(.eyebrow){font-size:11px}.chapter-end-actions .button{min-width:125px;font-size:11px}}@media (max-height:500px){.dialog-actions{max-height:54%;padding-top:8px;padding-bottom:8px}.dialog-actions .choice-actions{gap:5px}.dialog-actions .choice-actions .button{padding-top:6px;padding-bottom:6px}.dialog-top .icon-button{height:32px}.dialog-top{padding-top:2px;padding-bottom:2px}}.series-return{white-space:nowrap;text-decoration:none}.header-actions{flex-wrap:wrap}.header-actions .simulation-label{display:none}@media (max-width:520px){.site-header{align-items:flex-start}.header-actions{justify-content:flex-end;gap:4px}.header-actions .text-button{padding:7px 6px;font-size:11px}.brand small{max-width:130px}}.notebook-hotspot{z-index:2;pointer-events:auto;color:#284d40;background:#f2dda7;border:2px solid #fff9dc;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:94px;padding:7px 10px 8px;display:flex;position:absolute;top:23%;left:49%;transform:translate(-50%,-40%);box-shadow:0 0 0 4px #fff1ba66,0 5px 18px #263d3c55}.notebook-hotspot:hover,.notebook-hotspot:focus-visible{background:#ffe9b0;box-shadow:0 0 0 6px #fff1baaa,0 5px 18px #263d3c55}.notebook-book{place-items:center;display:grid}.notebook-book svg{width:32px;height:32px}.notebook-hotspot strong{white-space:nowrap;font-size:11px;line-height:1.5}.notebook-open-badge{color:#fffdf4;background:#28564a;border:1px solid #fff8dc;border-radius:12px;padding:2px 7px;font-size:9px;line-height:1.5;position:absolute;top:-10px;right:-9px}.case-items .case-notebook{text-align:left;background:#fbf4df;border-color:#d9c38e;flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:12px;padding:12px 15px}.case-notebook>svg{color:#8c7036;flex-shrink:0;width:25px;height:25px}.case-notebook small{font-size:10px;line-height:1.7}.case-notebook.notebook-complete{background:#f6ebc9;border-color:#cbb06b}.case-notebook .notebook-item-arrow{margin-left:auto;font-size:21px}.story-sidebar .restart{min-height:44px;margin-top:14px;padding-top:10px;font-size:11px}.record-tabs{flex-wrap:wrap}.record-tabs .record-notebook{color:#65532c;background:#fbf4df;border-color:#d9c38e;flex:1 0 100%;gap:7px}.record-notebook>svg{width:19px;height:19px}#notebook-panel{width:min(680px,100vw - 28px)}#notebook-title{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:26px;font-weight:600;line-height:1.6}.notebook-return{width:100%}.notebook-content p{font-size:13px;line-height:1.95}.notebook-content .speech p{margin:0;font-size:14px;line-height:1.9}.notebook-content .scene-narration{margin:14px 24px;font-size:12px;line-height:1.95}.notebook-content .learning-detail{margin:16px 24px;font-size:12px;line-height:1.95}.notebook-content .diagram-note{font-size:11px}.notebook-content>.sources-list{margin:16px 24px}.notebook-content .subtle{color:var(--muted);font-size:11px;line-height:1.85}@media (max-width:520px){.notebook-hotspot{gap:2px;min-width:85px;padding:5px 7px 6px;left:47%}.notebook-book svg{width:25px;height:25px}.notebook-hotspot strong{font-size:10px}.notebook-open-badge{font-size:8px;top:-8px;right:-6px}.case-items .case-notebook{padding:10px 12px}.case-notebook small{font-size:9px}.record-tabs .record-notebook{min-height:40px;font-size:11px}#notebook-title{font-size:20px;line-height:1.5}.notebook-content .speech p{font-size:13px}.notebook-content .scene-narration,.notebook-content .learning-detail{margin-left:17px;margin-right:17px}.notebook-content .learning-detail{font-size:11px}}