: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;padding-bottom:64px}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0b0f19f0;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{grid-template-columns:1fr;gap:4px;padding:4px 6px}}.dashboard{padding:6px 12px;display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.status-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;min-width:0}.time-card{display:flex;flex-direction:column;justify-content:space-between;gap:4px;background:linear-gradient(135deg,#1e1b4bb3,#0f172acc);min-width:0}.status-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);white-space:nowrap;gap:4px;min-width:0}.status-label-title{white-space:nowrap;font-weight:600;font-size:11px;flex-shrink:0}.status-label-right{display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.badge-sub{font-size:9.5px;padding:1px 5px;border-radius:var(--radius-full);background:#6366f133;color:#a5b4fc;white-space:nowrap;flex-shrink:0}.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:22px;font-weight:900;letter-spacing:1.5px;line-height:1.1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.4)}.time-progress-bar{width:100%;height:4px;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:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:8px 10px}.metric-item{display:flex;flex-direction:column;gap:2px}.metric-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);line-height:1.2}.time-display-row{display:flex;align-items:baseline;gap:8px}.metric-val-wrapper{display:flex;align-items:center;gap:6px}.stat-delta-chip{font-size:10px;font-weight:800;padding:1px 6px;border-radius:var(--radius-full);line-height:1.2;display:inline-flex;align-items:center;animation:deltaBadgePop .3s cubic-bezier(.175,.885,.32,1.275) forwards}.stat-delta-chip.delta-danger{background:#f43f5e38;color:#f43f5e;border:1px solid rgba(244,63,94,.55);box-shadow:0 0 8px #f43f5e59}.stat-delta-chip.delta-safe{background:#10b98138;color:#10b981;border:1px solid rgba(16,185,129,.55);box-shadow:0 0 8px #10b98159}.stat-delta-chip.delta-time{background:#38bdf838;color:#38bdf8;border:1px solid rgba(56,189,248,.55);box-shadow:0 0 8px #38bdf859}@keyframes deltaBadgePop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.stat-flash-danger{animation:flashTextDanger 1.2s ease forwards!important}@keyframes flashTextDanger{0%{transform:scale(1.35);color:#ff4d6d!important;text-shadow:0 0 16px rgba(244,63,94,.95)}50%{transform:scale(1.15);color:#f43f5e!important;text-shadow:0 0 8px rgba(244,63,94,.5)}to{transform:scale(1)}}.stat-flash-safe{animation:flashTextSafe 1.2s ease forwards!important}@keyframes flashTextSafe{0%{transform:scale(1.35);color:#34d399!important;text-shadow:0 0 16px rgba(16,185,129,.95)}50%{transform:scale(1.15);color:#10b981!important;text-shadow:0 0 8px rgba(16,185,129,.5)}to{transform:scale(1)}}.stat-flash-time{animation:flashTextTime 1s ease forwards!important}@keyframes flashTextTime{0%{transform:scale(1.15);color:#7dd3fc!important;text-shadow:0 0 18px rgba(56,189,248,.95)}to{transform:scale(1)}}.box-pulse-danger{animation:boxPulseRed 1.2s ease forwards}@keyframes boxPulseRed{0%{border-color:#f43f5ed9;box-shadow:0 0 14px #f43f5e73}to{border-color:var(--border-subtle);box-shadow:none}}.box-pulse-safe{animation:boxPulseGreen 1.2s ease forwards}@keyframes boxPulseGreen{0%{border-color:#10b981d9;box-shadow:0 0 14px #10b98173}to{border-color:var(--border-subtle);box-shadow:none}}.metric-val{font-weight:700;font-size:12px;display:inline-block;transition:transform .2s ease}.meter-bar{width:100%;height:6px;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{display:none}@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:4px;padding:0 12px 6px}.step-item{display:flex;flex-direction:column;align-items:center;padding:4px 2px;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:14px;margin-bottom:1px}.step-label{font-size:9.5px;text-align:center;white-space:nowrap}.step-item.active{background:#6366f140;border-color:var(--accent-primary);color:#fff;font-weight:700;box-shadow:0 0 12px #6366f14d;transform:translateY(-1px)}.step-item.done{border-color:#10b98166;color:var(--accent-emerald)}.main-screen{padding:0 12px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;flex:1}.scene-card{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.scene-header{display:flex;justify-content:space-between;align-items:center}.scene-title-group{display:flex;align-items:center;gap:8px}.scene-icon{font-size:22px}.scene-title{font-size:14.5px;font-weight:700;color:#fff}.scene-sub{font-size:10.5px;color:var(--text-dim)}.scene-tag{font-size:10px;padding:2px 8px;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:12px;color:#cbd5e1;line-height:1.45}.route-advance-section{display:flex;flex-direction:column;gap:8px}.route-advance-card{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-md);padding:10px 12px;box-shadow:0 4px 16px #00000040;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.route-advance-card.final-gate-card{border-color:#f59e0b66;background:linear-gradient(135deg,#1e293be6,#2d1e0ab3);box-shadow:0 4px 20px #f59e0b26}.route-advance-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.route-title-box{display:flex;align-items:center;gap:8px;flex:1}.route-header-icon{font-size:20px}.route-header-title{font-size:13px;font-weight:700;color:#f0f9ff;line-height:1.2}.route-header-sub{font-size:10.5px;color:var(--text-dim);display:block;line-height:1.35;margin-top:2px}.btn-jump-to-map{padding:4px 10px;border-radius:var(--radius-sm);background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-jump-to-map:hover{background:#38bdf840;border-color:#38bdf8;transform:translateY(-1px)}.route-branch-list{display:flex;flex-direction:column;gap:6px}.route-branch-item{background:#0f172aa6;border:1px solid rgba(148,163,184,.15);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.route-branch-item:hover{background:#1e293bd9;border-color:#38bdf866}.route-branch-item.item-threat{border-color:#f43f5e66}.branch-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.branch-item-title-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.branch-node-icon{font-size:16px}.branch-node-title{font-size:12.5px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-type-pill{font-size:9.5px;padding:1px 6px;border-radius:var(--radius-full);font-weight:500;white-space:nowrap}.branch-threat-tag{font-size:9.5px;padding:1px 5px;border-radius:var(--radius-full);background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.4);white-space:nowrap;animation:shakeAlert 1.5s infinite}.branch-item-desc{font-size:11px;color:var(--text-muted);line-height:1.35}.btn-branch-travel{padding:3px 8px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f133,#38bdf833);border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-size:10.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-branch-travel:hover{background:linear-gradient(135deg,#6366f166,#38bdf866);border-color:#818cf8;color:#fff;transform:translateY(-1px)}.map-status-sync-row{margin-top:3px}.map-current-zone-chip{display:inline-block;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#c7d2fe}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.section-hint{font-size:10.5px;color:var(--text-dim);font-weight:400}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@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-sm);padding:8px 10px;display:flex;flex-direction:column;gap:4px;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(-1.5px);box-shadow:0 4px 12px #6366f133}.action-btn:active{transform:translateY(0)}.act-top{display:flex;align-items:center;gap:5px}.act-icon{font-size:16px}.act-name{font-size:13px;font-weight:600;color:#fff}.act-desc{font-size:10.5px;color:var(--text-muted);line-height:1.35;flex:1}.act-cost{margin-top:2px}.cost-pill{display:inline-block;font-size:9.5px;padding:1px 5px;border-radius:var(--radius-sm);background:#0f172acc;color:#94a3b8;border:1px solid rgba(148,163,184,.1)}.item-tray{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;box-sizing:border-box}@media(min-width:520px){.item-tray{grid-template-columns:repeat(3,1fr)}}.item-card{width:100%;box-sizing:border-box;background:#0f172ad9;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-height:125px;transition:all .2s ease}.item-card:hover{border-color:#6366f166;background:#141e37e6;transform:translateY(-1px)}.item-head{display:flex;align-items:center;gap:6px}.item-icon{font-size:20px;line-height:1}.item-name{font-size:13px;font-weight:700;color:#38bdf8;word-break:break-word}.item-desc{font-size:11px;color:var(--text-muted);line-height:1.35;flex:1}.item-effect{font-size:10px;color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);padding:3px 6px;border-radius:4px;font-weight:500;line-height:1.3}.btn-use-item{margin-top:4px;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:all .2s ease;width:100%;text-align:center}.btn-use-item:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 0 10px #6366f166;transform:translateY(-1px)}.empty-tray-box{grid-column:1 / -1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;background:#0f172a8c;border:1px dashed rgba(148,163,184,.25);border-radius:var(--radius-md);text-align:center}.empty-tray-icon{font-size:32px;opacity:.7}.empty-tray-title{font-size:13px;font-weight:700;color:#94a3b8}.empty-tray-desc{font-size:11px;color:var(--text-dim);max-width:280px;line-height:1.4}.backpack-craft-portal{background:linear-gradient(145deg,#1e1b4b73,#0f172ad9);border:1px solid rgba(168,85,247,.28);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #00000040}.craft-portal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.craft-portal-title{display:flex;align-items:center;gap:8px}.craft-portal-icon{font-size:22px}.portal-heading{font-size:13px;font-weight:700;color:#e9d5ff;margin:0}.portal-sub{font-size:10px;color:#a855f7}.btn-craft-portal-go{padding:5px 12px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#9333ea,#6366f1);border:1px solid rgba(192,132,252,.4);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 0 10px #a855f740}.btn-craft-portal-go:hover{background:linear-gradient(135deg,#a855f7,#4f46e5);box-shadow:0 0 16px #a855f780;transform:translateY(-1px)}.craft-recipes-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.recipe-chip{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:6px 8px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:all .2s ease}.recipe-chip:hover{border-color:#a855f766;background:#1e1b4bb3}.recipe-icons{font-size:12px}.recipe-name{font-size:11px;font-weight:600;color:#f1f5f9}.recipe-tag{font-size:9px;color:#34d399;background:#10b9811f;padding:1px 4px;border-radius:3px;align-self:flex-start}.backpack-tips-card{background:#0f172abf;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.tips-card-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#38bdf8}.tips-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.tips-card-list li{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--text-muted);line-height:1.4}.btn-craft-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;color:#e9d5ff;background:linear-gradient(135deg,#a855f747,#6366f147);border:1px solid rgba(192,132,252,.6);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #a855f740,inset 0 1px #ffffff26;outline:none;line-height:1.2}.btn-craft-badge:hover{background:linear-gradient(135deg,#a855f77a,#6366f17a);border-color:#d8b4fe;color:#fff;transform:translateY(-1px) scale(1.04);box-shadow:0 0 16px #c084fc8c,inset 0 1px #ffffff40}.btn-craft-badge:active{transform:translateY(0) scale(.98)}.btn-craft-badge.has-craftable{animation:craftPulseGlow 2s infinite ease-in-out;border-color:#34d399;color:#a7f3d0;background:linear-gradient(135deg,#10b9814d,#a855f759)}@keyframes craftPulseGlow{0%,to{box-shadow:0 0 8px #34d39959,inset 0 1px #fff3}50%{box-shadow:0 0 18px #34d399b3,inset 0 1px #ffffff59}}.log-count-badge{font-size:10px;padding:2px 7px;border-radius:var(--radius-full);background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-weight:600;line-height:1.2}.log-container{background:#0b0f19e0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;min-height:320px;max-height:calc(100vh - 280px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;font-size:13.5px;box-shadow:inset 0 2px 8px #0000004d}.log-entry{display:flex;align-items:baseline;gap:8px;line-height:1.5;padding:6px 10px;border-radius:var(--radius-sm);background:#0f172a8c;border-left:3px solid rgba(148,163,184,.3);border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s ease}.log-entry:hover{background:#1e293bb3}.log-time{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;flex-shrink:0}.log-text{color:#e2e8f0;font-size:13px;flex:1;word-break:break-word}.log-alert{background:#ef44441f;border-left-color:#f87171}.log-alert .log-text{color:#fca5a5;font-weight:700}.log-warning{background:#f59e0b1f;border-left-color:#facc15}.log-warning .log-text{color:#fde047;font-weight:600}.log-success{background:#10b9811a;border-left-color:#4ade80}.log-success .log-text{color:#86efac;font-weight:500}.log-item{background:#38bdf81a;border-left-color:#38bdf8}.log-item .log-text{color:#7dd3fc;font-weight:600}.log-achievement{background:#a855f71f;border-left-color:#c084fc}.log-achievement .log-text{color:#e9d5ff;font-weight:700}.log-stat-chip{display:inline-block;font-size:11px;font-weight:800;padding:1px 5px;border-radius:3px;margin:0 2px;line-height:1.25}.log-stat-chip.chip-danger{background:#f43f5e47;color:#fecdd3;border:1px solid rgba(244,63,94,.55)}.log-stat-chip.chip-safe{background:#10b98147;color:#a7f3d0;border:1px solid rgba(16,185,129,.55)}.log-stat-chip.chip-warn{background:#f59e0b47;color:#fef08a;border:1px solid rgba(245,158,11,.55)}.log-stat-chip.chip-energy{background:#38bdf847;color:#bae6fd;border:1px solid rgba(56,189,248,.55)}.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,.toast-container:is(:popover-open,.\:popover-open){position:fixed!important;inset-block-start:16px!important;top:16px!important;bottom:auto!important;inset-inline-start:50%!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;z-index:100000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;pointer-events:none!important;width:90%!important;max-width:440px!important;box-sizing:border-box!important;overflow:visible!important}.toast,.toast:is(:popover-open,.\:popover-open){pointer-events:auto!important;width:100%!important;max-width:440px!important;box-sizing:border-box!important;background:#0f172af5!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 10px 30px #0009,0 0 1px 1px #ffffff1a!important;animation:toastEnter .25s cubic-bezier(.16,1,.3,1)!important;transition:opacity .2s ease,transform .2s ease!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto!important}.toast-exit{opacity:0!important;transform:translateY(-8px)!important}@keyframes toastEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-content{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;color:#fff!important;flex:1!important;text-align:center!important;min-width:0!important}.toast-icon{font-size:16px!important;flex-shrink:0!important}.toast-text{text-align:center!important;line-height:1.4!important;word-break:break-word!important}.toast-close{background:none!important;border:none!important;color:var(--text-dim)!important;font-size:18px!important;cursor:pointer!important;padding:0 4px!important;margin-left:8px!important;flex-shrink:0!important}.toast-close:hover{color:#fff!important}.toast-success{border-color:#10b98199!important}.toast-alert{border-color:#f43f5eb3!important}.toast-item{border-color:#38bdf899!important}.toast-achievement{border-color:#a855f7b3!important}.meta-strip{display:flex;align-items:center;gap:6px;padding:2px 12px 6px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);font-size:10.5px;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:pointer}.chip-weather:hover{background:#f59e0b40;border-color:#f59e0b}.chip-exp{background:#a855f71f;border-color:#a855f759;color:#c084fc}.chip-relation{background:#10b9811f;border-color:#34d39959;color:#6ee7b7}.chip-relation:hover{background:#10b98140;border-color:#34d399}.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-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:block;background:#131b2ed9;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-md);padding:6px 12px 7px;margin:0 12px 6px;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-content{display:flex;flex-direction:column;gap:3px}.tactical-step-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tactical-step-badge{font-size:10.5px;font-weight:700;color:#a5b4fc;background:#6366f133;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.tactical-urgent .tactical-step-badge{color:#fda4af;background:#f43f5e40}.tactical-step-text{font-size:11.5px;color:#cbd5e1;white-space:normal;line-height:1.45;text-align:left;word-break:break-word}.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:10px;font-weight:600;padding:2px 8px;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)}.view-tab-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:2px 10px 6px;width:100%;box-sizing:border-box;overflow:visible}@media(max-width:480px){.view-tab-nav{grid-template-columns:repeat(4,1fr);gap:4px;padding:2px 6px 6px}.view-tab-btn{padding:6px 2px;font-size:11.5px;gap:3px}.view-tab-btn .tab-icon{font-size:13.5px}.view-tab-btn .tab-label{font-size:11px;white-space:nowrap}}.view-tab-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 4px;border-radius:var(--radius-sm);background:#1a243dbf;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.view-tab-btn:hover{background:#314160d9;border-color:var(--accent-primary);color:#fff}.view-tab-btn.active{background:linear-gradient(135deg,#6366f159,#06b6d440);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 12px #6366f159}.tab-badge{font-size:9px;background:#10b981;color:#fff;padding:1px 5px;border-radius:var(--radius-full);font-weight:700;line-height:1.2;animation:pulseBadge 1.2s infinite alternate}@keyframes pulseBadge{0%{transform:scale(.95);opacity:.85}to{transform:scale(1.05);opacity:1}}.view-tab-panel{padding:0 12px 16px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;flex:1}.view-tab-panel.panel-hidden{display:none!important}.action-log-ticker{display:flex;align-items:center;gap:8px;background:#0f172ae0;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-sm);padding:7px 12px;font-size:12.5px;color:var(--text-muted);cursor:pointer;transition:all .25s ease;margin-top:2px}.action-log-ticker:hover{background:#1e293bf2;border-color:var(--accent-primary);color:#fff;transform:translateY(-1px)}.action-log-icon{font-size:15px;flex-shrink:0}.action-log-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f1f5f9;font-weight:500;font-size:12.5px}.action-log-more{color:#818cf8;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.ticker-flash-alert{animation:tickerPulseAlert 1.5s ease;border-color:#f43f5ecc!important;background:#f43f5e2e!important}@keyframes tickerPulseAlert{0%{transform:scale(1.02);box-shadow:0 0 16px #f43f5eb3}50%{box-shadow:0 0 8px #f43f5e59}to{transform:scale(1);box-shadow:none}}.ticker-flash-warning{animation:tickerPulseWarn 1.5s ease;border-color:#f59e0bcc!important;background:#f59e0b2e!important}@keyframes tickerPulseWarn{0%{transform:scale(1.02);box-shadow:0 0 16px #f59e0bb3}50%{box-shadow:0 0 8px #f59e0b59}to{transform:scale(1);box-shadow:none}}.ticker-flash-info{animation:tickerPulseInfo 1.2s ease;border-color:#6366f1cc!important;background:#1e293bf2!important}@keyframes tickerPulseInfo{0%{transform:scale(1.01);box-shadow:0 0 14px #6366f180}to{transform:scale(1);box-shadow:none}}.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)}.map-boss-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#10b9812e,#065f4640);border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:12px;animation:pulseSubtle 2.5s infinite}.boss-banner-icon{font-size:24px;flex-shrink:0}.boss-banner-info{display:flex;flex-direction:column;gap:2px;flex:1}.boss-banner-info strong{font-size:13px;color:#34d399}.boss-banner-info span{font-size:11px;color:#cbd5e1}.btn-map-go-action{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.btn-map-go-action:hover{filter:brightness(1.1);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-modal-card{position:relative;min-height:250px;transition:min-height .25s ease}.qte-modal-card.settled{min-height:425px}.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:none!important}.cyber-bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:540px;height:56px;z-index:105;background:#0b0f19f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -6px 24px #000000b3;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;color:#94a3b8;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;outline:none;padding:6px 12px;margin:0 4px}.bottom-tab-icon{font-size:18px;line-height:1;transition:transform .2s cubic-bezier(.16,1,.3,1)}.bottom-tab-label{font-size:13px;font-weight:700;letter-spacing:.5px;white-space:nowrap;transition:color .2s ease}.bottom-tab-btn:hover{background:#ffffff12;color:#f1f5f9}.bottom-tab-btn:hover .bottom-tab-icon{transform:translateY(-2px)}.bottom-tab-btn.active{background:linear-gradient(135deg,#38bdf82e,#6366f138);border-color:#38bdf873;color:#38bdf8;box-shadow:0 0 14px #38bdf840}.bottom-tab-btn.active .bottom-tab-icon{transform:scale(1.15)}.bottom-tab-btn.active .bottom-tab-label{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.5)}.bottom-tab-btn.active:before{content:"";position:absolute;bottom:-2px;left:25%;right:25%;height:3px;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:999px;box-shadow:0 0 8px #38bdf8cc}.bottom-tab-btn#nav-tab-modes.active{background:linear-gradient(135deg,#a855f738,#38bdf838);border-color:#a855f799;color:#c084fc;box-shadow:0 0 16px #a855f759}.bottom-tab-btn#nav-tab-modes.active .bottom-tab-label{color:#c084fc;text-shadow:0 0 10px rgba(168,85,247,.6)}.bottom-tab-btn#nav-tab-modes.active:before{background:linear-gradient(90deg,#c084fc,#38bdf8);box-shadow:0 0 10px #a855f7cc}.hub-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--radius-full);background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 4px #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:4px;background:#0f172ae0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:6px 12px;margin:0 0 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 8px #00000040}.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:6px;background:#00000047;padding:3px 8px;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-title{font-size:15.5px;font-weight:800;color:#fff;letter-spacing:.3px}.boss-subtitle{font-size:11px;color:#fca5a5;opacity:.9}.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(2,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;display:flex;align-items:center;justify-content:space-between}.move-panel-subtitle{font-size:10px;font-weight:400;color:#94a3b8}.move-btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.boss-area-card{display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-md);background:#1e293bb3;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);min-height:72px;position:relative;box-shadow:0 2px 6px #0003}.boss-area-card:hover:not(:disabled){background:#314160d9;border-color:#ef444499;box-shadow:0 4px 14px #ef444440;transform:translateY(-2px);color:#fff}.boss-area-card.is-current{background:linear-gradient(135deg,#ef444440,#b91c1c1f);border:1.5px solid #ef4444;box-shadow:0 0 16px #ef44444d;cursor:default}.boss-area-card.has-threat:not(.is-current){border-color:#f59e0b80;background:#28243dcc}.boss-area-card:disabled{cursor:default}.area-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.area-card-meta{display:flex;align-items:center;gap:5px}.area-icon{font-size:13px;line-height:1}.area-floor-tag{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;background:#6366f140;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.area-status-pill{font-size:9px;font-weight:600;padding:1px 6px;border-radius:999px;line-height:1.4}.pill-current{background:#ef44444d;color:#fca5a5;font-weight:700;border:1px solid rgba(239,68,68,.4)}.pill-threat{background:#f59e0b40;color:#fbbf24;font-weight:700;border:1px solid rgba(245,158,11,.4);animation:threatPulse 2s infinite ease-in-out}.pill-calm{background:#94a3b81f;color:#94a3b8}@keyframes threatPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.97)}}.area-card-main{display:flex;flex-direction:column;gap:1px;margin:2px 0}.area-name-text{font-size:11.5px;font-weight:700;color:#fff;line-height:1.3}.area-desc-text{font-size:9.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.area-card-bot{display:flex;align-items:center;justify-content:space-between;margin-top:1px}.area-action-text{font-size:9.5px;font-weight:600}.cost-text{color:#f87171}.current-text{color:#fbbf24;font-weight:700}.boss-log-box{background:#0f172abf;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.log-box-header{display:flex;justify-content:space-between;align-items:center}.log-header-title{font-size:11.5px;font-weight:700;color:#fca5a5}.log-header-badge{font-size:9.5px;color:#94a3b8;background:#ffffff0f;padding:1px 6px;border-radius:var(--radius-full)}.boss-logs-scroll{min-height:75px;max-height:110px;overflow-y:auto;font-size:11.5px;color:#cbd5e1;line-height:1.5;display:flex;flex-direction:column;gap:4px;padding-right:4px}.boss-log-row{display:flex;align-items:flex-start;gap:6px;padding:3px 6px;border-radius:4px;background:#00000040;font-size:11px}.boss-log-row .log-time{color:#64748b;font-family:monospace;font-size:10.5px;flex-shrink:0}.boss-log-row .log-msg{color:#e2e8f0;word-break:break-all}.boss-log-row.log-catch{background:#ef44442e;border-left:2.5px solid #ef4444}.boss-log-row.log-escape{background:#38bdf824;border-left:2.5px solid #38bdf8}.boss-log-row.log-skill{background:#f59e0b26;border-left:2.5px solid #f59e0b}.boss-log-row.log-win{background:#10b9812e;border-left:2.5px solid #10b981}.boss-log-row.log-lose{background:#ef444438;border-left:2.5px solid #ef4444}.boss-modal-footer{border-top:1px solid rgba(239,68,68,.25);padding-top:10px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.boss-footer-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.25);padding:4px 10px;border-radius:var(--radius-full);font-weight:600}.boss-status-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.btn-restart-action{padding:6px 14px!important;font-size:11.5px!important;font-weight:700!important;white-space:nowrap}.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-title{font-size:15.5px;font-weight:800;color:#fff;letter-spacing:.3px}.ot-subtitle{font-size:11px;color:#c084fc;opacity:.9}.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,#581c8759,#0f172ad9);border:1px solid rgba(168,85,247,.35);border-radius:var(--radius-md);box-shadow:0 2px 10px #00000040}.clock-banner-left{display:flex;align-items:center;gap:10px}.clock-icon{font-size:22px}.clock-info-col,.progress-info-col{display:flex;flex-direction:column;gap:1px}.clock-label,.progress-label{font-size:10px;color:#a5b4fc;font-weight:500}.clock-time{font-size:19px;font-weight:800;color:#f472b6;font-family:monospace;letter-spacing:1px;text-shadow:0 0 10px rgba(244,114,182,.4)}.progress-val{font-size:12.5px;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}.presence-title-wrap{display:flex;align-items:center;gap:6px}.presence-safe-hint{font-size:9.5px;color:#34d399;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:1px 6px;border-radius:var(--radius-full)}.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:4px;padding:10px;border-radius:var(--radius-md);background:#1e293bbf;border:1px solid rgba(168,85,247,.25);color:#fff;cursor:pointer;text-align:left;transition:all .2s ease}.ot-act-btn:hover:not(:disabled){background:#a855f733;border-color:#c084fc;transform:translateY(-1.5px);box-shadow:0 4px 14px #a855f740}.ot-act-btn:active:not(:disabled){transform:translateY(0)}.ot-act-top{display:flex;align-items:center;gap:6px}.ot-act-icon{font-size:15px;line-height:1}.ot-act-name{font-size:12px;font-weight:700;color:#fff;line-height:1.25}.ot-act-desc{font-size:10px;color:#94a3b8;line-height:1.35}.ot-act-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.ot-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px}.tag-pos{background:#10b9812e;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.tag-neg{background:#ef44442e;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.tag-warn{background:#f59e0b2e;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.tag-stealth{background:#38bdf82e;color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.ot-log-box{background:#0f172abf;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.ot-logs-scroll{min-height:75px;max-height:110px;overflow-y:auto;font-size:11.5px;color:#cbd5e1;line-height:1.5;display:flex;flex-direction:column;gap:4px;padding-right:4px}.ot-log-row{display:flex;align-items:flex-start;gap:6px;padding:3px 6px;border-radius:4px;background:#00000040;font-size:11px}.ot-log-row .log-time{color:#64748b;font-family:monospace;font-size:10.5px;flex-shrink:0}.ot-log-row .log-msg{color:#e2e8f0;word-break:break-all}.ot-log-row.log-action{background:#a855f71f;border-left:2.5px solid #a855f7}.ot-log-row.log-warn{background:#f59e0b26;border-left:2.5px solid #f59e0b}.ot-log-row.log-event{background:#38bdf81f;border-left:2.5px solid #38bdf8}.ot-log-row.log-win{background:#10b9812e;border-left:2.5px solid #10b981}.ot-log-row.log-lose{background:#ef444433;border-left:2.5px solid #ef4444}.ot-modal-footer{border-top:1px solid rgba(168,85,247,.25);padding-top:10px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.ot-footer-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#d8b4fe;background:#a855f71f;border:1px solid rgba(168,85,247,.25);padding:4px 10px;border-radius:var(--radius-full);font-weight:600}.ot-status-dot{width:7px;height:7px;border-radius:50%;background:#a855f7;box-shadow:0 0 8px #a855f7;animation:pulseDotPurple 2s infinite}@keyframes pulseDotPurple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.settlement-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f19f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;animation:modalPop .3s cubic-bezier(.16,1,.3,1);border-radius:inherit}.settlement-card-inner{width:100%;max-height:94%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;text-align:center;padding:6px 4px}.settle-compact-head{display:flex;align-items:center;gap:10px;text-align:left;padding:2px 4px}.settle-compact-icon{font-size:32px;line-height:1;flex-shrink:0}.settle-compact-titles{display:flex;flex-direction:column;gap:3px;min-width:0}.settle-compact-titles .settlement-title{font-size:15px;font-weight:800;color:#fff;margin:0;line-height:1.25}.settle-compact-titles .settlement-stamp-badge{margin:0;padding:2px 10px;font-size:10.5px;align-self:flex-start}.settle-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.settle-stat-compact{background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:5px 4px;display:flex;flex-direction:column;gap:1px;text-align:center}.settle-stat-compact .settle-stat-label{font-size:9.5px;color:#94a3b8;white-space:nowrap}.settle-stat-compact .settle-stat-val{font-size:12px;font-weight:800;color:#fff;white-space:nowrap}.buzzword-settlement-inner,.redpacket-settlement-inner{gap:8px;padding:4px;max-height:100%}.settlement-stamp-badge{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;padding:4px 14px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.5px}.stamp-win{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 0 18px #f59e0b59}.stamp-lose{background:linear-gradient(135deg,#475569,#1e293b);border:1px solid rgba(255,255,255,.15);color:#cbd5e1}.settlement-icon{font-size:38px;line-height:1}.settlement-title{font-size:17px;font-weight:800;color:#fff;margin:0}.settlement-subtitle{font-size:11.5px;color:#cbd5e1;line-height:1.5;margin:0}.settle-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settle-stat-item{background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:2px;text-align:center}.settle-stat-label{font-size:10px;color:#94a3b8}.settle-stat-val{font-size:13.5px;font-weight:800;color:#fff}.settle-employees-box{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:6px;text-align:left}.settle-section-label{font-size:10.5px;font-weight:700;color:#94a3b8}.settle-emp-tags{display:flex;flex-wrap:wrap;gap:4px}.settle-emp-pill{font-size:9.5px;padding:2px 7px;border-radius:999px;font-weight:600}.settle-emp-pill.caught{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.settle-emp-pill.escaped{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.settle-unlock-card{background:#1e293bcc;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:6px}.settle-unlock-row{display:flex;align-items:flex-start;gap:8px}.settle-unlock-icon{font-size:18px;line-height:1}.settle-unlock-info{display:flex;flex-direction:column;gap:1px}.settle-unlock-title{font-size:11.5px;font-weight:700;color:#fcd34d}.settle-unlock-desc{font-size:10px;color:#cbd5e1;line-height:1.4}.settle-actions-row{display:flex;gap:8px;margin-top:4px}.settle-actions-row .btn{flex:1;padding:9px 12px;font-size:12.5px}.res-quote-box{background:#0f172ab3;border-left:3px solid #6366f1;border-radius:4px;padding:8px 12px;text-align:left;font-size:11.5px;color:#e2e8f0;line-height:1.5}.res-msg-box{font-size:11px;color:#cbd5e1;line-height:1.45;padding:2px 4px}.text-success{color:#34d399}.text-danger{color:#f87171}.text-warning{color:#fbbf24}.qte-settlement-overlay{padding:12px 14px}.qte-settlement-inner{gap:8px;padding:2px;justify-content:space-between}.qte-settle-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:2px}.qte-settle-titles{display:flex;flex-direction:column;text-align:left;gap:2px}.qte-settle-badge{font-size:13px;font-weight:800;color:#f1f5f9}.qte-settle-sub{font-size:10px;color:#94a3b8}.qte-receipt-paper{background:linear-gradient(165deg,#0f172af5,#1e293bf0);color:#e2e8f0;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-md);padding:10px 14px;box-shadow:0 8px 24px #0000008c,inset 0 0 16px #38bdf814;display:flex;flex-direction:column;gap:7px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;text-align:left;position:relative}.receipt-header-row{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;color:#94a3b8;border-bottom:1px dashed rgba(148,163,184,.35);padding-bottom:5px}.receipt-meta-row{border-top:1px dashed rgba(148,163,184,.35);border-bottom:none;padding-top:5px;margin-top:2px}.rcpt-grade-val{color:#38bdf8;font-weight:800}.receipt-time-center{text-align:center;padding:3px 0}.rcpt-label{font-size:10px;color:#94a3b8;display:block;margin-bottom:2px}.rcpt-clock-large{font-family:Courier New,Courier,monospace;font-size:22px;font-weight:900;color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.6);display:block;letter-spacing:1.5px}.rcpt-offset-badge{font-size:11px;font-weight:700;color:#a5b4fc;background:#6366f12e;border:1px solid rgba(99,102,241,.35);border-radius:4px;padding:2px 8px;display:inline-block;margin-top:3px}.rcpt-stamp-row{text-align:center;margin:1px 0}.rcpt-stamp{font-size:13px;font-weight:900;padding:3px 14px;border:2px solid;border-radius:6px;display:inline-block;margin:0 auto;transform:rotate(-2deg);letter-spacing:1px}.stamp-perfect{color:#34d399;border-color:#34d399;background:#34d3991f;box-shadow:0 0 12px #34d3994d}.stamp-early{color:#f87171;border-color:#f87171;background:#f871711f;box-shadow:0 0 12px #f871714d}.stamp-late{color:#fbbf24;border-color:#fbbf24;background:#fbbf241f;box-shadow:0 0 12px #fbbf244d}.rcpt-footer-dashed{border-top:1px dashed rgba(148,163,184,.35);padding:5px 6px;font-size:10px;color:#cbd5e1;text-align:center;line-height:1.4;background:#00000040;border-radius:4px}@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 0 8px;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}}.btn-icon#btn-bgm.active{background:#6366f159;border-color:#818cf8;color:#fff;box-shadow:0 0 14px #6366f180;animation:pulseMusicNote 2s infinite ease-in-out}@keyframes pulseMusicNote{0%,to{transform:scale(1);box-shadow:0 0 8px #6366f166}50%{transform:scale(1.08);box-shadow:0 0 16px #818cf8b3}}.restart-modal-box{max-width:420px;width:92%;padding:18px 20px;background:linear-gradient(170deg,#0f172afa,#1e293bf5);border:1px solid rgba(239,68,68,.35);box-shadow:0 16px 40px #000000a6,0 0 24px #ef444426;border-radius:var(--radius-lg)}.restart-modal-body{margin:12px 0 16px}.restart-info-card{display:flex;flex-direction:column;gap:12px}.restart-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#00000059;padding:10px 8px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);text-align:center}.restart-stat-item{display:flex;flex-direction:column;gap:3px}.restart-stat-item .stat-lbl{font-size:10.5px;color:#94a3b8}.restart-stat-item .stat-val{font-size:14px;font-weight:800}.restart-desc{font-size:12px;line-height:1.5;color:#cbd5e1;margin:0}.restart-safe-notice{display:flex;align-items:flex-start;gap:8px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-sm);padding:8px 10px;font-size:11px;color:#a7f3d0;line-height:1.4}.safe-badge{flex-shrink:0;font-weight:700}.restart-modal-footer{display:flex;gap:10px;justify-content:flex-end}.restart-modal-footer .btn{flex:1;padding:10px 14px;font-size:13px}.escape-view-container{display:block;animation:fadeIn .2s ease}.escape-view-container.hidden{display:none!important}.modes-hub-container{padding:10px 12px 76px;max-width:540px;margin:0 auto;animation:fadeIn .25s ease}.modes-hub-container.hidden{display:none!important}.modes-hub-view{display:flex;flex-direction:column;gap:12px}.modes-hub-header{background:linear-gradient(135deg,#1e293bb3,#0f172ae6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px}.modes-hub-title-group{display:flex;align-items:center;gap:10px}.modes-hub-avatar{font-size:26px;line-height:1}.modes-hub-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:.3px}.modes-hub-subtitle{font-size:11px;color:var(--text-muted)}.modes-hub-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:480px){.modes-hub-grid{grid-template-columns:1fr 1fr}}.mode-portal-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.mode-portal-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.mode-portal-card:active{transform:translateY(0)}.mode-portal-card.card-boss{background:linear-gradient(145deg,#231419cc,#0f172ae6);border-color:#ef444440}.mode-portal-card.card-boss:hover{border-color:#ef444499;box-shadow:0 8px 24px #ef444440}.mode-portal-card.card-overtime{background:linear-gradient(145deg,#191632cc,#0f172ae6);border-color:#818cf840}.mode-portal-card.card-overtime:hover{border-color:#818cf899;box-shadow:0 8px 24px #818cf840}.mode-portal-card.card-workshop{background:linear-gradient(145deg,#0f2323cc,#0f172ae6);border-color:#14b8a640}.mode-portal-card.card-workshop:hover{border-color:#14b8a699;box-shadow:0 8px 24px #14b8a640}.mode-portal-card.card-archive{background:linear-gradient(145deg,#231e0fcc,#0f172ae6);border-color:#f59e0b40}.mode-portal-card.card-archive:hover{border-color:#f59e0b99;box-shadow:0 8px 24px #f59e0b40}.mode-card-header{display:flex;align-items:center;justify-content:space-between}.mode-card-icon{font-size:22px;line-height:1}.mode-card-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.badge-boss{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-overtime{background:#818cf826;color:#a5b4fc;border:1px solid rgba(129,140,248,.3)}.badge-workshop{background:#14b8a626;color:#5eead4;border:1px solid rgba(20,184,166,.3)}.badge-archive{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.mode-card-title{font-size:14px;font-weight:700;color:#f1f5f9;margin:2px 0 0;letter-spacing:.2px}.mode-card-desc{font-size:11.5px;line-height:1.45;color:#94a3b8;margin:0;flex:1}.mode-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.mode-card-stat{font-size:10.5px;color:#64748b;font-weight:600}.mode-enter-btn{font-size:11px;padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap}.taichi-modal-card{max-width:520px}.taichi-dialogue-box{background:#1e293bb3;border:1px solid rgba(99,102,241,.25);border-left:4px solid #6366f1;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:12px}.taichi-instruction-tip{font-size:12px;color:#94a3b8;margin-bottom:12px;display:flex;align-items:center;gap:6px}.taichi-cards-grid{display:flex;flex-direction:column;gap:10px}.taichi-card-btn{background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:12px 14px;text-align:left;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.taichi-card-btn:hover{background:#1e293bf2;border-color:#6366f199;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.taichi-card-text{font-size:13px;color:#f1f5f9;line-height:1.5;display:block}.keyboard-modal-card{max-width:520px}.keyboard-stats-bar{display:flex;justify-content:space-between;background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:10px 16px;margin-bottom:12px}.kb-stat-col{display:flex;flex-direction:column;align-items:center}.kb-stat-lbl{font-size:11px;color:#94a3b8}.kb-stat-val{font-size:18px;font-weight:700;color:#38bdf8;font-family:monospace}.cyber-terminal-screen{background:#020617;border:1px solid #1e293b;border-radius:var(--radius-md);padding:12px;height:140px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;line-height:1.6;color:#22c55e;box-shadow:inset 0 2px 8px #0009;margin-bottom:14px}.terminal-line{word-break:break-all}.terminal-line-live{color:#4ade80;text-shadow:0 0 4px rgba(74,222,128,.4)}.keyboard-action-zone{display:flex;justify-content:center;padding:4px 0}.btn-mash-giant{width:100%;padding:16px 20px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 16px #0ea5e966;transition:all .1s ease;-webkit-user-select:none;user-select:none}.btn-mash-giant:active,.btn-mash-pulse{transform:scale(.97);box-shadow:0 2px 8px #0ea5e999}