:root{--paper:#f6f0e6;--ink:#172c24;--muted:#66736d;--green:#1f6b4f;--lime:#cdea63;--orange:#ff7a45;--pink:#f2a7ba;--blue:#83c9d9;--card:#fffdf7;--line:#d9d6ca;--shadow:0 12px 34px rgba(23,44,36,.11);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#fff9d8 0,transparent 27%),radial-gradient(circle at 92% 26%,#dcefdc 0,transparent 25%),var(--paper)}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app-shell{width:min(100%,680px);min-height:100vh;margin:auto;padding:0 18px 48px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);font-weight:800;text-decoration:none;font-size:14px;letter-spacing:.04em}.brand-dot{width:15px;height:15px;border-radius:50%;background:var(--orange);box-shadow:9px 5px 0 var(--lime)}.icon-btn,.round-btn{border:1.5px solid var(--ink);background:var(--card);border-radius:50%;width:39px;height:39px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);font-weight:900}.screen{display:none}.screen.active{display:block}.start-screen{padding-top:38px;text-align:center}.hero-sticker{display:inline-block;background:var(--lime);border:1.5px solid var(--ink);border-radius:99px;padding:7px 13px;font-weight:800;font-size:12px;transform:rotate(-2deg)}h1{margin:18px 0 12px;font-family:Georgia,"STSong",serif;font-size:clamp(42px,12vw,72px);line-height:.98;letter-spacing:-.05em}h1 span{font-size:.62em;color:var(--green);letter-spacing:-.07em}.hero-copy{color:var(--muted);line-height:1.8}.hero-scene{position:relative;height:255px;margin:25px 0 12px;overflow:hidden;border:1.5px solid var(--ink);border-radius:32px;background:linear-gradient(#9ed9e5 0 54%,#ecbd87 54%);box-shadow:var(--shadow)}.hero-scene:after{content:"MELBOURNE · 2026";position:absolute;bottom:16px;left:18px;font-size:11px;font-weight:900;letter-spacing:.18em}.sun{position:absolute;width:74px;height:74px;right:30px;top:26px;border-radius:50%;background:#ffe56b;border:1.5px solid var(--ink)}.tram{position:absolute;width:210px;height:85px;right:-26px;bottom:31px;background:#16704f;color:white;border:2px solid var(--ink);border-radius:20px 20px 8px 8px;text-align:left;padding:12px;font-weight:900;font-size:24px;box-shadow:inset 0 29px #dceae8}.hero-avatar{position:absolute;left:53px;bottom:20px;width:105px;height:140px;border:2px solid var(--ink);border-radius:52% 52% 30% 30%;background:#ff8a52;display:grid;place-items:center;font:900 46px Georgia;color:#fff8df;box-shadow:8px 8px 0 #172c24;z-index:2}.speech-bubble{position:absolute;left:128px;top:23px;z-index:3;background:var(--card);border:1.5px solid var(--ink);border-radius:20px 20px 20px 4px;padding:12px 17px;text-align:left;line-height:1.45;transform:rotate(2deg)}.start-actions{display:grid;gap:10px}.primary-btn,.secondary-btn{border:1.5px solid var(--ink);border-radius:15px;padding:15px 18px;cursor:pointer;font-weight:900}.primary-btn{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:5px 5px 0 var(--lime)}.primary-btn:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--lime)}.secondary-btn{background:var(--card);color:var(--ink)}.disclaimer{font-size:11px;color:#7b7b72;line-height:1.6;margin:24px auto 0;max-width:520px}.hidden{display:none!important}.chapter-row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:22px}.eyebrow{font-size:11px;font-weight:900;color:var(--green);letter-spacing:.14em}.chapter-row h2,.ending-screen h2{margin:4px 0 12px;font-family:Georgia,"STSong",serif;font-size:32px}.progress-track{height:7px;background:#e1ded2;border:1px solid var(--ink);border-radius:10px;overflow:hidden}.progress-track div{height:100%;width:4%;background:var(--orange);transition:width .4s}.stats-card{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:16px 0 5px;padding:10px 6px;background:rgba(255,253,247,.8);border:1.5px solid var(--ink);border-radius:18px}.stat{display:grid;place-items:center;gap:3px;min-width:0}.stat-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ink);font-size:12px;font-weight:900}.money .stat-icon{background:#ffd46b}.study .stat-icon{background:var(--blue)}.stress .stat-icon{background:var(--pink)}.face .stat-icon{background:#d9b8ed}.reliable .stat-icon{background:var(--lime)}.stat-name{font-size:10px;color:var(--muted)}.stat strong{font-size:15px}.stress-warning{font-size:10px;color:#b7433b;margin:0 4px 15px;text-align:right}.story-card{background:var(--card);border:1.5px solid var(--ink);border-radius:24px;padding:21px;box-shadow:var(--shadow);min-height:220px}.card-meta{display:flex;justify-content:space-between;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.08em}.story-text{font-size:16px;line-height:1.85;margin:18px 0}.dialogue{display:flex;gap:11px;align-items:flex-start;background:#edf1e9;border-radius:14px;padding:12px}.speaker-avatar{flex:0 0 35px;height:35px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:900}.dialogue b{font-size:12px}.dialogue p{margin:4px 0 0;font-size:13px;line-height:1.55}.choices{display:grid;gap:10px;margin:15px 0}.choice-btn{text-align:left;border:1.5px solid var(--ink);border-radius:17px;background:var(--card);padding:15px 16px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;color:var(--ink);transition:.15s}.choice-btn:hover{background:#eff8c9;transform:translateY(-2px)}.choice-letter{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:var(--lime);font-weight:900}.choice-btn span:last-child{line-height:1.5}.result-panel{margin:15px 0;padding:20px;background:#e8f1dc;border:1.5px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--green)}.result-kicker{font-size:11px;font-weight:900;color:var(--green);letter-spacing:.15em}.result-panel>p{line-height:1.75}.changes{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.change-chip{padding:5px 8px;border:1px solid var(--ink);border-radius:99px;background:var(--card);font-size:11px;font-weight:800}.change-chip.bad{background:#ffd7d2}.result-panel .primary-btn{width:100%;margin-top:17px}.drawer-backdrop{position:fixed;inset:0;background:rgba(23,44,36,.35);z-index:9}.drawer{position:fixed;z-index:10;top:0;right:0;width:min(92vw,430px);height:100vh;background:var(--paper);border-left:1.5px solid var(--ink);padding:22px;transform:translateX(105%);transition:.25s;overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head h2{font-family:Georgia,"STSong",serif;font-size:27px}.tabs{display:flex;border-bottom:1px solid var(--line);margin:10px 0 16px}.tab{flex:1;border:0;background:none;padding:12px;cursor:pointer;color:var(--muted);font-weight:800}.tab.active{color:var(--ink);border-bottom:3px solid var(--orange)}.tab-panel{display:none}.tab-panel.active{display:block}.person-row{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.person-avatar{width:42px;height:42px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-weight:900}.person-info b{font-size:14px}.person-info p{font-size:10px;color:var(--muted);margin:3px 0}.relation-value{font-weight:900}.relation-bar{height:4px;background:#ddd;border-radius:5px;margin-top:7px;overflow:hidden}.relation-bar i{display:block;height:100%;background:var(--green)}.history-item{padding:12px 0;border-bottom:1px solid var(--line)}.history-item small{color:var(--orange);font-weight:900}.history-item p{margin:4px 0;font-size:13px;line-height:1.5}.empty{color:var(--muted);text-align:center;padding:40px 0}.danger-link{border:0;background:none;color:#a34138;text-decoration:underline;cursor:pointer;margin:35px auto 15px;display:block}.ending-screen{text-align:center;padding-top:42px}.ending-icon{font-size:55px;margin-bottom:12px}.ending-screen h2{font-size:39px;margin-top:8px}.ending-text{line-height:1.85;color:#45544d}.ending-quote{margin:22px 0;background:var(--lime);border:1.5px solid var(--ink);border-radius:20px;padding:17px;font:700 17px/1.6 Georgia,"STSong",serif;transform:rotate(-1deg)}.final-stats{margin:30px 0;text-align:left}.final-stats h3{font-size:13px}.final-stats>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.final-stat{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 3px;text-align:center}.final-stat span{display:block;font-size:10px;color:var(--muted)}.final-stat b{font-size:18px}.ending-history{margin-bottom:12px}.ending-history button{width:100%}.ending-screen>.primary-btn{width:100%}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:white;border-radius:99px;padding:9px 14px;font-size:11px;z-index:20}
@media(min-width:700px){.app-shell{padding-left:28px;padding-right:28px}.game-screen{padding-top:12px}.start-screen{padding-top:55px}.hero-scene{height:285px}.hero-avatar{left:120px}.speech-bubble{left:220px}.stats-card{padding:13px}.story-card{padding:27px}.drawer{padding:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}