:root{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,serif;--blue-mountain: #495d84;--blue-deep: #344766;--blue-soft: #8391a8;--silver-white: #f1f0ed;--paper: #fbfaf7;--silver-veil: rgba(251, 250, 247, .96);--ink: #202634;--muted: #4f5a6f;--line: rgba(73, 93, 132, .28);--shadow: rgba(38, 51, 76, .16);color:var(--ink);background:var(--silver-white);line-height:1.6;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(73,93,132,.18) 0%,rgba(73,93,132,.08) 22%,rgba(241,240,237,.98) 42%,var(--silver-white) 100%);background-attachment:fixed}button{font:inherit}#root,.app-shell{min-height:100vh}.site-home-link{position:fixed;top:14px;left:14px;z-index:25;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fbfaf7d1;color:var(--blue-deep);text-decoration:none;font-size:.92rem;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 24px #26334c14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen{width:min(100% - 28px,520px);margin:0 auto;padding:72px 0 28px}.home-screen,.panel-screen,.play-screen{display:grid;gap:16px}.panel-screen,.play-screen{border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 14px 34px #26334c1a}.panel-screen{padding:20px}.play-screen{padding:18px 16px}.home-screen{min-height:100vh;align-content:center;padding:0 0 52px}.home-screen h1,.panel-screen h2,.question-card h2{margin:0;letter-spacing:0}.home-screen h1{display:grid;gap:4px;max-width:6em;color:var(--blue-deep);font-size:clamp(2.92rem,13.5vw,4.9rem);line-height:1.04}.home-screen h1 span{display:block}.panel-screen h2{color:var(--ink);font-size:clamp(1.72rem,8vw,2.7rem);line-height:1.12}.panel-screen p,.ending-box p,.trail-box p,.ending-card p,.save-hint{margin:0;color:var(--ink)}.stage-rule{border-left:3px solid rgba(73,93,132,.5);padding-left:10px;color:var(--muted)!important;font-size:.95rem}.eyebrow{margin:0;color:var(--blue-deep);font-size:.82rem;font-weight:700}.home-screen .eyebrow{color:var(--blue-mountain)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--line);background:#fbfaf7f0;padding:6px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar div{display:grid;gap:0}.top-bar span{color:var(--muted);font-size:.72rem}.top-bar strong{font-size:.98rem}.stat-drawer{position:fixed;z-index:30;top:60px;right:12px;width:min(360px,calc(100% - 24px));max-height:calc(100vh - 82px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 18px 44px var(--shadow);padding:14px}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.home-actions,.button-stack,.choice-list,.option-grid{display:grid;gap:12px}.choice-card,.option-button,.primary-button,.ghost-button,.plain-button,.link-button{border-radius:8px;cursor:pointer}.primary-button,.ghost-button{min-height:52px;width:100%;padding:12px 16px;font-weight:700}.primary-button{border:1px solid var(--blue-deep);background:var(--blue-mountain);color:var(--silver-white)}.ghost-button{border:1px solid var(--line);background:var(--silver-veil);color:var(--blue-mountain)}.primary-button:disabled,.ghost-button:disabled,.choice-card:disabled{cursor:not-allowed;opacity:.48}.plain-button{border:1px solid var(--line);background:var(--silver-veil);color:var(--blue-mountain);padding:7px 11px;font-size:.9rem}.link-button{border:0;background:transparent;color:var(--blue-deep);padding:4px;text-align:center;font-weight:700}.save-hint{color:var(--muted);font-size:.88rem;text-align:center}.cloud-save-box{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fafcfcc7;padding:12px;color:var(--muted);font-size:.86rem}.cloud-save-box p{margin:0}.cloud-save-actions{display:grid;gap:8px}.cloud-save-actions .ghost-button{min-height:40px;padding:8px 10px;font-size:.86rem}.choice-card{display:grid;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:16px;text-align:left}.choice-card strong{font-size:1.25rem}.choice-card span,.simple-meta,.question-progress{color:var(--muted)}.simple-meta{display:flex;flex-wrap:wrap;gap:8px}.simple-meta span,.tag{border:1px solid var(--line);border-radius:6px;background:#f4f3f0;padding:5px 9px}.question-progress{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.question-card{display:grid;gap:16px}.question-card h2{font-size:1.32rem;line-height:1.72}.option-button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;min-height:58px;border:1px solid var(--line);background:#f7f6f3;color:var(--ink);padding:13px;text-align:left}.option-button span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(73,93,132,.42);border-radius:50%;color:var(--blue-mountain);font-weight:700}.option-button strong{min-width:0;overflow-wrap:anywhere;font-weight:600}.option-button.selected{border-color:#495d84b8;background:#495d841f}.option-button.selected span{background:var(--blue-mountain);color:var(--silver-white)}.bottom-action{position:sticky;bottom:0;margin-top:8px;padding:12px 0 0;background:linear-gradient(180deg,rgba(251,250,247,0),var(--paper) 30%)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-chip{display:grid;border-left:3px solid rgba(73,93,132,.7);border-radius:6px;background:#495d8414;padding:8px}.stat-chip span{color:var(--muted);font-size:.76rem}.stat-chip strong{font-size:1.08rem}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{color:var(--blue-deep);font-size:.88rem}.tag.empty{border-color:#495d8424;color:var(--muted)}.ending-box{display:grid;gap:8px;border-left:4px solid var(--blue-mountain);background:#f4f3f0;padding:12px 14px}.collection-note{color:var(--blue-deep);font-size:.82rem;font-weight:700}.trail-box{display:grid;gap:6px;border:1px solid rgba(73,93,132,.2);border-radius:8px;background:#495d840f;padding:12px 14px}.trail-box p{color:var(--muted);font-size:.95rem}.ending-book-screen{gap:14px}.ending-grid{display:grid;gap:16px}.ending-group{display:grid;gap:8px}.ending-group h3{margin:0;color:var(--blue-deep);font-size:1rem}.ending-group-list{display:grid;gap:10px}.ending-card{display:grid;gap:5px;border:1px solid rgba(73,93,132,.16);border-radius:8px;background:#f7f6f3;padding:12px}.ending-card.unlocked{border-color:#495d8457;background:#495d8414}.ending-card span{color:var(--muted);font-size:.78rem}.ending-card strong{color:var(--ink);font-size:1.02rem}.ending-card p{color:var(--muted);font-size:.9rem}.effect-feedback{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.effect-feedback span{border:1px solid rgba(73,93,132,.32);border-radius:999px;background:#495d8414;color:var(--blue-deep);padding:4px 9px;font-size:.86rem;font-weight:700}@media(min-width:760px){.screen{padding-top:96px}.home-screen{min-height:calc(100vh - 40px)}}@media(max-width:640px){.site-home-link{top:12px;left:12px}}