:root{--ink:#0c0e0b;--ink-2:#141712;--paper:#e9e0cb;--paper-dim:#b9ae95;--amber:#d8a24a;--amber-soft:#e8c286;--seal:#b23a2e;--line:#d8a24a38;--shadow:0 24px 60px #0000008c}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Songti SC,SimSun,Noto Serif SC,Source Han Serif SC,serif}button{cursor:pointer;font-family:inherit}.app{background:radial-gradient(1200px 600px at 20% -10%,#d8a24a1a,#0000 60%),radial-gradient(900px 500px at 90% 110%,#5a785a1a,#0000 60%),linear-gradient(#0c0e0b,#0a0b09 60%,#0c0e0b);flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b09b8;align-items:center;gap:16px;padding:14px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:6px;color:var(--amber-soft);font-size:20px}.brand small{letter-spacing:3px;color:var(--paper-dim);font-size:11px;display:block}.topbar .spacer{flex:1}.stat{color:var(--paper-dim);letter-spacing:1px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px}.stat b{color:var(--amber-soft);font-weight:600}.wrap{width:min(1100px,92vw);margin:0 auto}.center{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#161914eb,#0e100deb);border-radius:14px}.btn{border:1px solid var(--line);color:var(--paper);letter-spacing:2px;background:linear-gradient(#d8a24a29,#d8a24a0f);border-radius:10px;padding:11px 20px;font-size:14px;transition:all .18s}.btn:hover{border-color:var(--amber);color:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{border-color:var(--amber);background:linear-gradient(#d8a24a57,#d8a24a24)}.btn.ghost{background:0 0}.btn.sm{letter-spacing:1px;padding:7px 13px;font-size:12.5px}.tag{letter-spacing:3px;color:var(--amber);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11px}.start{text-align:center;max-width:720px}.start h1{letter-spacing:18px;color:var(--paper);text-indent:18px;margin:0 0 6px;font-size:54px}.start .en{letter-spacing:10px;color:var(--paper-dim);margin-bottom:30px;font-size:12px}.start .lead{color:var(--paper-dim);margin-bottom:26px;font-size:15px;line-height:2}.name-input{text-align:center;letter-spacing:3px;width:300px;color:var(--paper);border:1px solid var(--line);background:#00000059;border-radius:10px;outline:none;padding:12px 14px;font-size:17px}.name-input:focus{border-color:var(--amber)}.notice{color:var(--paper-dim);margin-top:26px;font-size:12px;line-height:1.9}.stage{grid-template-columns:1.15fr .85fr;gap:22px;padding:26px 0 60px;display:grid}@media (width<=900px){.stage{grid-template-columns:1fr}}.scene-art{border:1px solid var(--line);border-radius:12px;align-items:flex-end;height:190px;padding:16px;display:flex;position:relative;overflow:hidden}.scene-art .cap{letter-spacing:2px;color:#e9e0cbd1;z-index:2;text-shadow:0 2px 10px #000;font-size:12px;position:relative}.act-head{align-items:baseline;gap:12px;margin:18px 0 8px;display:flex}.act-head h2{letter-spacing:8px;color:var(--paper);margin:0;font-size:30px}.act-head .season{color:var(--amber);letter-spacing:4px;font-size:13px}.intro{color:var(--paper-dim);font-size:15px;line-height:2.05}.line-block{border-left:2px solid var(--amber);margin-top:20px;padding-left:16px}.line-block .who{letter-spacing:3px;color:var(--amber);margin-bottom:8px;font-size:12px}.line-block .line{color:var(--paper);margin-bottom:8px;font-size:16.5px;line-height:2.1}.choices{flex-direction:column;gap:12px;margin-top:22px;display:flex}.choice{text-align:left;border:1px solid var(--line);width:100%;color:var(--paper);background:#0000003d;border-radius:12px;padding:15px 18px;transition:all .18s}.choice:hover{border-color:var(--amber);background:#d8a24a14}.choice .l{letter-spacing:1px;font-size:16px}.choice .d{color:var(--paper-dim);margin-top:6px;font-size:12.5px;line-height:1.8}.reaction{border:1px dashed var(--line);color:var(--amber-soft);background:#d8a24a0f;border-radius:12px;margin-top:18px;padding:15px 18px;font-size:15px;line-height:2}.panel{padding:18px}.panel h3{letter-spacing:4px;color:var(--amber);margin:0 0 12px;font-size:14px;font-weight:500}.card-item{border-top:1px solid var(--line);padding:12px 0}.card-item:first-of-type{border-top:none}.card-item .t{letter-spacing:1px;margin-bottom:6px;font-size:14px}.card-item .b{color:var(--paper-dim);font-size:12.5px;line-height:1.9}.card-item a{color:var(--amber-soft);border-bottom:1px dotted var(--line);font-size:12px;text-decoration:none}.card-item a:hover{color:#fff}.create-box{border:1px solid var(--line);background:#d8a24a0d;border-radius:12px;margin-top:22px;padding:18px}.create-box .h{align-items:center;gap:10px;margin-bottom:10px;display:flex}.create-box .h .k{letter-spacing:3px;color:var(--amber);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:11px}.create-box .h .ttl{letter-spacing:2px;font-size:15px}.create-out{margin-top:14px}.create-out img{border:1px solid var(--line);border-radius:10px;width:100%;display:block}.create-text{white-space:pre-wrap;color:var(--paper);border:1px solid var(--line);background:#00000040;border-radius:10px;padding:14px;font-size:15px;line-height:2.05}.row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}textarea.edit{resize:vertical;border:1px solid var(--line);width:100%;min-height:110px;color:var(--paper);background:#0000004d;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14.5px;line-height:1.9}textarea.edit:focus{border-color:var(--amber)}.hint{color:var(--paper-dim);font-size:12px;line-height:1.8}.spin{border:2px solid var(--line);border-top-color:var(--amber);vertical-align:-2px;border-radius:50%;width:13px;height:13px;animation:1s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.finale{grid-template-columns:1fr 1fr;gap:22px;padding:26px 0 60px;display:grid}@media (width<=900px){.finale{grid-template-columns:1fr}}.artifact{border:1px solid var(--line);border-radius:14px;overflow:hidden}.artifact canvas,.artifact img{width:100%;display:block}.verdict{color:var(--paper);font-size:16px;line-height:2.2}.step-dots{gap:8px;margin-bottom:14px;display:flex}.step-dots i{background:var(--line);border-radius:50%;width:8px;height:8px;display:block}.step-dots i.on{background:var(--amber)}.drawer-mask{z-index:40;background:#0009;position:fixed;inset:0}.drawer{z-index:50;background:var(--ink-2);border-left:1px solid var(--line);width:min(440px,92vw);height:100%;padding:20px;position:fixed;top:0;right:0;overflow-y:auto}.foot{text-align:center;color:var(--paper-dim);letter-spacing:2px;border-top:1px solid var(--line);padding:26px;font-size:12px}