:root{--bg:#090c12;--panel:#171c27;--panel2:#222a3a;--line:#30394c;--txt:#f7f8fb;--muted:#aeb7c9;--accent:#745cff;--good:#38c77d;--pink:#ff5ca8;--gold:#ffc857}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(#080b11,#121824);color:var(--txt);min-height:100vh}.topbar{position:sticky;top:0;z-index:20;padding:14px env(safe-area-inset-right) 10px env(safe-area-inset-left);background:rgba(8,11,17,.95);backdrop-filter:blur(14px);border-bottom:1px solid #252c39}.topbar>div:first-child{padding:0 14px}.topbar h1{font-size:23px;margin:0}.sub,.muted{color:var(--muted)}.small{font-size:12px}.nav{display:flex;gap:7px;overflow-x:auto;padding:10px 14px 2px;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}button{border:0;border-radius:12px;padding:11px 13px;background:var(--panel2);color:#fff;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;touch-action:manipulation}button:active{transform:scale(.98)}button.primary{background:var(--accent)}button.good{background:var(--good);color:#06150c}button.pink{background:var(--pink)}button.gold{background:var(--gold);color:#1a1300}main{max-width:1150px;margin:auto;padding:14px}.view{display:none}.view.active{display:block}.card{background:var(--panel);border:1px solid #2b3342;border-radius:18px;padding:15px;margin-bottom:14px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.hero{padding:22px;border-radius:20px;background:radial-gradient(circle at 80% 10%,#6049cc,#242743 45%,#171c27 80%);margin-bottom:14px}.hero h2{font-size:clamp(30px,6vw,48px);line-height:1.02;margin:6px 0 10px;max-width:700px}.hero p{max-width:760px;color:#d7dbea;font-size:17px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#c9c1ff}.grid{display:grid;gap:10px}.grid.four{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile,.sceneCard,.charCard{background:#202638;border:1px solid #313b4d;border-radius:14px;padding:13px}.tile h3,.sceneCard h3,.charCard h3{margin-top:0}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stack{display:grid;gap:9px}.topgap{margin-top:10px}@media(max-width:720px){.split{grid-template-columns:1fr}}label{display:block;font-size:13px;font-weight:750;margin-top:5px}input,textarea,select{width:100%;background:#0e1219;color:#fff;border:1px solid #364055;border-radius:11px;padding:11px;font:inherit;margin:5px 0 10px}textarea{min-height:92px;resize:vertical}.pill{display:inline-block;background:#2e3649;border-radius:999px;padding:5px 9px;font-size:12px}.stageWrap{position:relative}.stage{display:block;width:100%;aspect-ratio:16/9;background:#111720;border-radius:16px;border:1px solid #2f384b}.caption{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(0,0,0,.82);color:#fff;padding:8px 11px;border-radius:10px;max-width:90%;font-weight:800;text-align:center}.timeline{display:flex;gap:6px;overflow-x:auto;padding:10px 0;-webkit-overflow-scrolling:touch}.clip{min-width:132px;background:#293146;border:1px solid #3a4660;border-radius:10px;padding:8px;font-size:11px;cursor:pointer}.clip.active{outline:2px solid var(--accent)}.linebox{font-size:20px;font-weight:800;background:#10151e;border-left:4px solid var(--accent);padding:12px;border-radius:10px;margin:10px 0}.take{background:#111720;border-radius:10px;padding:9px}.notice{background:#312e20;border:1px solid #5b5229;color:#ffe99f;border-radius:11px;padding:10px}.statusBox{padding:11px 13px;background:#122319;border:1px solid #28543a;border-radius:12px;color:#ccf5da;margin-bottom:14px}.scoreBlock{margin-top:13px}.score{font-size:34px;font-weight:900}audio{width:100%;margin-top:8px}footer{text-align:center;padding:25px 14px calc(25px + env(safe-area-inset-bottom));color:#7f8999;font-size:12px}