:root{--bg:#090a0f;--stage:#11131b;--panel:#0f1119db;--panel-strong:#07090ef0;--ink:#f5f3ee;--muted:#b9b3aa;--soft:#7f8492;--line:#ffffff24;--gold:#e1bd74;--red:#d25b64;--blue:#79a7ff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit}.vnShell{background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), radial-gradient(circle at top, #242638 0, transparent 42%), var(--bg);background-size:34px 34px,34px 34px,auto,auto;place-items:center;min-height:100vh;padding:22px;display:grid}.phoneStage{border:1px solid var(--line);background:var(--stage);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,430px);min-height:min(860px,100vh - 44px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0000006b}.topBar,.bottomTabs{background:var(--panel-strong);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:flex}.topBar div{gap:2px;display:grid}.topBar strong{font-size:18px}.topBar span,.sectionLead p,.routeCard small,.libraryList small{color:var(--muted)}.authButton,.featureCopy button,.bottomTabs button,.speakerRow button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#ffffff14;border-radius:8px}.authButton{min-width:76px}.authButton:disabled,.choiceStack button:disabled{color:var(--soft);cursor:not-allowed}.routeGallery,.libraryStage{min-height:0;padding:14px;overflow:auto}.featureRoute{border:1px solid var(--line);background:#171923;border-radius:8px;min-height:430px;position:relative;overflow:hidden}.featureRoute img,.cgFrame img{object-fit:cover;width:100%;height:100%;display:block}.featureRoute img{position:absolute;inset:0}.featureRoute:after,.cgFrame:after{content:"";background:linear-gradient(#0000 30%,#06070bc7 72%,#06070bf5);position:absolute;inset:0}.featureCopy{z-index:1;gap:10px;padding:18px;display:grid;position:absolute;inset:auto 0 0}.featureCopy span,.routeCard span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}h1,h2,p{margin:0}.featureCopy h1,.sectionLead h1{font-size:38px;line-height:1}.featureCopy p{color:#f5efe5;max-width:320px;line-height:1.42}.featureCopy button{background:var(--ink);color:#11131b;width:fit-content;padding:0 16px}.sectionLead{gap:6px;padding:18px 2px 12px;display:grid}.sectionLead h2{font-size:22px}.routeList{gap:12px;display:grid}.routeCard,.libraryList button{border:1px solid var(--line);width:100%;min-height:128px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff0f;border-radius:8px;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:10px;display:grid}.routeCard{grid-template-rows:auto auto 1fr}.routeCard img,.libraryList img{object-fit:cover;border-radius:6px;grid-row:1/4;width:86px;height:108px}.routeCard strong,.libraryList strong{font-size:18px}.routeCard small{line-height:1.35}.novelStage{grid-template-rows:minmax(0,1fr) auto auto auto;min-height:0;display:grid;position:relative;overflow:hidden}.cgFrame{min-height:0;position:relative}.routeHud{z-index:2;justify-content:space-between;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.routeHud span,.statRail span,.memoryRail span{border:1px solid var(--line);color:var(--ink);background:#030408a3;border-radius:8px;padding:6px 8px;font-size:12px}.dialoguePanel{z-index:2;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;gap:10px;margin:-118px 12px 0;padding:14px;display:grid}.speakerRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.speakerRow strong{color:var(--gold)}.dialoguePanel p{color:#f0ece6;max-height:168px;font-size:14px;line-height:1.52;overflow:auto}.statRail,.memoryRail{gap:6px;display:flex;overflow-x:auto}.choiceStack{z-index:2;background:linear-gradient(#0000,#08090ef0 24%);gap:8px;padding:10px 12px 12px;display:grid}.choiceStack button{border:1px solid var(--line);min-height:62px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff14;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.choiceStack button span{color:var(--muted);font-size:12px;line-height:1.3}.memoryRail{z-index:2;background:#08090ef0;padding:0 12px 12px}.memoryRail strong{color:var(--muted);white-space:nowrap;font-size:12px;line-height:28px}.toast{z-index:5;border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);text-align:center;border-radius:8px;padding:10px 12px;position:absolute;bottom:84px;left:18px;right:18px}.toast.error{color:#ffd4d9;border-color:#d25b64cc}.libraryList{gap:10px;display:grid}.libraryList button{grid-template-columns:72px minmax(0,1fr);min-height:98px}.libraryList img{width:72px;height:78px}.libraryList div{gap:5px;display:grid}.libraryList span{color:var(--muted);font-size:13px}.bottomTabs{border-top:1px solid var(--line);border-bottom:0}.bottomTabs button{flex:1}.bottomTabs button.active{background:var(--ink);color:#10131b}.sunset{--gold:#ffcf85}.violet{--gold:#c6bbff}.blue{--gold:#9ec7ff}.red{--gold:#ff8e95}.black{--gold:#d8d1c7}@media (max-width:460px){.vnShell{place-items:stretch stretch;padding:0}.phoneStage{border:0;border-radius:0;min-height:100vh}}