:root{color-scheme:light;--ink:#18241d;--muted:#647168;--jade:#176b4d;--jade-soft:#dcebe3;--mist:#eef3ef;--gold:#76591f;--glass:rgba(255,255,255,.76);--line:rgba(38,67,50,.13);font-family:"Songti SC","Noto Serif CJK SC",serif;background:var(--mist);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,#fff 0,transparent 32%),radial-gradient(circle at 86% 35%,#dfece5 0,transparent 35%),linear-gradient(150deg,#f7faf8,#e7eee9);padding:calc(22px + env(safe-area-inset-top)) 24px calc(98px + env(safe-area-inset-bottom))}.skip{position:fixed;left:16px;top:-60px;background:#fff;padding:12px 16px;border-radius:12px;z-index:20}.skip:focus{top:12px}.topbar{max-width:1320px;margin:0 auto 18px;display:flex;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 5px;color:var(--gold);font:600 12px/1.2 system-ui;letter-spacing:.16em}.topbar h1{font-size:clamp(25px,3vw,38px);font-weight:600;margin:0;letter-spacing:.04em}.icon-button{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px);border-radius:999px;padding:10px 15px;color:var(--muted)}.layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 250px;gap:18px;align-items:start}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 55px rgba(33,60,44,.09),inset 0 0 0 1px var(--line);backdrop-filter:blur(28px) saturate(1.25);border-radius:26px}.status-card,.inventory{padding:20px;position:sticky;top:22px}.status-card{display:grid;grid-template-columns:52px 1fr;gap:12px}.avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,#1f7958,#0e4c37);display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 8px 24px rgba(23,107,77,.2)}.status-card strong,.status-card span{display:block}.status-card span{font:13px system-ui;color:var(--muted);margin-top:5px}.status-card dl{grid-column:1/-1;margin:12px 0 0}.status-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font:13px system-ui}.status-card dt{color:var(--muted)}.status-card dd{margin:0}.status-card .jade{color:var(--jade)}.story-card{padding:clamp(22px,4vw,42px);min-height:620px}.chapter-row,.section-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:600 12px system-ui;letter-spacing:.08em}.chapter-row span:first-child{color:var(--jade);background:var(--jade-soft);padding:7px 11px;border-radius:999px}.narrative{font-size:clamp(17px,2vw,20px);line-height:2;min-height:250px;padding:25px 0}.narrative p{animation:reveal .55s cubic-bezier(.2,.75,.2,1) both}.choices{display:grid;gap:10px}.choices button{min-height:54px;text-align:left;padding:14px 17px;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.7);color:var(--ink);font:15px system-ui;display:flex;justify-content:space-between;align-items:center;transition:.22s ease}.choices button:hover,.choices button:focus-visible{transform:translateY(-2px);border-color:rgba(23,107,77,.35);box-shadow:0 10px 25px rgba(23,107,77,.1);outline:none}.choices button span{color:var(--jade);font-weight:700}.free-action{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.free-action label{font:13px system-ui;color:var(--muted)}.free-action>div{display:flex;gap:9px;margin-top:9px}.free-action input{flex:1;min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.74);border-radius:15px;padding:14px;color:var(--ink);font:14px system-ui}.free-action button,dialog button{border:0;border-radius:15px;padding:0 19px;background:var(--jade);color:#fff;font-weight:650}.inventory ul{list-style:none;padding:8px 0;margin:0}.inventory li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.item-icon{width:38px;height:38px;border-radius:12px;background:#edf1eb;display:grid;place-items:center;color:var(--gold)}.inventory li strong,.inventory li small{display:block}.inventory li strong{font-size:14px}.inventory li small{font:11px system-ui;color:var(--muted);margin-top:4px}.locked{display:flex;justify-content:space-between;padding:12px 0;font:12px system-ui;color:var(--muted)}.locked strong{font-weight:500}.bottom-nav{display:none}dialog{border:0;border-radius:26px;padding:28px;max-width:420px;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(16,28,21,.36);backdrop-filter:blur(8px)}dialog p{color:var(--muted);line-height:1.7}dialog div{display:flex;justify-content:flex-end;gap:10px}dialog button{min-height:44px}dialog button:first-child{background:#e9eeea;color:var(--ink)}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:980px){.layout{grid-template-columns:1fr}.status-card,.inventory{position:static}.status-card{order:-1}.inventory{display:none}.story-card{min-height:0}.bottom-nav{position:fixed;display:flex;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:7px;background:rgba(250,252,250,.88);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(24px);border-radius:22px;box-shadow:0 12px 35px rgba(30,55,40,.16);z-index:10}.bottom-nav a{flex:1;text-align:center;padding:10px 4px;color:var(--muted);text-decoration:none;font:12px system-ui;border-radius:15px}.bottom-nav .active{background:var(--jade-soft);color:var(--jade);font-weight:700}}@media(max-width:560px){body{padding-left:12px;padding-right:12px}.topbar{padding:0 5px}.icon-button{display:none}.story-card{padding:22px 17px;border-radius:22px}.status-card{border-radius:22px}.narrative{font-size:17px;min-height:230px}.free-action>div{align-items:stretch}.free-action button{padding:0 14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}