:root{color-scheme:dark;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;background:#0d1117;color:#f4f6fb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,rgba(212,87,77,.18),transparent 32%),linear-gradient(180deg,#0f1218,#090c10);color:#f4f6fb}button,input{font:inherit}button{min-height:44px;min-width:44px;border:1px solid transparent;border-radius:8px;cursor:pointer}a{color:#8ed0bf;text-decoration:none}a:hover{color:#c0f7e8}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(155,233,212,.7);outline-offset:2px}input{width:100%;min-height:48px;border-radius:8px;border:1px solid rgba(214,222,235,.16);background:#0b1016e0;color:#f4f6fb;padding:0 14px}label{display:grid;gap:8px;color:#c9d2df}.login-shell,.app-shell{min-height:100dvh}.login-stage{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:24px;padding:24px;overflow:hidden}.scene-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-backdrop.compact{inset:auto 0 0 0;height:160px}.scene-backdrop svg{width:100%;height:100%}.login-copy,.auth-panel{position:relative;z-index:1}.login-copy{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:clamp(20px,6vw,72px)}.login-copy h1,.hero-content h1{margin:0;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1}.login-copy p,.hero-content p,.chapter-row p,.section-head p,.story-prompt,.reward-block p,.ending-block p{color:#d9e0eb}.feature-list,.compact-list,.log-list{margin:0;padding-left:18px;color:#d9e0eb}.auth-panel{align-self:center;display:grid;gap:16px;padding:24px;background:#0a0e13d1;border:1px solid rgba(214,222,235,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.segmented button{background:#ffffff0a;color:#d9e0eb}.segmented .is-active{background:#b64640;color:#fff8f7}.primary-button,.ghost-button,.choice-button,.skill-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:linear-gradient(135deg,#cd5447,#9e342e);color:#fff6f4}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:#ffffff0a;color:#f4f6fb;border-color:#d6deeb24}.primary-button:hover,.ghost-button:hover,.choice-button:hover,.skill-card:hover{transform:translateY(-1px)}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:16px;padding:18px 20px;background:#080c10eb;border-bottom:1px solid rgba(214,222,235,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h2,.section-head h3,.section-head h4,.chapter-row h4,.story-header h3,.battle-header h3,.reward-block h4,.ending-block h4{margin:0}.topbar-meta{display:flex;align-items:center;gap:16px}.topbar-meta div{display:grid;gap:2px}.topbar-meta span,.kicker,.row-tag,.status,.stat-pill span{font-size:.82rem;letter-spacing:0}.kicker,.row-tag{text-transform:uppercase;color:#8ed0bf}.content-shell{padding:20px 20px 108px}.page-grid{display:grid;gap:20px}.hero-panel,.story-shell,.battle-shell{position:relative;overflow:hidden;min-height:min(72dvh,700px);border:1px solid rgba(214,222,235,.1)}.hero-content,.story-overlay,.battle-overlay{position:relative;z-index:1}.hero-content{display:grid;align-content:end;gap:16px;min-height:min(72dvh,700px);padding:clamp(20px,5vw,56px);background:linear-gradient(180deg,#090c1029,#090c10d6)}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-pill{display:grid;gap:8px;padding:16px;background:#0f141beb;border:1px solid rgba(214,222,235,.08)}.stat-pill strong{font-size:1.35rem}.stat-pill.red{border-color:#cd544759}.stat-pill.amber{border-color:#f2c16259}.stat-pill.teal{border-color:#5dc2a859}.stat-pill.slate{border-color:#abb7cb59}.section-block{display:grid;gap:16px;padding:18px;background:#0c1117eb;border:1px solid rgba(214,222,235,.08)}.inline-panel{background:#080c108f}.section-head,.row-actions,.story-header,.battle-header,.battle-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.muted{color:#97a5b8}.list-grid,.chapter-grid,.skill-grid,.choice-list,.queue-grid{display:grid;gap:12px}.chapter-row,.chapter-card,.choice-button,.skill-card,.queue-slot,.combatant{border:1px solid rgba(214,222,235,.08);background:#080c1085}.chapter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.chapter-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.chapter-card{position:relative;overflow:hidden;min-height:280px}.chapter-card-copy{position:relative;z-index:1;display:grid;align-content:end;min-height:280px;gap:14px;padding:18px;background:linear-gradient(180deg,#090c101a,#090c10e0)}.story-overlay,.battle-overlay{display:grid;align-content:space-between;min-height:min(72dvh,700px);gap:18px;padding:20px;background:linear-gradient(180deg,#090c1024,#090c10e0)}.story-meters{display:flex;gap:10px;flex-wrap:wrap;color:#d9e0eb}.dialog-block,.choice-block,.battle-hook,.reward-block,.ending-block{display:grid;gap:14px;max-width:720px;background:#080c10bd;border:1px solid rgba(214,222,235,.08);padding:18px}.dialog-line{display:grid;gap:4px}.dialog-line p{margin:0}.choice-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.choice-button{display:grid;gap:8px;padding:16px;text-align:left;color:#f4f6fb}.choice-button small{color:#8ed0bf}.battle-arena{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.combatant{display:grid;gap:10px;padding:18px}.avatar-badge{width:fit-content;min-width:52px;padding:6px 10px;border-radius:999px;background:#5dc2a82e;color:#9be9d4}.avatar-badge.enemy{background:#cd544733;color:#ffb2ac}.queue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.queue-slot{display:grid;gap:8px;padding:12px}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.skill-card{display:grid;gap:8px;padding:16px;text-align:left;color:#f4f6fb}.skill-card.defend{border-color:#5dc2a859}.skill-card.static{cursor:default}.log-list li{margin-bottom:8px}.status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border-radius:999px;background:#ffffff0f;color:#d9e0eb}.status.live{background:#5dc2a824;color:#a9f1dd}.status.success{background:#57ac752e;color:#b4f6c2}.status.fail{background:#cd544733;color:#ffb2ac}.inline-error{color:#ffb2ac;margin:0}.inline-note{margin:0;color:#a9f1dd}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#070a0ef5;border-top:1px solid rgba(214,222,235,.1)}.bottom-nav a{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 8px;border-radius:8px;color:#c7d1df}.bottom-nav a.active{background:#cd54472e;color:#fff5f3}@media (max-width: 960px){.login-stage{grid-template-columns:1fr;padding:16px}.login-copy{padding:24px 8px 0}.status-strip,.queue-grid,.battle-arena{grid-template-columns:1fr}}@media (max-width: 720px){.content-shell{padding:16px 16px 108px}.topbar{align-items:flex-start;flex-direction:column}.topbar-meta{width:100%;justify-content:space-between}.chapter-row{align-items:flex-start;flex-direction:column}.row-actions{width:100%}}