:root{color:#2f3237;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef8f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit;overflow-wrap:break-word}button:focus-visible{outline-offset:3px;outline:3px solid #5ca4d8}.app-shell{min-height:100svh;padding:max(18px, env(safe-area-inset-top,0px)) max(14px, env(safe-area-inset-right,0px)) max(18px, env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px));background:linear-gradient(#fafcffeb,#e4f7efe6),#eef8f4;place-items:center;display:grid}.start-screen{text-align:center;background:#fffaf0;border:2px solid #f0d37a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(100%,390px);min-height:620px;padding:20px;display:flex;box-shadow:0 18px 42px #5746211f}.start-visual{background:#e9f7ff;border:2px solid #f0d37a;border-radius:22px;width:100%;height:190px;position:relative;overflow:hidden}.start-scene{object-fit:cover;width:100%;height:100%;display:block}.start-character{background:#ddf6f0;border:4px solid #fffaf0;border-radius:28px;width:112px;height:112px;position:absolute;bottom:10px;right:20px;box-shadow:0 12px 24px #2f323729}.game-frame{width:min(100%,430px)}.scene-stage{background:#fffaf0;border:2px solid #f0d37a;border-radius:24px;flex-direction:column;min-height:min(640px,100svh - 36px);display:flex;overflow:visible;box-shadow:0 18px 42px #5746211f}.scene-visual{background:var(--scene-accent,#8cc5d8);flex:none;height:clamp(260px,38svh,330px);min-height:0;position:relative;overflow:hidden}.scene-stage--ending .scene-visual{flex:none;height:clamp(160px,24svh,210px)}.scene-image{object-fit:cover;width:100%;height:100%;display:block}.scene-wash{pointer-events:none;background:linear-gradient(#fff0 42%,#fffaf0b8 100%),linear-gradient(90deg,#ffffff3d,#fff0);position:absolute;inset:0}.scene-topbar{z-index:3;gap:8px;display:grid;position:absolute;top:12px;left:12px;right:12px}.scene-topbar-row{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.scene-topbar-row>span,.day-progress{color:#3f464b;background:#fffaf0db;border:1px solid #ffffffb8;border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 8px 16px #2f32371a}.scene-topbar-row>span{white-space:nowrap;text-overflow:ellipsis;max-width:calc(50% - 4px);overflow:hidden}.day-progress{background:#fffaf0eb;grid-template-columns:auto 1fr;justify-self:start;gap:8px;width:min(190px,58%);display:grid}.day-progress-label{color:#705018;white-space:nowrap;font-size:12px;font-weight:900}.day-progress-track{background:#e0be6047;border-radius:999px;height:8px;overflow:hidden}.day-progress-fill{width:var(--day-progress-width,14.28%);border-radius:inherit;background:#ffd45c;height:100%;display:block}.scene-quick-action{z-index:2;position:absolute;top:88px;right:12px}.quick-skip-action{color:#5260b8;cursor:pointer;background:#ffffffeb;border:2px solid #c8c2ff;border-radius:999px;min-height:44px;padding:0 14px;font-size:14px;font-weight:900;box-shadow:0 8px 16px #2f32371a}.story-layer{z-index:2;margin-top:-56px;padding:0 14px 14px;position:relative}.scene-stage--ending .story-layer{margin-top:-58px}.story-card,.dialogue-card{border:2px solid var(--speaker-accent,#f0d37a);background:#fffaf0f5;border-radius:22px;flex-direction:column;gap:14px;width:100%;display:flex;box-shadow:0 16px 30px #2f323724}.story-card{min-height:320px;padding:22px}.dialogue-card{min-height:280px;padding:18px}.scene-stage--ending .dialogue-card{gap:8px;min-height:auto;padding:12px}.scene-stage--ending .speaker-row{grid-template-columns:52px 1fr;gap:10px}.scene-stage--ending .avatar{border-radius:14px;width:50px;height:50px}.scene-stage--ending .speaker-role{display:none}.speaker-row,.system-title{grid-template-columns:68px 1fr;align-items:center;gap:12px;display:grid}.avatar{border:3px solid var(--speaker-accent,#f0d37a);color:#705018;object-fit:cover;background:#fff7dc;border-radius:18px;flex:none;width:64px;height:64px;font-weight:900;display:block}.portrait-avatar{box-shadow:0 8px 16px #2f323721}.system-avatar{background:#e8faff;border-color:#4fb7c5}.speaker-name,.speaker-role{margin:0}.speaker-name{color:#262a2e;font-size:18px;font-weight:900;line-height:1.2}.speaker-role{color:#687075;margin-top:4px;font-size:13px;font-weight:700;line-height:1.35}.story-text{color:#3f464b;white-space:pre-line;overflow-wrap:break-word;margin:0;font-size:18px;line-height:1.7}.system-popup{background:#f2fffcf7;border-color:#4fb7c5}.day-settle{background:#fbfff2f7;border-color:#7fc8a9}.ending-card{background:#fff8f0fa;border-color:#f28c6b}.ending-card h2{color:#262a2e;margin:0;font-size:21px;line-height:1.24}.scene-stage--ending .story-text{font-size:15px;line-height:1.48}.ending-status{color:#705018;background:#ffe9a9;border-radius:999px;width:fit-content;margin:0;padding:6px 10px;font-size:13px;font-weight:900}.achievement-line,.sting-line,.ending-hook,.demo-report{border-radius:12px;margin:0;padding:8px 10px;font-size:13px;line-height:1.42}.achievement-line{color:#2b6d68;background:#dff4f0;font-weight:900}.sting-line{color:#7c3f2d;background:#fff1e3;font-weight:800}.ending-hook{color:#705018;background:#fff7dc;font-weight:900}.demo-report{color:#706452;background:#f6efd9;font-weight:800}.choice-card{background:#fffdf4f7;border-color:#f0d37a}.choice-label{color:#2b6d68;background:#dff4f0;border-radius:999px;width:fit-content;margin:0;padding:6px 10px;font-size:13px;font-weight:900}.choice-card h2{color:#262a2e;margin:0;font-size:21px;line-height:1.35}.choice-list{gap:10px;display:grid}.choice-button,.secondary-action,.ghost-action,.link-action{color:#382514;cursor:pointer;background:#fff7dc;border:2px solid #f0d37a;border-radius:14px;width:100%;min-height:48px;font-size:16px;font-weight:850}.story-actions{gap:10px;margin-top:auto;display:grid}.ending-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scene-stage--ending .ghost-action,.scene-stage--ending .secondary-action{border-radius:12px;min-height:44px;padding:0 6px;font-size:13px;line-height:1.2}.choice-button{text-align:left;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.choice-index{color:#705018;background:#ffd45c;border-radius:10px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:grid}.choice-button:active,.secondary-action:active,.ghost-action:active,.link-action:active,.primary-action:active,.quick-skip-action:active{transform:translateY(2px)}.choice-button:hover,.secondary-action:hover,.ghost-action:hover,.link-action:hover,.primary-action:hover,.quick-skip-action:hover{filter:saturate(1.05)}.secondary-action{text-align:center;padding:0 18px}.ghost-action,.link-action{color:#5260b8;text-align:center;background:#fff;border-color:#c8c2ff}.link-action{min-height:44px}.phase-note{color:#706452;background:#f6efd9;border-radius:14px;margin:auto 0 0;padding:12px;font-size:14px;line-height:1.5}.scene-badge{color:#2b6d68;background:#dff4f0;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:13px;font-weight:800}.helmet-mark{color:#705018;background:#ffd45c;border-radius:46px 46px 24px 24px;place-items:center;width:92px;height:72px;font-size:34px;font-weight:900;display:grid;box-shadow:inset 0 -10px #da9a1f2e}.kicker{color:#687075;margin:4px 0 0;font-size:15px;font-weight:800}h1{color:#262a2e;letter-spacing:0;margin:0;font-size:34px;line-height:1.12}.intro{color:#4f575d;overflow-wrap:break-word;margin:0;font-size:17px;line-height:1.65}.primary-action{color:#382514;cursor:pointer;background:#ffb84d;border:0;border-radius:14px;width:100%;min-height:50px;font-size:18px;font-weight:900;box-shadow:0 8px #d89131}.primary-action:active{box-shadow:0 6px #d89131}.hint{color:#80878c;margin:6px 0 0;font-size:13px;line-height:1.5}.collection-screen{background:#fffaf0;border:2px solid #f0d37a;border-radius:24px;flex-direction:column;gap:16px;width:min(100%,430px);min-height:min(760px,100svh - 36px);max-height:calc(100svh - 36px);padding:20px;display:flex;overflow:auto;box-shadow:0 18px 42px #5746211f}.collection-header{gap:10px;display:grid}.collection-stats{flex-wrap:wrap;gap:8px;display:flex}.collection-stats span{color:#2b6d68;background:#dff4f0;border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;font-size:13px;font-weight:900;display:inline-flex}.ending-list{gap:10px;display:grid}.ending-list-item{color:#7d745f;background:#f8f3e4;border:2px solid #eadfbf;border-radius:14px;gap:6px;padding:12px;display:grid}.ending-list-item.unlocked{color:#2f4648;background:#f2fffc;border-color:#a8ded8}.ending-list-item h2,.ending-list-item p{margin:0}.ending-list-item h2{font-size:18px;line-height:1.3}.ending-list-item p{overflow-wrap:break-word;font-size:14px;line-height:1.5}.ending-list-status{color:#687075;font-size:12px;font-weight:900}.collection-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:2px;display:grid}.glossary-screen{background:#fffdf5}.empty-note{color:#7d745f;background:#fff8e4;border:2px dashed #eadfbf;border-radius:14px;margin:0;padding:12px;font-size:14px;font-weight:800;line-height:1.5}.glossary-list{gap:10px;display:grid}.glossary-item{color:#7d745f;background:#f8f3e4;border:2px solid #eadfbf;border-radius:14px;gap:7px;padding:12px;display:grid}.glossary-item.unlocked{color:#2f4648;background:#f2fffc;border-color:#a8ded8}.glossary-heading{grid-template-columns:46px 1fr;align-items:center;gap:10px;display:grid}.glossary-heading>div{min-width:0}.glossary-icon{background:linear-gradient(135deg,#ffdd68 0%,#8fd6d0 100%);border:2px solid #ffffffd1;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;line-height:1;display:grid;box-shadow:0 8px 16px #4254541f}.glossary-icon.locked{color:#8a7b61;background:#efe7d0;font-size:20px;font-weight:900}.glossary-item h2,.glossary-item p{overflow-wrap:break-word;margin:0}.glossary-item h2{color:#262a2e;font-size:19px;line-height:1.3}.glossary-item p{font-size:14px;line-height:1.55}.glossary-status{color:#687075;margin:0 0 2px;font-size:12px;font-weight:900}.glossary-joke{color:#72531d;background:#fff1cf;border-radius:12px;padding:9px 10px;font-weight:900}.unlock-toast{left:50%;bottom:max(18px, env(safe-area-inset-bottom,0px));z-index:30;color:#2b6d68;pointer-events:none;background:#f2fffcf5;border:2px solid #a8ded8;border-radius:999px;place-items:center;max-width:min(360px,100vw - 28px);min-height:42px;padding:8px 14px;font-size:14px;font-weight:900;transition:opacity .16s,transform .16s;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 24px #2f323724}.unlock-toast:empty{opacity:0;transform:translate(-50%,8px)}.debug-panel{z-index:20;color:#26333a;background:#f7fbfffa;border:2px solid #7c8ae8;border-radius:16px;width:min(320px,100vw - 24px);max-height:min(520px,100svh - 24px);font-size:13px;position:fixed;top:12px;right:12px;overflow:auto;box-shadow:0 18px 40px #2f32372e}.debug-panel details{padding:10px}.debug-panel summary{cursor:pointer;font-weight:900}.debug-block{border-top:1px solid #d8def8;gap:8px;margin-top:10px;padding-top:10px;display:grid}.debug-block p{margin:0}.debug-title{color:#5260b8;font-weight:900}.debug-flag-list,.debug-grid{flex-wrap:wrap;gap:6px;display:flex}.debug-chip,.debug-action,.debug-panel select{color:#26333a;background:#fff;border:1px solid #b8c0ee;border-radius:10px;min-height:34px;font-size:12px;font-weight:800}.debug-chip,.debug-action{cursor:pointer;padding:6px 8px}.debug-chip.active{color:#24745f;background:#dff4f0;border-color:#5abf97}.debug-panel label{gap:6px;font-weight:900;display:grid}.debug-panel select{width:100%;padding:0 8px}@media (width<=360px){.app-shell{padding:max(12px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px))}.start-screen{min-height:580px;padding:16px}.start-visual{height:166px}.start-character{width:96px;height:96px;right:14px}h1{font-size:30px}.scene-stage{border-radius:20px;min-height:min(600px,100svh - 24px)}.scene-visual{height:clamp(230px,36svh,280px)}.scene-stage--ending .scene-visual{height:clamp(140px,22svh,176px)}.story-layer{margin-top:-48px;padding:0 10px 10px}.scene-stage--ending .story-layer{margin-top:-48px}.dialogue-card{min-height:270px;padding:14px}.speaker-row,.system-title{grid-template-columns:58px 1fr;gap:10px}.avatar{border-radius:16px;width:56px;height:56px}.story-text{font-size:16px;line-height:1.62}.choice-card h2{font-size:19px}.choice-button{font-size:15px}.ending-card h2{font-size:19px}.scene-stage--ending .story-text{font-size:14px}.day-progress{grid-template-columns:auto 68px;width:min(176px,62%)}.glossary-heading{grid-template-columns:42px 1fr}.glossary-icon{width:40px;height:40px;font-size:20px}.collection-actions{grid-template-columns:1fr}.ending-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (height<=680px){.scene-stage{min-height:min(584px,100svh - 24px)}.scene-visual{height:clamp(220px,34svh,260px)}.scene-stage--ending .scene-visual{height:142px}.story-layer{margin-top:-44px}.dialogue-card{min-height:260px}}