:root{--bg-primary: #0b0f19;--bg-surface: #131b2e;--bg-surface-elevated: #1a243d;--bg-card: rgba(26, 36, 61, .75);--border-subtle: rgba(148, 163, 184, .15);--border-focus: #6366f1;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-cyan: #06b6d4;--accent-gold: #f59e0b;--accent-rose: #f43f5e;--accent-emerald: #10b981;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(99, 102, 241, .35);color-scheme:dark;accent-color:var(--accent-primary);scrollbar-color:#334155 #0b0f19;scrollbar-width:thin}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden;line-height:1.5}::selection{background:#6366f166;color:#fff}#app{width:100%;max-width:540px;min-height:100vh;background:var(--bg-surface);box-shadow:var(--shadow-md);display:flex;flex-direction:column;position:relative}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0b0f19eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.header-left{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:1}.header-logo{font-size:26px;display:inline-block;animation:runBounce 2s infinite ease-in-out;flex-shrink:0}@keyframes runBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(6deg)}}.header-title-box{display:flex;flex-direction:column;min-width:0}.header-title-row{display:flex;align-items:center;gap:6px}.header-title{font-size:16px;font-weight:800;letter-spacing:.5px;background:linear-gradient(120deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-version-pill{font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.4);line-height:1.3}.header-subtitle{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;gap:6px;flex-shrink:0}.btn-icon{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-icon:hover{background:#6366f133;border-color:var(--accent-primary);transform:translateY(-1px)}.btn-icon.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}@media(max-width:480px){.app-header{padding:8px 10px}.header-left{gap:6px}.header-logo{font-size:20px}.header-title{font-size:15px}.header-subtitle{display:none}.header-actions{gap:2.5px}.btn-icon{width:28px;height:28px;font-size:12.5px;border-radius:6px}}@media(max-width:360px){.app-header{padding:6px}.header-left{gap:4px}.header-logo{font-size:17px}.header-title{font-size:12.5px}.header-actions{gap:1.5px}.btn-icon{width:25px;height:25px;font-size:11px}}.dashboard{padding:14px 16px 8px;display:flex;flex-direction:column;gap:10px}.status-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px}.time-card{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#1e1b4bb3,#0f172acc)}.status-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted)}.status-label-right{display:flex;align-items:center;gap:6px}.badge-sub{font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:#6366f133;color:#a5b4fc}.badge-urgent{background:#f43f5e40;color:#fda4af;font-weight:700;animation:pulseWarn 1s infinite alternate}@keyframes pulseWarn{0%{opacity:.7}to{opacity:1;transform:scale(1.04)}}.time-display{font-size:34px;font-weight:900;letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#38bdf8;text-shadow:0 0 16px rgba(56,189,248,.4)}.time-progress-bar{width:100%;height:6px;background:#0f172ab3;border-radius:var(--radius-full);overflow:hidden}.time-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .4s ease}.metric-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-item{display:flex;flex-direction:column;gap:5px}.metric-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.metric-val{font-weight:700;font-size:14px}.meter-bar{width:100%;height:8px;background:#0f172acc;border-radius:var(--radius-full);overflow:hidden}.meter-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease,background .3s ease}.fill-safe{background:var(--accent-emerald)}.fill-warn{background:var(--accent-gold)}.fill-danger{background:var(--accent-rose);animation:pulseDanger 1.2s infinite alternate}.fill-energy{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.text-safe{color:var(--accent-emerald)}.text-warn{color:var(--accent-gold)}.text-danger{color:var(--accent-rose);font-weight:800}.text-energy{color:#38bdf8}.metric-caption{font-size:10px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes pulseDanger{0%{opacity:.8}to{opacity:1;filter:drop-shadow(0 0 6px rgba(244,63,94,.8))}}.zone-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 16px 10px}.step-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);transition:all .25s ease}.step-icon{font-size:18px;margin-bottom:2px}.step-label{font-size:10px;text-align:center}.step-item.active{background:#6366f140;border-color:var(--accent-primary);color:#fff;font-weight:700;box-shadow:0 0 12px #6366f14d;transform:translateY(-2px)}.step-item.done{border-color:#10b98166;color:var(--accent-emerald)}.main-screen{padding:0 16px 24px;display:flex;flex-direction:column;gap:16px;flex:1}.scene-card{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.scene-header{display:flex;justify-content:space-between;align-items:center}.scene-title-group{display:flex;align-items:center;gap:10px}.scene-icon{font-size:28px}.scene-title{font-size:16px;font-weight:700;color:#fff}.scene-sub{font-size:11px;color:var(--text-dim)}.scene-tag{font-size:11px;padding:3px 10px;border-radius:var(--radius-full);background:#94a3b826;color:var(--text-muted)}.tag-active{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.tag-danger{background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.3);animation:pulseDanger 1.2s infinite alternate}.scene-desc{font-size:13px;color:#cbd5e1;line-height:1.6}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted);margin-bottom:8px;font-weight:600}.section-hint{font-size:11px;color:var(--text-dim);font-weight:400}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:380px){.action-grid{grid-template-columns:1fr}}.action-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;color:var(--text-main);transition:all .2s ease;position:relative;overflow:hidden}.action-btn:hover{background:#1e293bf2;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.action-btn:active{transform:translateY(0)}.act-top{display:flex;align-items:center;gap:6px}.act-icon{font-size:20px}.act-name{font-size:14px;font-weight:600;color:#fff}.act-desc{font-size:11px;color:var(--text-muted);line-height:1.4;flex:1}.act-cost{margin-top:4px}.cost-pill{display:inline-block;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);background:#0f172acc;color:#94a3b8;border:1px solid rgba(148,163,184,.1)}.item-tray{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.item-card{min-width:175px;max-width:195px;background:#0f172ad9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.item-head{display:flex;align-items:center;gap:6px}.item-icon{font-size:20px}.item-name{font-size:13px;font-weight:600;color:#38bdf8}.item-desc{font-size:11px;color:var(--text-muted);line-height:1.35}.item-effect{font-size:10px;color:#fbbf24;background:#f59e0b1a;padding:3px 6px;border-radius:4px}.btn-use-item{margin-top:auto;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;color:#fff;font-size:11px;font-weight:600;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s ease}.btn-use-item:hover{opacity:.9}.empty-tray{width:100%;font-size:12px;color:var(--text-dim);text-align:center;padding:18px 0;background:#0f172a80;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle)}.log-container{background:#0b0f19d9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:12px}.log-entry{display:flex;gap:6px;line-height:1.45;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.04)}.log-time{color:var(--text-dim);font-family:monospace;flex-shrink:0}.log-text{color:#cbd5e1}.log-alert .log-text{color:#f87171;font-weight:600}.log-warning .log-text{color:#facc15}.log-success .log-text{color:#4ade80}.log-item .log-text{color:#38bdf8}.log-achievement .log-text{color:#c084fc;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;transition:opacity .25s ease}.modal-backdrop.hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-box,.modal-card{width:100%;max-width:500px;background:#0f172af5;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:0 24px 60px #000c,0 0 1px 1px #ffffff14;display:flex;flex-direction:column;gap:14px;max-height:88vh;overflow-y:auto;box-sizing:border-box;animation:modalPop .3s cubic-bezier(.16,1,.3,1);position:relative;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:2px;flex-shrink:0}.modal-title-group{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.modal-icon{font-size:28px;line-height:1;flex-shrink:0}.modal-title{font-size:16px;font-weight:800;color:#fff;margin:0;line-height:1.3}.modal-subtitle{font-size:11.5px;color:var(--text-muted);display:block;margin-top:2px}.modal-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close-btn:hover{background:#ef444440;color:#fff;border-color:#ef444480;transform:scale(1.05)}.modal-body{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-shrink:0}.encounter-header{display:flex;align-items:center;gap:14px}.encounter-avatar{font-size:38px}.encounter-title{font-size:18px;font-weight:700;color:#fff}.encounter-character{font-size:12px;color:var(--accent-rose);font-weight:600}.encounter-desc{font-size:14px;color:#cbd5e1;line-height:1.6}.encounter-choices{display:flex;flex-direction:column;gap:10px}.choice-btn{background:#1e293be6;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;font-size:13px;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease}.choice-btn:hover:not(.choice-disabled){background:#6366f140;border-color:var(--accent-primary);transform:translate(4px)}.choice-disabled{opacity:.45;cursor:not-allowed;border-style:dashed}.ending-box{text-align:center;position:relative;overflow:hidden}.ending-rank-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:var(--radius-full);font-weight:900;font-size:16px;letter-spacing:1px}.rank-sss{background:#eab308;color:#422006;box-shadow:0 0 16px #eab30899}.rank-ss{background:#a855f7;color:#fff}.rank-s{background:#10b981;color:#fff}.rank-a{background:#06b6d4;color:#fff}.rank-b{background:#3b82f6;color:#fff}.rank-f{background:#f43f5e;color:#fff}.ending-icon{font-size:54px;margin:10px 0 6px}.ending-title{font-size:24px;font-weight:800;color:#fff}.ending-summary{font-size:13px;color:#38bdf8;font-weight:600}.ending-story{background:#0f172acc;border-radius:var(--radius-md);padding:14px;font-size:13px;color:#cbd5e1;line-height:1.6;text-align:left;white-space:pre-line}.ending-quote{font-size:12px;color:#fbbf24;font-style:italic}.ending-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.btn{padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 4px 14px #4f46e566}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{background:#1e293bcc;color:#cbd5e1;border:1px solid var(--border-subtle)}.btn-secondary:hover{background:#334155cc;color:#fff}.poster-header,.archive-header{display:flex;justify-content:space-between;align-items:center}.poster-preview-img{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.poster-footer{display:flex;gap:10px}.poster-footer .btn{flex:1}.loading-spinner{text-align:center;padding:40px 0;color:var(--text-muted);font-size:13px}.archive-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.tab-btn{background:none;border:none;color:var(--text-dim);font-size:13px;font-weight:600;padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.tab-btn.active{background:#6366f133;color:#fff}.archive-grid{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.archive-card{display:flex;align-items:center;gap:12px;padding:12px;background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.archive-card.locked{opacity:.45;filter:grayscale(1)}.ach-icon{font-size:28px}.ach-info{display:flex;flex-direction:column;gap:2px;flex:1}.ach-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#fff}.ach-rank{font-size:10px;padding:2px 6px;border-radius:var(--radius-full)}.ach-desc{font-size:11px;color:var(--text-muted)}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:90%;max-width:440px}.toast{pointer-events:auto;background:#0f172af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);animation:toastEnter .25s cubic-bezier(.16,1,.3,1);transition:opacity .2s ease,transform .2s ease}[popover]:is(:popover-open,.\:popover-open){display:flex}.toast-exit{opacity:0;transform:translateY(-8px)}@keyframes toastEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-content{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff}.toast-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding-left:8px}.toast-close:hover{color:#fff}.toast-success{border-color:#10b98180}.toast-alert{border-color:#f43f5e99}.toast-item{border-color:#38bdf880}.toast-achievement{border-color:#a855f799}.meta-strip{display:flex;align-items:center;gap:8px;padding:4px 16px 10px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;border:1px solid var(--border-subtle);background:#1e293b99;color:var(--text-main);cursor:pointer;transition:all .2s ease}.meta-chip:hover{background:#314160cc;border-color:var(--accent-primary);transform:translateY(-1px)}.chip-role{background:#38bdf81f;border-color:#38bdf859;color:#38bdf8}.chip-weather{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24;cursor:default}.chip-exp{background:#a855f71f;border-color:#a855f759;color:#c084fc}.chip-hardcore{background:#ef444433;border-color:#ef444480;color:#f87171;animation:pulseDanger 1.2s infinite alternate}.modal-custom-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-custom-header h3{font-size:16px;font-weight:700;color:#fff}.modal-custom-header .sub-hint{font-size:11px;color:var(--text-muted);display:block;margin-top:2px}.role-box{max-width:480px}.role-grid{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto;padding-right:4px}.role-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--radius-md);background:#1e293b80;border:2px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.role-card:hover{background:#1e293bd9;border-color:var(--role-accent, #6366f1)}.role-card.selected{background:#1e293bf2;border-color:var(--role-accent, #6366f1);box-shadow:0 0 16px #6366f140}.role-radio{display:none}.role-top{display:flex;align-items:center;gap:10px}.role-avatar{font-size:26px}.role-name-box{display:flex;flex-direction:column}.role-name{font-size:14px;font-weight:700;color:#fff}.role-title{font-size:11px;color:var(--role-accent, #94a3b8);font-weight:600}.role-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.role-passive{display:flex;align-items:center;gap:6px;font-size:11px;color:#e2e8f0;background:#0f172a99;padding:6px 8px;border-radius:var(--radius-sm)}.passive-badge{font-weight:700;color:var(--role-accent, #38bdf8);white-space:nowrap}.role-stats{display:flex;gap:16px;font-size:11px;color:var(--text-dim)}.hardcore-toggle-bar{margin-top:14px;padding:10px 12px;border-radius:var(--radius-md);background:#ef444414;border:1px dashed rgba(239,68,68,.35);display:flex;flex-direction:column;gap:4px}.hardcore-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:700;color:#f87171}.hardcore-tip{font-size:11px;color:var(--text-muted);padding-left:22px}.talent-box{max-width:480px}.talent-balance-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:var(--radius-md);background:#a855f71f;border:1px solid rgba(168,85,247,.3);font-size:13px;color:#e2e8f0;margin-bottom:12px}.exp-counter{font-size:16px;font-weight:800;color:#c084fc}.talent-grid{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto;padding-right:4px}.perk-card{padding:12px 14px;border-radius:var(--radius-md);background:#1e293b99;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.perk-card.perk-active{background:#10b98114;border-color:#10b98166}.perk-top{display:flex;align-items:center;gap:10px}.perk-icon{font-size:24px}.perk-info{display:flex;flex-direction:column}.perk-name{font-size:13px;font-weight:700;color:#fff}.perk-effect{font-size:11px;color:#38bdf8}.perk-desc{font-size:12px;color:var(--text-muted)}.perk-action{display:flex;justify-content:flex-end}.btn-unlock-perk{padding:5px 14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#a855f7,#6366f1);border:none;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-unlock-perk:hover{transform:scale(1.04);box-shadow:0 4px 12px #a855f766}.perk-badge-unlocked{font-size:11px;font-weight:700;color:#34d399}.perk-badge-locked{font-size:11px;color:var(--text-dim)}.ending-exp-badge{font-size:12px;font-weight:700;color:#c084fc;background:#a855f726;border:1px solid rgba(168,85,247,.3);padding:4px 12px;border-radius:var(--radius-full);margin-top:4px;display:inline-block}.career-stats-box{display:flex;flex-direction:column;gap:14px}.career-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.career-stat-card{background:#1e293b80;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;align-items:center;gap:2px}.c-val{font-size:22px;font-weight:800;color:#fff}.c-lbl{font-size:11px;color:var(--text-muted)}.text-success{color:#34d399}.text-fire{color:#f87171}.text-exp{color:#c084fc}.career-subhead{font-size:13px;color:#cbd5e1;font-weight:700;margin-top:4px}.role-wins-list{display:flex;flex-direction:column;gap:6px}.role-win-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);background:#0f172a80;border:1px solid var(--border-subtle);font-size:12px}.r-win-name{color:#f1f5f9;font-weight:600}.r-win-count{color:var(--text-muted)}.btn-block{width:100%}.changelog-box{max-width:480px}.changelog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.changelog-title-group{display:flex;align-items:center;gap:12px}.changelog-icon{font-size:28px}.changelog-title{font-size:16px;font-weight:700;color:#fff}.changelog-badge{font-size:11px;font-weight:600;color:#38bdf8;background:#38bdf826;padding:2px 8px;border-radius:var(--radius-full);display:inline-block;margin-top:2px}.changelog-body{display:flex;flex-direction:column;gap:14px;max-height:52vh;overflow-y:auto;padding-right:4px;margin-bottom:14px}.changelog-section{display:flex;flex-direction:column;gap:8px}.changelog-version-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1e293bb3;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);border-left:3px solid #6366f1}.changelog-version-header.latest{border-left-color:#10b981;background:#10b9811f}.version-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.version-tag{font-size:13px;font-weight:800;color:#fff}.version-pill{font-size:10px;padding:2px 7px;border-radius:var(--radius-full);background:#6366f133;color:#a5b4fc}.version-pill.latest{background:#10b98140;color:#34d399;font-weight:700}.version-title{font-size:11px;color:var(--text-dim)}.version-date{font-size:10px;color:var(--text-dim);margin-left:auto;white-space:nowrap}.changelog-item{background:#1e293b80;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.changelog-item-title{font-size:13px;font-weight:700;color:#fbbf24}.changelog-item-desc{font-size:12px;color:#cbd5e1;line-height:1.5}.changelog-footer{margin-top:4px}.tactical-step-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#131b2ed9;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-md);padding:8px 12px;margin:0 16px 12px;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tactical-step-bar.tactical-urgent{background:#f43f5e1f;border-color:#f43f5e66;animation:pulseUrgent 2s infinite ease-in-out}@keyframes pulseUrgent{0%,to{box-shadow:0 0 #f43f5e00}50%{box-shadow:0 0 14px #f43f5e4d}}.tactical-step-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.tactical-step-badge{font-size:10px;font-weight:700;color:#a5b4fc;background:#6366f133;padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.tactical-urgent .tactical-step-badge{color:#fda4af;background:#f43f5e40}.tactical-step-text{font-size:11px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.tactical-urgent .tactical-step-text{color:#fecdd3;font-weight:600}.tactical-step-link{background:#6366f133;border:1px solid rgba(99,102,241,.35);color:#cbd5e1;font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.tactical-step-link:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.guide-box{max-width:500px;padding:20px}.guide-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.guide-title-group{display:flex;align-items:center;gap:10px}.guide-icon{font-size:26px}.guide-title{font-size:16px;font-weight:700;color:#fff}.guide-badge{font-size:11px;font-weight:600;color:#38bdf8;background:#38bdf826;padding:2px 8px;border-radius:var(--radius-full);display:inline-block;margin-top:2px}.guide-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:14px}.guide-step-pill{display:flex;flex-direction:column;align-items:center;gap:2px;background:#1e293b99;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 2px;cursor:pointer;transition:all .2s ease;color:var(--text-dim)}.guide-step-pill:hover{background:#6366f126;color:#cbd5e1}.guide-step-pill.active{background:linear-gradient(135deg,#6366f159,#06b6d459);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 12px #6366f159}.guide-step-pill.completed{border-color:#10b98166}.guide-step-pill .pill-num{font-size:11px;font-weight:800;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff14}.guide-step-pill.active .pill-num{background:var(--accent-primary);color:#fff}.guide-step-pill.completed .pill-num{background:#10b98133;color:#34d399}.guide-step-pill .pill-name{font-size:10px;font-weight:600;white-space:nowrap}.guide-step-body{display:flex;flex-direction:column;gap:12px;max-height:52vh;overflow-y:auto;padding-right:4px;margin-bottom:12px;animation:stepFade .25s ease-out}@keyframes stepFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.guide-step-hero{display:flex;align-items:flex-start;gap:12px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px}.guide-step-icon{font-size:30px;line-height:1;flex-shrink:0;margin-top:2px}.guide-step-headings{display:flex;flex-direction:column;gap:2px;min-width:0}.guide-step-tag{font-size:10px;font-weight:700;color:#a5b4fc;letter-spacing:.5px}.guide-step-title{font-size:14px;font-weight:700;color:#fff;line-height:1.35}.guide-step-subtitle{font-size:11px;color:var(--text-dim);line-height:1.4}.guide-step-highlights{display:flex;flex-direction:column;gap:8px}.guide-highlight-card{display:flex;align-items:flex-start;gap:10px;background:#1e293b73;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius-md);padding:10px 12px}.hl-card-icon{font-size:18px;line-height:1;margin-top:1px;flex-shrink:0}.hl-card-text{display:flex;flex-direction:column;gap:2px}.hl-card-title{font-size:12px;font-weight:700;color:#fbbf24}.hl-card-desc{font-size:11px;color:#cbd5e1;line-height:1.5}.guide-step-protip{display:flex;flex-direction:column;gap:4px;background:#f59e0b1a;border:1px dashed rgba(245,158,11,.35);border-radius:var(--radius-md);padding:10px 12px}.protip-badge{font-size:11px;font-weight:700;color:#f59e0b}.protip-text{font-size:11px;color:#fef3c7;line-height:1.5}.guide-step-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.guide-nav-btn{min-width:90px;padding:9px 14px;font-size:13px}.guide-nav-btn.disabled,.guide-nav-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.guide-nav-finish{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 14px #10b98166}.guide-step-dots{display:flex;align-items:center;gap:6px}.guide-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#94a3b840;border:none;cursor:pointer;transition:all .2s ease;padding:0}.guide-dot.active{width:20px;background:var(--accent-primary);box-shadow:0 0 8px #6366f180}.guide-dot:hover:not(.active){background:#94a3b880}.guide-skip-bar{text-align:center;margin-top:2px}.guide-skip-link{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.guide-skip-link:hover{color:#cbd5e1}.chip-guide-link{background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.chip-guide-link:hover{background:#6366f159;color:#fff;transform:translateY(-1px)}.archive-guide-container{display:flex;flex-direction:column;gap:12px}@media(max-width:480px){.guide-box{padding:16px;max-height:94vh}.guide-step-pill .pill-name{display:none}.guide-step-pill{padding:8px 0}.guide-step-pill .pill-num{width:22px;height:22px;font-size:12px}.guide-nav-btn{min-width:80px;padding:8px 10px;font-size:12px}.tactical-step-bar{margin:0 10px 10px;padding:6px 10px}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:auto;transition:opacity .3s ease}.tour-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;cursor:pointer}.tour-spotlight{position:fixed;z-index:10001;pointer-events:none;border-radius:14px;box-shadow:0 0 0 9999px #080c16d6,0 0 24px #6366f1d9;border:2px solid #6366f1;transition:top .35s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.tour-spotlight-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid rgba(6,182,212,.65);border-radius:18px;animation:tourGlow 2s infinite ease-in-out;pointer-events:none}@keyframes tourGlow{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.02);opacity:.85}}.tour-card{position:fixed;z-index:10002;width:min(390px,calc(100vw - 28px));background:#111827f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.4);border-radius:16px;padding:16px 18px;box-shadow:0 16px 40px #000000b3,0 0 20px #6366f14d;display:flex;flex-direction:column;gap:12px;transition:top .35s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1);animation:tourPop .25s cubic-bezier(.16,1,.3,1)}@keyframes tourPop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.tour-card-header{display:flex;justify-content:space-between;align-items:center}.tour-step-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#38bdf8;background:#38bdf826;padding:3px 10px;border-radius:var(--radius-full)}.tour-step-icon{font-size:14px}.tour-btn-close{background:none;border:none;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all .2s ease}.tour-btn-close:hover{color:#fff;background:#ffffff1a}.tour-card-body{display:flex;flex-direction:column;gap:8px}.tour-card-title{font-size:15px;font-weight:800;color:#fff;line-height:1.35}.tour-card-desc{font-size:12px;color:#cbd5e1;line-height:1.6;white-space:pre-line}.tour-card-tip{display:flex;flex-direction:column;gap:3px;background:#f59e0b1a;border:1px dashed rgba(245,158,11,.35);border-radius:var(--radius-sm);padding:8px 10px}.tour-tip-badge{font-size:10px;font-weight:700;color:#f59e0b}.tour-tip-text{font-size:11px;color:#fef3c7;line-height:1.5}.tour-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.tour-btn{padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.tour-btn-primary{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 4px 14px #4f46e566}.tour-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1)}.tour-btn-finish{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 14px #10b98166}.tour-btn-secondary{background:#1e293bcc;color:#cbd5e1;border:1px solid var(--border-subtle)}.tour-btn-secondary:hover:not(.disabled){background:#334155e6;color:#fff}.tour-btn.disabled,.tour-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tour-dots{display:flex;align-items:center;gap:5px}.tour-dot{width:7px;height:7px;border-radius:var(--radius-full);background:#94a3b840;border:none;cursor:pointer;transition:all .2s ease;padding:0}.tour-dot.active{width:18px;background:var(--accent-primary);box-shadow:0 0 8px #6366f199}.tour-skip-bar{text-align:center;margin-top:-2px}.tour-skip-link{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.tour-skip-link:hover{color:#cbd5e1}.map-view-container{background:#111827d9;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.map-title-row{display:flex;align-items:center;gap:10px}.map-header-icon{font-size:24px}.map-header-title{font-size:15px;font-weight:700;color:#fff;margin:0}.map-header-sub{font-size:11px;color:#94a3b8}.map-legend{display:flex;flex-wrap:wrap;gap:6px}.legend-chip{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);background:#ffffff0f;color:#cbd5e1}.map-stage-scroll{overflow-x:auto;padding:8px 4px 14px;-webkit-overflow-scrolling:touch}.map-dag-grid{display:flex;gap:16px;min-width:620px}.map-layer-column{flex:1;display:flex;flex-direction:column;gap:10px;min-width:110px}.map-layer-header{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#ffffff0a;border-radius:var(--radius-sm);font-size:11px}.layer-depth-badge{font-weight:800;color:var(--accent-primary);font-size:10px}.layer-name{color:#94a3b8;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-layer-nodes{display:flex;flex-direction:column;gap:8px}.map-node-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:10px 8px;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:default}.map-node-card.locked{opacity:.45;filter:grayscale(.5)}.map-node-card.visited{opacity:.75;border-color:#10b98166;background:#10b98114}.map-node-card.current{opacity:1;border-color:var(--accent-primary);background:#6366f12e;box-shadow:0 0 14px #6366f166;transform:translateY(-2px)}.map-node-card.available{opacity:1;border-color:#38bdf8;background:#38bdf81f;cursor:pointer;box-shadow:0 0 10px #38bdf840;animation:pulseNode 2s infinite ease-in-out}.map-node-card.available:hover{transform:translateY(-3px) scale(1.02);border-color:#67e8f9;background:#38bdf833}@keyframes pulseNode{0%,to{box-shadow:0 0 8px #38bdf84d}50%{box-shadow:0 0 16px #38bdf899}}.map-node-card.boss-threat{border-color:#ef4444}.node-icon-box{display:flex;align-items:center;justify-content:space-between}.node-icon{font-size:20px}.node-threat-badge{font-size:13px;animation:shakeAlert 1.5s infinite}@keyframes shakeAlert{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.node-info{display:flex;flex-direction:column;gap:2px}.node-title{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-type-tag{font-size:9px;padding:1px 6px;border-radius:4px;display:inline-block;align-self:flex-start}.badge-action{background:#3b82f633;color:#93c5fd}.badge-loot{background:#f59e0b33;color:#fcd34d}.badge-rest{background:#10b98133;color:#6ee7b7}.badge-event{background:#a855f733;color:#d8b4fe}.badge-secret{background:#ec489933;color:#f472b6}.badge-boss{background:#ef444433;color:#fca5a5;font-weight:700}.node-pin-badge{position:absolute;top:-8px;right:-4px;font-size:9px;background:var(--accent-primary);color:#fff;padding:1px 6px;border-radius:10px;font-weight:700;box-shadow:0 2px 6px #0006}.btn-node-enter{margin-top:4px;padding:4px 8px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-node-enter:hover{filter:brightness(1.15);transform:translateY(-1px)}.craft-modal-card{max-width:520px;width:95%;background:#0f172a;border:1px solid rgba(139,92,246,.35);box-shadow:0 20px 40px #000000b3,0 0 30px #8b5cf626}.craft-tab-bar{display:flex;gap:8px;padding:0 4px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.craft-tab-btn{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:#ffffff0a;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.craft-tab-btn.active{background:#8b5cf633;border-color:#8b5cf680;color:#fff}.craft-forge-container{display:flex;flex-direction:column;gap:16px;padding-top:8px}.craft-slots-wrapper{display:flex;align-items:center;justify-content:center;gap:14px}.craft-slot{flex:1;min-height:80px;border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);background:#ffffff05;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.craft-slot.has-item{border-style:solid;border-color:#8b5cf6;background:#8b5cf61f;box-shadow:0 0 14px #8b5cf640}.craft-slot-inner{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;width:100%;padding:8px}.craft-slot-icon{font-size:28px}.craft-slot-name{font-size:12px;font-weight:600;color:#fff;text-align:center}.craft-slot-remove{position:absolute;top:2px;right:6px;background:none;border:none;color:#ef4444;font-size:16px;font-weight:900;cursor:pointer}.craft-slot-empty-text{display:flex;flex-direction:column;align-items:center;gap:2px;color:#64748b;font-size:12px}.craft-slot-empty-text small{font-size:10px;color:#475569}.craft-plus-sign{font-size:20px;color:#8b5cf6;font-weight:700}.craft-action-row{display:flex;gap:10px}.craft-trigger-btn{flex:1;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 4px 14px #7c3aed66;font-weight:700;padding:12px}.craft-trigger-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.craft-picker-section{display:flex;flex-direction:column;gap:10px}.craft-picker-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#cbd5e1}.craft-hint{font-size:10px;color:#94a3b8}.craft-picker-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:140px;overflow-y:auto;padding:4px}.craft-picker-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-full);background:#1e293bd9;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:12px;cursor:pointer;transition:all .2s ease}.craft-picker-chip:hover:not(:disabled){background:#8b5cf640;border-color:#a78bfa;transform:translateY(-1px)}.craft-picker-chip:disabled{opacity:.35;cursor:not-allowed}.craft-empty-inventory{font-size:12px;color:#64748b;text-align:center;padding:16px;width:100%}.craft-book-container{display:flex;flex-direction:column;gap:12px}.craft-book-desc{font-size:11px;color:#94a3b8;line-height:1.5;margin:0}.craft-book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;max-height:340px;overflow-y:auto;padding-right:4px}.craft-book-card{padding:10px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#0f172a99;display:flex;flex-direction:column;gap:6px}.craft-book-card.unlocked{border-color:#8b5cf666;background:#8b5cf614}.craft-book-card.locked{opacity:.55;border-style:dashed}.book-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.book-card-title{font-size:12px;color:#fff}.book-formula{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1}.book-synergy{font-size:10px;color:#94a3b8;line-height:1.4;margin:0}.badge-ssr{background:linear-gradient(135deg,#eab308,#f97316);color:#fff;font-weight:800;font-size:9px;padding:1px 6px;border-radius:4px}.badge-sr{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;font-weight:700;font-size:9px;padding:1px 6px;border-radius:4px}.badge-r{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;font-weight:600;font-size:9px;padding:1px 6px;border-radius:4px}.badge-locked{background:#ffffff1a;color:#94a3b8;font-size:9px;padding:1px 6px;border-radius:4px}.relation-modal-card{max-width:580px;width:95%;background:#0f172a;border:1px solid rgba(16,185,129,.35);box-shadow:0 20px 40px #000000b3,0 0 30px #10b98126}.relation-panel-intro{font-size:11px;color:#94a3b8;line-height:1.5;margin-bottom:12px}.relation-cards-grid{display:flex;flex-direction:column;gap:12px;max-height:440px;overflow-y:auto;padding-right:4px}.relation-card{padding:12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#1e293bb3;display:flex;flex-direction:column;gap:8px}.relation-card.status-ally{border-color:#10b98166;background:#10b98114}.relation-card.status-nemesis{border-color:#ef444466;background:#ef444414}.relation-card-header{display:flex;align-items:center;gap:10px}.relation-avatar{font-size:32px}.relation-header-meta{flex:1;display:flex;flex-direction:column;gap:2px}.relation-name-row{display:flex;align-items:center;justify-content:space-between}.relation-name{font-size:13px;color:#fff}.relation-title{font-size:10px;color:#94a3b8}.status-badge{font-size:9px;padding:1px 6px;border-radius:4px;font-weight:700}.badge-ally{background:#10b98133;color:#34d399}.badge-friendly{background:#3b82f633;color:#60a5fa}.badge-neutral{background:#94a3b833;color:#cbd5e1}.badge-hostile{background:#f59e0b33;color:#fbbf24}.badge-nemesis{background:#ef444433;color:#f87171}.relation-meter-section{display:flex;flex-direction:column;gap:3px}.relation-meter-label{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8}.meter-num.pos{color:#34d399;font-weight:700}.meter-num.neg{color:#f87171;font-weight:700}.relation-meter-track{height:6px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.relation-meter-bar{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.fill-ally{background:linear-gradient(90deg,#10b981,#06b6d4)}.fill-friendly{background:#3b82f6}.fill-neutral{background:#94a3b8}.fill-hostile{background:#f59e0b}.fill-nemesis{background:#ef4444}.relation-desc{font-size:11px;color:#cbd5e1;line-height:1.4;margin:0}.relation-perk-box{padding:6px 8px;border-radius:var(--radius-sm);background:#00000040;font-size:10px}.relation-perk-box.unlocked{border-left:3px solid #10b981}.relation-perk-box.locked{border-left:3px solid #64748b;opacity:.7}.perk-box-title{font-weight:700;color:#fbbf24;margin-bottom:2px}.perk-box-desc{color:#94a3b8;margin:0}.relation-gift-section{display:flex;flex-direction:column;gap:6px;padding-top:4px}.gift-section-title{font-size:10px;color:#cbd5e1}.gift-actions-row{display:flex;flex-wrap:wrap;gap:6px}.btn-gift-item{padding:4px 10px;border-radius:var(--radius-full);background:linear-gradient(135deg,#059669,#0d9488);border:none;color:#fff;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-gift-item:hover{filter:brightness(1.15);transform:translateY(-1px)}.no-gift-hint{font-size:10px;color:#64748b}.minigame-card{max-width:480px;width:95%;background:#111827;border:1px solid rgba(234,179,8,.4);box-shadow:0 20px 40px #000c,0 0 30px #eab30826;display:flex;flex-direction:column;gap:14px}.minigame-header{display:flex;align-items:center;justify-content:space-between}.minigame-title-group{display:flex;align-items:center;gap:10px}.minigame-avatar{font-size:30px}.minigame-title{font-size:14px;font-weight:700;color:#fff;margin:0}.minigame-sub{font-size:10px;color:#fbbf24}.minigame-timer-badge{font-size:12px;font-weight:800;color:#ef4444;background:#ef444426;padding:2px 8px;border-radius:var(--radius-full)}.minigame-timer-bar-track{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.minigame-timer-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .1s linear}.minigame-question-box{background:#ffffff0a;border-radius:var(--radius-md);padding:10px 12px}.boss-question-text{font-size:13px;color:#e2e8f0;font-style:italic;margin:0;line-height:1.5}.buzzword-sentence-preview{min-height:48px;padding:8px 12px;border-radius:var(--radius-md);background:#00000059;border:1px dashed rgba(255,255,255,.15);font-size:12px;display:flex;align-items:center}.placeholder-sentence{color:#64748b}.formed-sentence{color:#38bdf8}.buzzword-chips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bw-chip{padding:8px 4px;border-radius:var(--radius-md);background:#1e293bd9;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:11px;cursor:pointer;transition:all .2s ease;text-align:center}.bw-chip:hover{border-color:#38bdf8;transform:translateY(-1px)}.bw-chip.selected{background:#0ea5e94d;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d;color:#38bdf8;font-weight:700}.redpacket-prompt-text{font-size:12px;color:#cbd5e1;line-height:1.5;margin:0}.redpackets-grid{display:flex;justify-content:center;gap:20px;padding:10px 0}.packet-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:12px 16px;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.packet-item:hover{background:#ef444426;border-color:#ef4444;transform:translateY(-4px) scale(1.05)}.packet-envelope{font-size:40px}.packet-label{font-size:12px;color:#fff}.packet-sub{font-size:9px;color:#94a3b8}.pulse-bounce{animation:pulseBounce 1s infinite ease-in-out}.pulse-bounce-delay{animation:pulseBounce 1s infinite ease-in-out .5s}@keyframes pulseBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.qte-clock-screen{background:#000;border:2px solid #334155;border-radius:var(--radius-lg);padding:20px 14px;text-align:center;box-shadow:inset 0 0 20px #000c}.qte-clock-label{font-size:10px;color:#64748b;letter-spacing:1px;margin-bottom:8px}.qte-digital-time{font-family:Courier New,Courier,monospace;font-size:32px;font-weight:900;color:#38bdf8;letter-spacing:2px;text-shadow:0 0 12px rgba(56,189,248,.5)}.qte-target-line{font-size:10px;color:#fbbf24;margin-top:8px}.qte-action-area{display:flex;justify-content:center;padding:10px 0}.btn-giant-punch{width:100%;padding:16px;font-size:16px;font-weight:900;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 6px 20px #ef444466;transition:all .15s ease}.btn-giant-punch:hover:not(:disabled){transform:scale(1.02);filter:brightness(1.1)}.btn-giant-punch:active:not(:disabled){transform:scale(.98)}.glow-perfect{text-shadow:0 0 20px #10b981!important;animation:pulseGlow .5s infinite alternate}@keyframes pulseGlow{0%{text-shadow:0 0 10px #10b981}to{text-shadow:0 0 30px #10b981}}.cyber-quick-hub{display:flex;align-items:center;gap:8px;padding:4px 16px 10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.cyber-quick-hub::-webkit-scrollbar{display:none}.hub-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-full);background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #00000040}.hub-pill:hover{background:#6366f140;border-color:#6366f199;color:#fff;transform:translateY(-1.5px);box-shadow:0 4px 12px #6366f14d}.hub-pill:active{transform:translateY(0)}.hub-icon{font-size:14px;line-height:1}.hub-label{font-size:11px;letter-spacing:.3px}.pill-boss{background:#dc26261f;border-color:#ef444466;color:#fca5a5}.pill-boss:hover{background:#dc262640;border-color:#ef4444b3;box-shadow:0 4px 12px #ef444459}.pill-overtime{background:#9333ea1f;border-color:#a855f766;color:#d8b4fe}.pill-overtime:hover{background:#9333ea40;border-color:#a855f7b3;box-shadow:0 4px 12px #a855f759}.pill-craft{background:#0d94881f;border-color:#14b8a666;color:#5eead4}.pill-craft:hover{background:#0d948840;border-color:#14b8a6b3;box-shadow:0 4px 12px #14b8a659}.pill-relation{background:#10b9811f;border-color:#10b98166;color:#6ee7b7}.pill-relation:hover{background:#10b98140;border-color:#10b981b3;box-shadow:0 4px 12px #10b98159}.pill-daily{background:#d977061f;border-color:#f59e0b66;color:#fcd34d}.pill-daily:hover{background:#d9770640;border-color:#f59e0bb3;box-shadow:0 4px 12px #f59e0b59}.pill-archive{background:#3b82f61f;border-color:#3b82f666;color:#93c5fd}.pill-archive:hover{background:#3b82f640;border-color:#3b82f6b3;box-shadow:0 4px 12px #3b82f659}.pill-role{background:#6366f11f;border-color:#6366f166;color:#c7d2fe}.pill-role:hover{background:#6366f140;border-color:#6366f1b3;box-shadow:0 4px 12px #6366f159}.pill-talent{background:#a855f71f;border-color:#a855f766;color:#e9d5ff}.pill-talent:hover{background:#a855f740;border-color:#a855f7b3;box-shadow:0 4px 12px #a855f759}.radar-bar-container{display:flex;flex-direction:column;gap:8px;background:#0f172ae0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:10px 14px;margin:0 16px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.radar-bar-container.threat-safe{border-color:#10b98159;background:#0f172ad9}.radar-bar-container.threat-warning{border-color:#f59e0b73;background:#f59e0b14}.radar-bar-container.threat-danger{border-color:#ef4444a6;background:#ef444424;animation:dangerPulse 1.5s infinite}@keyframes dangerPulse{0%,to{box-shadow:0 0 8px #ef444433}50%{box-shadow:0 0 18px #ef44448c}}.radar-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.radar-status-group{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.radar-led{font-size:13px;line-height:1}.pulse-led{animation:ledBlink 1.2s infinite}@keyframes ledBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.92)}}.radar-badge{font-size:10px;padding:2px 7px;border-radius:var(--radius-sm);font-weight:800;white-space:nowrap}.radar-badge.threat-safe{background:#10b98133;color:#34d399}.radar-badge.threat-warning{background:#f59e0b33;color:#fbbf24}.radar-badge.threat-danger{background:#ef444433;color:#f87171}.radar-location-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#e2e8f0;background:#ffffff0f;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radar-pin{font-size:10px}.radar-location-name{font-weight:600;color:#fff}.radar-actions{display:flex;align-items:center;flex-shrink:0}.btn-radar-action{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-full);background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid rgba(56,189,248,.4);color:#fff;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px #0284c74d}.btn-radar-action:hover{filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 4px 12px #0284c780}.btn-radar-action:active{transform:translateY(0)}.radar-action-icon{font-size:12px}.radar-bottom-row{display:flex;align-items:center;gap:8px;background:#00000047;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04)}.radar-feed-badge{font-size:10px;font-weight:700;color:#38bdf8;white-space:nowrap}.radar-ticker-wrap{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radar-ticker-text{font-size:11px;color:#94a3b8;line-height:1.4}.decoy-modal-card{max-width:500px;width:95%;border:1px solid rgba(56,189,248,.4);box-shadow:0 24px 60px #000000d9,0 0 30px #38bdf81f}.decoy-panel-intro{font-size:12px;color:#cbd5e1;line-height:1.5;margin:0}.decoy-options-grid{display:flex;flex-direction:column;gap:10px;padding:4px 0}.decoy-option-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:#1e293bb3;border:1px solid rgba(255,255,255,.08);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.decoy-option-card:hover{background:#38bdf826;border-color:#38bdf8;transform:translateY(-1.5px);box-shadow:0 4px 16px #38bdf840}.decoy-card-icon{font-size:26px;line-height:1;flex-shrink:0}.decoy-card-info{display:flex;flex-direction:column;gap:3px;min-width:0}.decoy-card-info strong{font-size:13px;font-weight:700;color:#fff}.decoy-card-info small{font-size:11px;color:#94a3b8;line-height:1.4}.daily-modal-card{max-width:520px;width:95%;border:1px solid rgba(234,179,8,.4);box-shadow:0 24px 60px #000000d9,0 0 30px #eab3081f}.daily-almanac-banner{background:linear-gradient(135deg,#eab30826,#f9731626);border:1px solid rgba(234,179,8,.35);border-radius:var(--radius-md);padding:12px 14px;text-align:center}.daily-almanac-date{font-size:11.5px;color:#fbbf24;font-weight:700;display:block}.daily-almanac-quote{font-size:14px;font-weight:800;color:#fff;margin:6px 0 0;line-height:1.4}.daily-good-bad-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.daily-card-good{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:12px}.daily-card-bad{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:12px}.good-title{color:#34d399;font-size:12.5px;font-weight:700;display:block}.bad-title{color:#f87171;font-size:12.5px;font-weight:700;display:block}.good-desc,.bad-desc{font-size:11px;color:#cbd5e1;margin-top:4px;line-height:1.45}.daily-ladder-section{display:flex;flex-direction:column;gap:8px}.daily-ladder-title{font-size:12px;font-weight:700;color:#fff}.daily-ladder-table{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:10px 12px;font-size:12px}.ladder-row{display:flex;justify-content:space-between;align-items:center;padding:7px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.ladder-row:last-child{border-bottom:none}.reverse-boss-card{max-width:520px;width:95%;border:1px solid rgba(239,68,68,.4);box-shadow:0 24px 60px #000000d9,0 0 35px #ef444426}.boss-modal-header{border-bottom:1px solid rgba(239,68,68,.2);padding-bottom:10px}.boss-modal-body{display:flex;flex-direction:column;gap:12px}.reverse-hud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud-stat-cell{background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:8px 10px;text-align:center;display:flex;flex-direction:column;gap:2px}.hud-cell-label{font-size:10.5px;color:#94a3b8}.hud-cell-val{font-size:15px;font-weight:800;color:#fff}.val-time{color:#38bdf8}.val-majesty{color:#f87171}.val-caught{color:#fbbf24}.boss-location-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md)}.location-bar-left{display:flex;align-items:center;gap:6px;font-size:12px}.loc-pin{font-size:13px}.loc-label{color:#94a3b8;font-size:11px}.loc-name{color:#fff;font-size:12.5px}.escaped-badge{font-size:11px;font-weight:700;color:#34d399;background:#10b98126;padding:2px 8px;border-radius:var(--radius-full)}.boss-tracker-panel{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.tracker-header{display:flex;justify-content:space-between;align-items:center}.tracker-title{font-size:12px;font-weight:700;color:#fbbf24}.tracker-hint{font-size:10px;color:#64748b}.tracker-list-grid{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto}.emp-track-card{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#1e293bb3;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);font-size:11px}.emp-info{display:flex;align-items:center;gap:6px}.emp-name{font-weight:700;color:#fff}.emp-location{color:#94a3b8;font-size:10.5px}.emp-status-badge{font-size:10px;padding:2px 6px;border-radius:var(--radius-full);font-weight:700}.emp-status-fleeing{background:#38bdf833;color:#38bdf8}.emp-status-caught{background:#ef444433;color:#f87171}.emp-status-escaped{background:#10b98133;color:#34d399}.boss-skills-panel{display:flex;flex-direction:column;gap:6px}.skills-panel-title{font-size:12px;font-weight:700;color:#fff}.skills-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.skill-btn{display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-radius:var(--radius-md);background:#1e293bcc;border:1px solid rgba(239,68,68,.3);color:#fff;cursor:pointer;text-align:center;transition:all .2s ease}.skill-btn:hover:not(:disabled){background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.skill-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.skill-name{font-size:11.5px;font-weight:700;color:#fca5a5}.skill-cost{font-size:9.5px;color:#94a3b8}.boss-move-panel{display:flex;flex-direction:column;gap:6px}.move-panel-title{font-size:12px;font-weight:700;color:#fff}.move-btn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.boss-area-btn{padding:8px 4px;border-radius:var(--radius-sm);background:#1e293bb3;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:11px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease}.boss-area-btn:hover:not(:disabled){background:#6366f140;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.boss-area-btn.active-area{background:#ef444440;border-color:#ef4444;color:#fca5a5;font-weight:700}.boss-log-box{background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.log-box-header{font-size:10.5px;font-weight:700;color:#94a3b8}.boss-logs-scroll{max-height:80px;overflow-y:auto;font-size:11px;color:#cbd5e1;line-height:1.5;display:flex;flex-direction:column;gap:3px}.boss-log-entry{color:#e2e8f0}.overtime-card{max-width:520px;width:95%;border:1px solid rgba(168,85,247,.4);box-shadow:0 24px 60px #000000d9,0 0 35px #a855f726}.ot-modal-header{border-bottom:1px solid rgba(168,85,247,.2);padding-bottom:10px}.ot-modal-body{display:flex;flex-direction:column;gap:12px}.ot-clock-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#581c874d,#0f172acc);border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md)}.clock-banner-left{display:flex;align-items:center;gap:6px}.clock-label{font-size:11px;color:#94a3b8}.clock-time{font-size:18px;font-weight:800;color:#f472b6;font-family:monospace}.clock-banner-right{display:flex;align-items:center;gap:6px}.progress-label{font-size:11px;color:#94a3b8}.progress-val{font-size:12px;font-weight:700;color:#c084fc}.ot-meters-card{background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.meter-group{display:flex;flex-direction:column;gap:4px}.meter-head{display:flex;justify-content:space-between;align-items:center;font-size:11px}.title-sanity{color:#f472b6;font-weight:700}.title-energy{color:#38bdf8;font-weight:700}.title-presence{color:#fbbf24;font-weight:700}.num-sanity{color:#f472b6;font-weight:700}.num-energy{color:#38bdf8;font-weight:700}.num-presence{color:#fbbf24;font-weight:700}.meter-track{height:9px;background:#0006;border-radius:var(--radius-full);overflow:hidden;position:relative}.track-presence{position:relative}.presence-safe-zone{position:absolute;left:20%;width:40%;top:0;bottom:0;background:#10b98140;border-left:1px dashed rgba(16,185,129,.6);border-right:1px dashed rgba(16,185,129,.6);pointer-events:none;z-index:2}.fill-sanity{background:linear-gradient(90deg,#ec4899,#8b5cf6);height:100%;transition:width .3s ease}.fill-energy{background:linear-gradient(90deg,#06b6d4,#3b82f6);height:100%;transition:width .3s ease}.fill-presence{background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);height:100%;transition:width .3s ease}.ot-actions-section{display:flex;flex-direction:column;gap:6px}.actions-section-title{font-size:12px;font-weight:700;color:#fff}.ot-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ot-act-btn{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:var(--radius-md);background:#1e293bcc;border:1px solid rgba(168,85,247,.3);color:#fff;cursor:pointer;text-align:left;transition:all .2s ease}.ot-act-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f7;transform:translateY(-1.5px);box-shadow:0 4px 14px #a855f740}.ot-act-btn:active:not(:disabled){transform:translateY(0)}.ot-act-name{font-size:12.5px;font-weight:700;color:#fff}.ot-act-desc{font-size:10.5px;color:#94a3b8;line-height:1.35}.ot-log-box{background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.ot-logs-scroll{max-height:80px;overflow-y:auto;font-size:11px;color:#cbd5e1;line-height:1.5;display:flex;flex-direction:column;gap:3px}@media(max-width:480px){.modal-backdrop{padding:10px}.modal-box,.modal-card{padding:16px;gap:12px;max-height:92vh}.cyber-quick-hub{padding:2px 10px 8px;gap:6px}.hub-pill{padding:5px 10px;font-size:11px}.radar-bar-container{margin:0 10px 10px;padding:8px 10px}.tactical-step-bar{margin:0 10px 10px}.reverse-hud-grid{grid-template-columns:repeat(3,1fr);gap:6px}.hud-stat-cell{padding:6px 4px}.hud-cell-val{font-size:13px}.skills-btn-grid{grid-template-columns:1fr;gap:6px}.move-btn-grid{grid-template-columns:repeat(2,1fr)}.ot-actions-grid{grid-template-columns:1fr;gap:6px}.daily-good-bad-grid{grid-template-columns:1fr;gap:8px}}