:root{--bg-dark:#14110f;--bg-darker:#0d0b0a;--bg-card:#1f1b18;--bg-card-hover:#2a2521;--text-primary:#f5efe9;--text-secondary:#b3a89e;--text-tertiary:#6e655d;--accent:#ff7a6b;--accent-2:#ff9e7d;--accent-dim:#ff7a6b26;--danger:#ff5c5c;--warning:#ffb347;--success:#7ecba0;--good:#7ecba0;--bad:#ff5c5c;--border:#ffffff14;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}#root{justify-content:center;width:100%;min-height:100vh;display:flex}.home-container{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);flex-direction:column;align-items:center;width:100%;max-width:420px;min-height:100vh;padding:60px 24px 40px;display:flex}.home-header{text-align:center;margin-bottom:32px}.home-badge{background:var(--accent-dim);color:var(--accent);border:1px solid #ff7a6b4d;border-radius:20px;margin-bottom:20px;padding:4px 14px;font-size:12px;display:inline-block}.home-title{letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:800}.accent-text{color:var(--accent)}.home-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5}.home-intro-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;margin-bottom:24px;padding:20px;position:relative}.home-intro-text{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.7}.home-boss-tag{color:var(--danger);background:#ff5c5c1a;border:1px solid #ff5c5c4d;border-radius:6px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.home-stats{gap:16px;width:100%;margin-bottom:32px;display:flex}.home-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:14px 8px}.stat-num{color:var(--text-primary);font-size:20px;font-weight:700;display:block}.stat-num.danger{color:var(--danger)}.stat-label{color:var(--text-tertiary);margin-top:4px;font-size:11px;display:block}.home-start-btn{background:linear-gradient(135deg, var(--accent) 0%, #ff9e7d 100%);color:#14110f;border-radius:var(--radius);cursor:pointer;border:none;width:100%;max-width:320px;margin-bottom:32px;padding:16px;font-size:17px;font-weight:700;transition:all .25s}.home-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff7a6b4d}.home-start-btn:active{transform:translateY(0)}.home-rules{width:100%;max-width:320px}.home-rules p{color:var(--text-tertiary);font-size:13px;line-height:2}.game-container{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);flex-direction:column;width:100%;max-width:420px;min-height:100vh;padding:0 16px 24px;display:flex}.game-topbar{background:var(--bg-dark);z-index:10;justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:sticky;top:0}.topbar-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.topbar-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.topbar-title{color:var(--text-primary);font-size:15px;font-weight:600}.level-info{text-align:center;margin-bottom:20px}.level-counter{color:var(--text-tertiary);background:var(--bg-card);border-radius:12px;margin-bottom:10px;padding:2px 10px;font-size:12px;display:inline-block}.level-title{color:var(--text-primary);letter-spacing:-.3px;font-size:24px;font-weight:700}.known-warning{color:var(--warning);background:#ffb34714;border-radius:6px;margin-top:8px;padding:4px 12px;font-size:12px;display:inline-block}.score-panel{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.score-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:10px 12px}.score-cell-label{margin-bottom:4px;font-size:12px;font-weight:600}.score-cell-value{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:700}.score-cell-bar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.score-cell-fill{border-radius:2px;height:100%;transition:width .4s}.prob-section{margin-bottom:16px}.prob-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.prob-label{color:var(--text-secondary);font-size:13px}.prob-value{font-size:14px;font-weight:700}.prob-bar{background:#ffffff0f;border-radius:3px;width:100%;height:6px;overflow:hidden}.prob-fill{border-radius:3px;height:100%;transition:width .5s}.scene-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.scene-tag{color:var(--accent);background:var(--accent-dim);border-radius:4px;margin-bottom:10px;padding:2px 8px;font-size:11px;display:inline-block}.scene-text{color:var(--text-secondary);font-size:14px;line-height:1.7}.scene-divider{background:var(--border);height:1px;margin:12px 0}.scene-line-wrapper{flex-direction:column;gap:4px;display:flex}.scene-line-label{color:var(--text-tertiary);font-size:12px}.scene-line{color:var(--text-primary);font-size:17px;font-weight:600;line-height:1.5}.chat-sent-wrapper{justify-content:flex-end;margin-bottom:12px;display:flex}.chat-sent-bubble{border-radius:var(--radius);background:linear-gradient(135deg,#ff7a6b26 0%,#ff7a6b0d 100%);border:1px solid #ff7a6b4d;align-items:flex-start;gap:8px;max-width:85%;padding:12px 14px;display:flex}.chat-sent-avatar{background:var(--accent);color:#14110f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.chat-sent-text{color:var(--text-primary);font-size:14px;line-height:1.6}.chat-typing{gap:4px;margin-bottom:12px;padding:12px 16px;display:flex}.typing-dot{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.options-section{flex-direction:column;gap:8px;display:flex}.options-header{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.options-title{color:var(--text-primary);font-size:15px;font-weight:700}.options-hint{color:var(--text-tertiary);font-size:12px}.option-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.option-btn:hover{background:var(--bg-card-hover);border-color:#ff7a6b4d}.option-btn:active{transform:scale(.98)}.option-label{width:24px;height:24px;color:var(--text-secondary);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.option-text{color:var(--text-primary);font-size:14px;line-height:1.6}.end-container{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);flex-direction:column;align-items:center;width:100%;max-width:420px;min-height:100vh;padding:60px 24px 40px;display:flex}.death-mark{color:#ff5c5c;background:#ff5c5c1a;border:1px solid #ff5c5c4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.kicker{letter-spacing:2px;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px;font-size:13px;font-weight:600}.death-headline{color:var(--text-primary);text-align:center;margin-bottom:16px;font-size:24px;font-weight:800}.death-badge{margin-bottom:14px}.death-section{letter-spacing:1px;color:var(--text-tertiary);text-align:center;margin-bottom:8px;font-size:13px;font-weight:600}.death-sub{text-align:center;margin-top:0;margin-bottom:24px;padding:0 12px}.death-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:340px;margin-bottom:12px;padding:16px 18px}.death-card span{color:var(--text-tertiary);letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.death-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.toxic-list{width:100%;max-width:340px;margin:20px 0}.toxic-list p{color:var(--text-tertiary);text-align:center;font-size:14px;line-height:2}.toxic-list p:before{content:"";background:var(--accent);vertical-align:middle;opacity:.5;border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.end-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:340px;margin-bottom:28px;display:grid}.end-stat-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;padding:12px 4px;display:flex}.end-stat-name{font-size:11px;font-weight:600}.end-stat-val{color:var(--text-primary);font-size:20px;font-weight:800}.result-poster{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:32px 24px;position:relative;overflow:hidden}.result-poster:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);height:3px;position:absolute;top:0;left:0;right:0}.result-headline{color:var(--text-primary);margin-bottom:16px;font-size:17px;font-weight:700;line-height:1.6}.result-rank{color:var(--accent);background:#ff7a6b1a;border:1px solid #ff7a6b40;border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.title-badge{border-radius:var(--radius-sm);color:var(--accent);background:linear-gradient(135deg,#ff7a6b26 0%,#ff7a6b0d 100%);border:1px solid #ff7a6b66;margin-bottom:16px;padding:10px 20px;font-size:20px;font-weight:800;display:inline-block}.rebel-line{color:var(--text-secondary);margin-bottom:20px;font-size:14px;font-style:italic;line-height:1.7}.result-stats-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:20px;display:grid}.result-stat-label{border-radius:var(--radius-sm);background:#ff7a6b14;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.result-stat-label span:first-child{color:var(--text-tertiary);font-size:10px}.result-stat-label span:last-child{color:var(--accent);font-size:14px;font-weight:800}.result-stat-cell{background:var(--bg-darker);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.result-stat-cell span:first-child{font-size:10px;font-weight:600}.result-stat-cell span:last-child{color:var(--text-primary);font-size:16px;font-weight:800}.result-reason{text-align:left;background:var(--bg-darker);border-radius:var(--radius-sm);margin-bottom:20px;padding:14px 16px}.result-reason span{color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.result-reason p{color:var(--text-secondary);font-size:13px;line-height:1.7}.poster-lines{margin-bottom:16px}.poster-lines p{color:var(--text-tertiary);font-size:13px;line-height:2}.poster-lines p:before{content:"— ";color:var(--accent);opacity:.4}.poster-cta{color:var(--text-tertiary);margin-top:8px;font-size:13px;display:block}.review-header{text-align:left;width:100%;max-width:360px;margin:32px 0 16px}.review-header h3{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:700}.review-header p{color:var(--text-tertiary);font-size:13px;line-height:1.5}.review-list{flex-direction:column;gap:12px;width:100%;max-width:360px;margin-bottom:8px;display:flex}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;padding:16px;transition:all .25s}.review-card.good{border-left:3px solid #7ecba0}.review-card.bad{border-left:3px solid #ff5c5c}.review-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-level{color:var(--accent);font-size:12px;font-weight:600}.review-repeated{color:#ff5c5c;background:#ff5c5c1f;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:600}.review-line{color:var(--text-primary);margin-bottom:10px;font-size:15px;font-weight:600;line-height:1.6}.review-choice{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.6}.review-choice span{color:var(--text-tertiary);font-weight:600}.review-changes{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.review-changes span{background:var(--bg-darker);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.review-comment{color:var(--text-tertiary);border-top:1px solid var(--border);padding-top:10px;font-size:13px;line-height:1.6}.end-actions{flex-direction:column;gap:10px;width:100%;max-width:340px;margin-top:24px;display:flex}.end-actions .btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #ff9e7d 100%);color:#14110f;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .25s;display:flex}.end-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff7a6b33}.btn-ghost{width:100%;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;transition:all .25s;display:flex}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--text-tertiary)}.btn-ghost-muted{color:var(--text-tertiary);opacity:.6;font-size:13px;font-weight:500}.btn-ghost-muted:hover{opacity:1;color:var(--text-secondary);background:var(--bg-card)}.btn-text{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:12px;font-size:14px;transition:color .2s}.btn-text:hover{color:var(--text-secondary)}.revive-used-hint{text-align:center;color:var(--text-tertiary);margin-top:8px;font-size:12px}.btn-reset{width:100%;color:var(--text-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.btn-reset:hover{color:var(--text-secondary);border-color:var(--text-tertiary);background:var(--bg-card)}.btn-reset svg{flex-shrink:0}.reset-hint{text-align:center;color:var(--text-tertiary);margin:-2px 4px 2px;font-size:12px;line-height:1.5}.test-panel{background:var(--bg-darker);min-height:100vh;padding:16px 12px 60px}.test-bar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);border:1px solid var(--border);background:#0d0b0aeb;flex-direction:column;gap:10px;margin-bottom:20px;padding:12px;display:flex;position:sticky;top:0}.test-title{letter-spacing:1px;color:var(--accent);font-size:13px;font-weight:700}.test-buttons{flex-wrap:wrap;gap:6px;display:flex}.test-buttons button{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:7px 11px;font-size:13px;font-weight:600;transition:all .2s}.test-buttons button:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.test-buttons button.on{color:var(--accent);border-color:var(--accent);background:#ff7a6b26}.test-buttons button.victory{color:#7ecba0;border-color:#7ecba066}.test-buttons button.back{color:var(--text-tertiary);margin-left:auto}.test-tip{text-align:center;color:var(--text-tertiary);margin-top:60px;font-size:14px}.collection-container{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);width:100%;max-width:760px;min-height:100vh;margin:0 auto;padding:48px 20px 60px}.collection-header{text-align:center;margin-bottom:32px}.collection-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:1px;border-radius:999px;margin-bottom:14px;padding:4px 14px;font-size:12px;display:inline-block}.collection-title{margin-bottom:10px;font-size:28px;font-weight:800}.collection-title .accent-text{color:var(--accent)}.collection-subtitle{color:var(--text-secondary);max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.type-card{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);padding:16px 16px 14px;font-family:inherit;transition:transform .15s,border-color .15s,background .15s;position:relative;overflow:hidden}.type-card:before{content:"";background:var(--card-accent,var(--accent));opacity:.85;width:3px;position:absolute;top:0;bottom:0;left:0}.type-card:hover{border-color:var(--card-accent,var(--accent));background:var(--bg-card-hover);transform:translateY(-2px)}.type-card-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.type-card-danger{color:var(--card-accent,var(--accent));border:1px solid var(--card-accent,var(--accent));white-space:nowrap;opacity:.9;border-radius:999px;padding:2px 8px;font-size:11px}.type-card-name{letter-spacing:.5px;font-size:20px;font-weight:800}.type-card-sub{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.5}.type-card-intro{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.type-card-stats{color:var(--text-tertiary);flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:11px;display:flex}.type-card-stats b{color:var(--text-secondary);font-weight:700}.type-card-stats b.danger{color:var(--danger)}.type-card-enter{color:var(--card-accent,var(--accent));font-size:12px;font-weight:600}.home-back-link{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:18px;padding:0;font-family:inherit;font-size:13px}.home-back-link:hover{color:var(--text-secondary)}.home-container .accent-text{color:var(--home-accent,var(--accent))}.home-boss-tag{border-color:var(--home-accent,var(--accent))!important;color:var(--home-accent,var(--accent))!important}.home-start-btn{border-color:var(--home-accent,var(--accent))!important;background:linear-gradient(135deg, var(--home-accent,var(--accent)), var(--accent-2))!important}.test-type-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:13px}@media (width<=380px){.home-title{font-size:28px}.level-title{font-size:22px}.score-cell-value{font-size:18px}.option-btn{padding:12px 14px}.option-text{font-size:13px}.scene-line{font-size:16px}.collection-grid{grid-template-columns:1fr}}