:root{font-family:Segoe UI,system-ui,sans-serif;line-height:1.45;color:#e8e6e3;background:#121418}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.app-root{min-height:100vh;display:flex;flex-direction:column;padding:12px 16px 20px;gap:12px}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.25rem;font-weight:650}.tag{font-size:.75rem;opacity:.75}.layout{display:grid;grid-template-columns:minmax(320px,1fr) 300px;gap:12px;align-items:start}@media(max-width:900px){.layout{grid-template-columns:1fr}}.panel{background:#1a1d24;border:1px solid #2a303a;border-radius:10px;padding:12px}.panel h2{margin:0 0 8px;font-size:.95rem}.map-wrap{display:flex;flex-direction:column;gap:8px}.map-stage{position:relative;width:100%;max-width:400px;aspect-ratio:1 / 1}.map-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:10px;overflow:hidden;border:1px solid #2a303a;background:#0e1014}.map-canvas-host canvas{display:block;width:100%;height:100%}.map-hint{font-size:.8rem;opacity:.78}.node-tooltip{position:absolute;z-index:2;min-width:210px;max-width:240px;padding:10px 12px;border-radius:10px;border:1px solid #3b4658;background:#12161df5;box-shadow:0 14px 32px #00000047;pointer-events:none;display:grid;gap:4px;font-size:.78rem;line-height:1.35}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:.9rem}.threat-bar{display:grid;gap:6px;margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(214,150,55,.42);background:linear-gradient(180deg,#422a0eeb,#291d10e6)}.threat-bar-header,.threat-bar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.86rem}.threat-bar-header span:last-child,.threat-bar-footer span:last-child{font-variant-numeric:tabular-nums}.threat-progress{position:relative;height:10px;overflow:hidden;border-radius:999px;border:1px solid rgba(255,196,92,.24);background:#0d0a079e}.threat-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c47a1f,#f0b34d)}.threat-critical{font-size:.8rem;color:#ffca73}.rating-display{display:grid;gap:6px;margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(84,101,132,.58);background:linear-gradient(180deg,#181d27f5,#12161feb)}.rating-display-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.88rem}.rating-display-subtitle,.rating-display-hint{font-size:.8rem;color:#c9d3e7}.rating-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;padding:4px 10px;border-radius:999px;border:1px solid transparent;font-weight:800;letter-spacing:.06em}.rating-S{color:#fff0c7;border-color:#e3b140ad;background:linear-gradient(180deg,#7d530fe0,#573a0beb)}.rating-A{color:#d9e7ff;border-color:#5781d3a3;background:linear-gradient(180deg,#223c6fe0,#14274ceb)}.rating-SS{color:#ffe8ce;border-color:#e07a3fb3;background:linear-gradient(180deg,#823913e6,#59220af0)}.rating-SSS{color:#fff5ef;border-color:#ea5b5bb8;background:linear-gradient(180deg,#841921eb,#590b12f5)}.stat-grid div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed #2a303a}.stat-grid span:last-child{font-variant-numeric:tabular-nums}.actions{display:flex;flex-direction:column;gap:10px}.action-row{display:flex;flex-wrap:wrap;gap:8px}.btn{border:1px solid #3a4454;background:#222833;color:#e8e6e3;border-radius:8px;padding:8px 12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:#4a6fa5;background:#2c3b55}.btn-danger{border-color:#8a3a3a;background:#3a2224}.btn-ghost{background:transparent}.log-list{max-height:220px;overflow:auto;font-size:.78rem;line-height:1.35;padding-right:4px}.log-line{margin:0 0 6px;opacity:.92}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(520px,100%);background:#1a1d24;border:1px solid #2a303a;border-radius:12px;padding:14px 16px}.modal h3{margin:0 0 8px}.modal.danger{border-color:#6a3036}.modal.boss{border-color:#4a5a8a}.modal ul{margin:8px 0 12px;padding-left:18px}.event-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:10px 0 12px;font-size:.85rem}.event-summary div{display:flex;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px dashed #2a303a}.toast-container{position:absolute;top:10px;right:10px;z-index:3;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;pointer-events:none}.toast-item{min-width:156px;max-width:min(280px,calc(100vw - 32px));display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #3a4454;background:#13171ef0;color:#f3f5f7;box-shadow:0 10px 24px #00000042;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-float 1.8s ease-out forwards}.toast-item strong{font-size:.95rem;line-height:1.25}.toast-icon{font-size:1rem;line-height:1}.toast-hp{border-color:#de5858d1;background:#60161cf5;box-shadow:0 12px 28px #480a0e57}.toast-cards{border-color:#5788deb8;background:#152340f0}.toast-threat{border-color:#d69637c7;background:#5c340af5}.toast-neutral{border-color:#7a869cb8;background:#1a1f28f0}.toast-critical{padding:12px 14px}.toast-critical strong{font-size:1.05rem;font-weight:800}.toast-critical .toast-icon{font-size:1.15rem}.toast-warning{border-color:#eaa534e0;box-shadow:0 12px 28px #5e380847}.toast-warning .toast-icon{filter:saturate(1.1)}@keyframes toast-float{0%{opacity:0;transform:translateY(8px) scale(.96)}12%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:.98;transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-34px) scale(.98)}}@media(max-width:720px){.toast-container{top:8px;right:8px;left:8px;align-items:center}}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.debug-grid label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;opacity:.9}.debug-grid input{width:100%;padding:6px 8px;border-radius:8px;border:1px solid #2a303a;background:#12151c;color:#e8e6e3}.banner{border-radius:10px;padding:10px 12px;border:1px solid #2a303a;background:#1a1d24}.banner.win{border-color:#3a6a4a}.banner.lose{border-color:#6a3a3a}.threat-stage-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;pointer-events:none}.threat-stage-transition-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;animation:threat-stage-fade 1.5s ease-in-out forwards}.threat-stage-transition-text{position:relative;padding:12px 24px;font-size:clamp(1.8rem,4vw,3.1rem);font-weight:800;letter-spacing:.08em;color:#fff3d2;text-shadow:0 6px 24px rgba(0,0,0,.48);animation:threat-stage-fade 1.5s ease-in-out forwards}@keyframes threat-stage-fade{0%{opacity:0}16%{opacity:1}72%{opacity:1}to{opacity:0}}