:root{color-scheme:light;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;background:linear-gradient(180deg,#83352114,#0000 22%),repeating-linear-gradient(0deg,rgba(96,74,49,.03),rgba(96,74,49,.03) 1px,transparent 1px,transparent 16px),linear-gradient(180deg,#f5ecda,#eadfc8);color:#2c2a28}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input{font:inherit}button{border:0;border-radius:14px;padding:.95rem 1.2rem;font-weight:700;color:#f7f0e1;background:#8d2f24;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{color:#334547;background:#33454714}img{display:block;max-width:100%}.app-shell{width:min(100%,560px);margin:0 auto;padding:18px 14px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topbar__hint{color:#6f5d48;font-size:.85rem}.topbar__fullscreen{min-width:88px;padding:.78rem 1rem}.hero,.panel,.option-card,.metric-card,.leaderboard-item,.callout{border:1px solid rgba(70,58,44,.16);background:#fbf7eff0;box-shadow:0 12px 36px #3f322514}.hero,.panel,.callout{border-radius:18px}.option-card,.metric-card,.leaderboard-item{border-radius:8px}.hero{padding:24px}.hero__eyebrow,.panel__badge,.option-card__label{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;color:#8d2f24}.hero h1,.panel h2,.callout h3,.decision-prompt{margin:0;font-family:STKaiti,KaiTi,serif}.hero h1{margin-top:8px;font-size:2.5rem}.hero__subtitle{margin-top:8px;font-size:1.08rem;color:#334547}.hero__summary,.story-text,.muted-copy,.callout p{line-height:1.8}.hero__actions{display:flex;gap:12px;margin-top:18px}.wrap-actions{flex-wrap:wrap}.panel{margin-top:16px;padding:20px}.panel--story{padding-top:18px}.panel__header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field-label{display:block;margin-bottom:8px;font-weight:700}.text-input{width:100%;border:1px solid rgba(51,69,71,.16);border-radius:12px;padding:.95rem 1rem;background:#fffdf8}.question-state,.ability-item__head,.result-grid{display:flex}.question-state,.ability-item__head{align-items:center;justify-content:space-between;gap:10px}.scene-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;margin-top:14px;border-radius:8px;border:1px solid rgba(70,58,44,.12);background:#efe4ca}.scene-copy{margin-top:14px;padding:0 2px}.story-text{margin:0 0 10px}.story-text--bridge{color:#5e4f3e}.decision-prompt{margin-top:12px;font-size:1.45rem;line-height:1.4;color:#352a22}.option-list,.ability-list,.leaderboard-list{display:grid;gap:12px}.option-card{width:100%;padding:16px;text-align:left;color:#2c2a28;background:#fffbf4eb}.option-card strong{display:block;margin-top:8px;font-weight:600;line-height:1.65}.option-card--active{border-color:#8d2f24;box-shadow:inset 0 0 0 1px #8d2f24}.callout{margin-top:14px;padding:16px}.callout--light{background:#3345470d}.result-type{margin:0 0 10px;font-size:1.25rem;font-weight:700;color:#8d2f24}.result-grid{flex-wrap:wrap;gap:12px;margin-top:16px}.metric-card{flex:1 1 calc(50% - 12px);min-width:140px;padding:14px}.metric-card span{display:block;color:#5a5651;font-size:.88rem}.metric-card strong{display:block;margin-top:6px;color:#334547;font-size:1.2rem}.ability-list{margin-top:16px}.progress{height:10px;overflow:hidden;border-radius:999px;background:#3345471a}.progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d2f24,#c2883d)}.ability-item__head{margin-bottom:8px}.leaderboard-item{grid-template-columns:52px minmax(0,1fr) 78px 120px;display:grid;gap:10px;padding:14px;align-items:center}.leaderboard-item--active{border-color:#8d2f24}.error-text{color:#8d2f24;font-weight:700}@media(max-width:480px){.hero__actions{flex-direction:column}.leaderboard-item{grid-template-columns:44px minmax(0,1fr)}.topbar{align-items:stretch;flex-direction:column}.topbar__fullscreen{width:100%}}