html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}.story-app{position:relative;width:100%;height:100%;background:#40c9ff}.story-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;touch-action:none}.story-fatal{position:absolute;top:0;right:0;bottom:0;left:0;padding:12vh 10vw;background:#fff9df;z-index:50;font-family:system-ui,sans-serif}.story-hud__chapter p{white-space:normal!important;overflow:visible!important;line-height:1.6}.story-ui{--story-ink:#102957;--story-sky:#79d9ff;--story-paper:#fff9df;--story-coral:#ff6a53;--story-blue:#1962ca;--story-navy:#102651;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;color:var(--story-ink);font-family:Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif;pointer-events:none}.story-ui *,.story-ui *:before,.story-ui *:after{box-sizing:border-box}.story-ui button,.story-ui input,.story-ui select{font:inherit}.story-ui button,.story-ui a,.story-ui input,.story-ui select,.story-ui details{pointer-events:auto}.story-ui button:focus-visible,.story-ui a:focus-visible,.story-ui input:focus-visible,.story-ui select:focus-visible{outline:3px solid #ffbd35;outline-offset:3px}.story-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 15px;border:1px solid rgba(16,41,87,.22);border-radius:12px;color:var(--story-navy);background:#ffffffc7;box-shadow:0 3px #10295724;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.story-button:hover{transform:translateY(-2px);box-shadow:0 5px #10295729}.story-button:active{transform:translateY(1px);box-shadow:0 1px #10295729}.story-button:disabled{opacity:.45;cursor:not-allowed}.story-button--primary{border-color:transparent;color:#fffdf1;background:var(--story-navy);box-shadow:0 4px #071631}.story-button--quiet{background:transparent;box-shadow:none}.story-menu{min-height:100%;display:flex;align-items:center;gap:clamp(28px,6vw,96px);padding:clamp(24px,6vw,90px);background:linear-gradient(110deg,#66d2ffe8 0,#66d2ffe8 53%,#66d2ff38 75%);pointer-events:auto}.story-menu__card{width:min(590px,100%);padding:clamp(28px,4vw,54px);border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#fffdf0e8;box-shadow:0 18px 55px #0f3f7a38,8px 8px #1029571f}.story-kicker{margin:0 0 11px;color:#d54b3d;font-size:12px;font-weight:900;letter-spacing:.14em}.story-menu h1,.story-ending h1,.story-panel h2,.story-pause h2{margin:0;font-family:"Noto Serif CJK SC",STKaiti,serif;letter-spacing:-.065em}.story-menu h1{font-size:clamp(47px,6vw,82px);line-height:.95}.story-menu h1 em{color:var(--story-blue);font-style:normal}.story-menu__hook{margin:23px 0 8px;font-size:18px;font-weight:800;line-height:1.65}.story-menu__promise{margin:0;color:#405273;line-height:1.7}.story-menu__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.story-controls{margin-top:15px;padding:12px 14px;border-radius:12px;background:#eaf6ff;color:#385276;font-size:13px;line-height:1.85}.story-desktop-note{margin:20px 0 0;color:#526583;font-size:12px}.story-desktop-note svg{vertical-align:-3px}.story-menu__side{width:250px;display:grid;gap:8px;padding:21px;border-radius:20px;color:#fff;background:#102957c7;box-shadow:0 12px 35px #0b2e6333}.story-menu__side b{font-size:19px}.story-menu__side span,.story-menu__side p{color:#d9efff;font-size:13px;line-height:1.65}.story-side__label{margin:0;color:#ffd062!important;font-size:11px!important;font-weight:900;letter-spacing:.11em}.story-hud{position:absolute;pointer-events:auto}.story-hud__chapter{top:20px;left:20px;width:min(310px,calc(100vw - 40px));padding:15px 17px;border:1px solid rgba(255,255,255,.76);border-radius:16px;background:#fffdefe6;box-shadow:0 5px 17px #1236662e}.story-hud__chapter span{display:block;color:#d54b3d;font-size:11px;font-weight:900;letter-spacing:.12em}.story-hud__chapter strong{display:block;margin-top:2px;font-size:17px}.story-hud__chapter p{margin:5px 0 9px;overflow:hidden;color:#4d6386;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.story-progress{height:5px;overflow:hidden;border-radius:9px;background:#d5e6ed}.story-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c95e7,#65d7d8)}.story-hud__tools{top:20px;right:20px;display:flex;align-items:stretch;gap:7px}.story-mode-picker{display:flex;padding:4px;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:#fffdefe6;box-shadow:0 5px 17px #1236662e}.story-mode{display:grid;gap:1px;padding:7px 11px;border:0;border-radius:9px;color:#536782;background:transparent;cursor:pointer;text-align:left}.story-mode b{font-size:12px}.story-mode span{font-size:10px}.story-mode.is-active{color:#fff;background:var(--story-navy)}.story-mode--classic.is-active{color:var(--story-ink);background:#ffd35c}.story-mode--seen.is-active{background:#7d519f}.story-mode-picker--compact .story-mode{padding:6px 8px}.story-mode-picker--compact .story-mode span{display:none}.story-icon-button{display:grid;width:42px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:13px;color:var(--story-navy);background:#fffdefe6;box-shadow:0 5px 17px #1236662e;cursor:pointer}.story-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;filter:drop-shadow(0 1px 2px #102957)}.story-interact{position:absolute;bottom:110px;left:50%;display:flex;align-items:center;gap:9px;transform:translate(-50%);padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.82);border-radius:14px;color:#fff;background:#102957e0;box-shadow:0 5px 18px #061c4540;cursor:pointer;font-weight:800}.story-interact kbd{padding:3px 7px;border-radius:7px;color:var(--story-navy);background:#ffdf70}.story-readout{position:absolute;bottom:20px;left:20px;display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:13px;background:#fffdefe6;box-shadow:0 5px 17px #1236662e}.story-readout span{min-width:75px;padding:9px 12px;border-right:1px solid #d9e4e9;font-size:13px;font-variant-numeric:tabular-nums}.story-readout span:last-child{border:0}.story-readout b{margin-right:5px;color:#d54b3d}.story-physics-note{position:absolute;right:20px;bottom:20px;display:flex;gap:7px;max-width:270px;padding:10px 12px;border-radius:12px;color:#eaf6ff;background:#102957d6;font-size:11px;line-height:1.55}.story-physics-note svg{flex:none;margin-top:2px;color:#ffdc6d}.story-inventory,.story-status{position:absolute;left:20px;display:flex;flex-wrap:wrap;gap:6px}.story-inventory{top:145px;max-width:310px}.story-inventory span,.story-status span{padding:5px 8px;border-radius:8px;color:#314a70;background:#fffdefe0;font-size:11px;font-weight:800}.story-status{bottom:76px;max-width:40vw}.story-status span{display:flex;gap:3px;color:#174d54;background:#d9ffec}.story-toast{position:absolute;top:22%;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:999px;color:#fff;background:#102957e3;font-size:13px;font-weight:800;box-shadow:0 6px 20px #061c4538}.story-dialogue{position:absolute;right:20px;bottom:95px;width:min(390px,calc(100vw - 40px));padding:17px 18px;border:1px solid rgba(255,255,255,.75);border-radius:17px;color:var(--story-ink);background:#fffdeff0;box-shadow:0 8px 24px #09224c33;pointer-events:auto}.story-dialogue p{margin:0 0 6px;color:#d54b3d;font-size:12px;font-weight:900}.story-dialogue strong{display:block;line-height:1.65}.story-dialogue__next{float:right;min-height:auto;margin-top:9px;padding:4px 2px;border:0;color:var(--story-blue);background:none;box-shadow:none}.story-panel-shade,.story-pause-shade{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#091b3e5e;pointer-events:auto}.story-panel,.story-pause{position:relative;width:min(490px,100%);padding:31px;border:1px solid rgba(255,255,255,.86);border-radius:22px;color:var(--story-ink);background:var(--story-paper);box-shadow:0 22px 70px #03143357}.story-panel h2,.story-pause h2{font-size:31px}.story-panel>p:not(.story-kicker){color:#455d7e;line-height:1.7}.story-panel__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:#4a6386;background:#e8f2f4;cursor:pointer}.story-panel__controls{display:grid;gap:16px;margin:22px 0}.story-panel small{display:block;padding-top:12px;border-top:1px solid #dce5e5;color:#5b6d83;line-height:1.55}.story-device{display:grid;gap:8px;font-size:13px;font-weight:800}.story-device span{display:flex;justify-content:space-between}.story-device output{color:#d54b3d}.story-device input{accent-color:#2775d7}.story-device select,.story-setting select{padding:8px;border:1px solid #c4d5d8;border-radius:8px;color:var(--story-ink);background:#fff}.story-pause{display:grid;gap:15px}.story-setting{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #dce5e5;font-weight:800}.story-check{font-size:13px;font-weight:800}.story-check input{accent-color:#2775d7}.story-ending{min-height:100%;display:grid;place-items:center;padding:32px 20px;overflow:auto;background:linear-gradient(155deg,#8fe1ff,#d7f5ff 55%,#fff5cc);pointer-events:auto}.story-ending__card{width:min(700px,100%);padding:clamp(29px,5vw,54px);border:1px solid rgba(255,255,255,.88);border-radius:27px;background:#fffdefed;box-shadow:0 20px 60px #12488138}.story-ending h1{color:var(--story-blue);font-size:clamp(55px,9vw,96px);line-height:.9}.story-ending__quote{color:#4b6283;font-size:18px;line-height:1.7}.story-ending__card>p:not(.story-kicker){line-height:1.75}.story-evidence{display:grid;gap:9px;margin:25px 0}.story-evidence details{border:1px solid #d1e0dc;border-radius:12px;background:#f2fbf5}.story-evidence summary{padding:13px 15px;cursor:pointer;color:#234b5b;font-weight:900}.story-evidence p,.story-evidence a{margin:0 15px 13px;color:#48677a;font-size:13px;line-height:1.65}.story-evidence a{display:inline-flex;align-items:center;color:#176cc2;font-weight:800;text-decoration:none}.story-ending__question{padding:14px;border-left:4px solid #ffbf36;border-radius:0 10px 10px 0;background:#fff5d7}.story-ending .story-button{margin:8px 8px 0 0}.story-waypoint{position:absolute;top:22px;left:50%;display:flex;align-items:center;gap:8px;min-width:175px;max-width:min(310px,calc(100vw - 680px));transform:translate(-50%);padding:8px 12px;border:1px solid rgba(255,255,255,.78);border-radius:13px;color:var(--story-navy);background:#fffdefe6;box-shadow:0 5px 17px #1236662b}.story-waypoint svg{flex:none;color:#e25543;transition:transform .22s ease}.story-waypoint span{display:grid;min-width:0}.story-waypoint small{color:#59718d;font-size:9px;font-weight:900;letter-spacing:.11em}.story-waypoint b{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.story-waypoint em{margin-left:auto;color:#356a95;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.story-key-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:7px 11px;border-radius:10px;color:#e8f6ff;background:#102957bf;font-size:10px;white-space:nowrap;pointer-events:none}.story-key-hint b{color:#ffdc70;font-weight:900}.story-model-note{padding:10px 12px;border:1px solid #d6e3e2;border-radius:11px;background:#f3faf8;color:#4b6475;font-size:12px;line-height:1.6}.story-model-note summary{cursor:pointer;color:#28516a;font-weight:900}.story-model-note p{margin:9px 0 0}.story-model-note sup{line-height:0}@media(max-width:720px){.story-menu{align-items:flex-start;padding:20px;overflow:auto}.story-menu__side{display:none}.story-menu__card{padding:29px 25px}.story-menu h1{font-size:52px}.story-hud__chapter{top:10px;left:10px}.story-hud__tools{top:auto;right:10px;bottom:10px}.story-readout{bottom:10px;left:10px}.story-readout span{min-width:0;padding:7px 8px;font-size:11px}.story-physics-note{right:10px;bottom:62px;max-width:210px;font-size:10px}.story-dialogue{right:10px;bottom:118px}.story-status{display:none}.story-inventory{top:134px;left:10px}.story-interact{bottom:72px}.story-mode-picker--compact .story-mode{padding:6px}.story-icon-button{width:37px}.story-waypoint{top:92px;max-width:calc(100vw - 20px)}.story-key-hint{display:none}.story-ending{align-items:start}.story-panel,.story-pause{padding:26px 22px}}