:root{--bg: #0b1020;--panel: rgba(148, 168, 220, .07);--panel-border: rgba(160, 180, 230, .14);--text: #e9edf6;--dim: #98a3bd;--accent: #eabf7a;--accent-deep: #d98b4a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1100px 700px at 12% -8%,rgba(233,185,107,.09),transparent 60%),radial-gradient(900px 650px at 108% 112%,rgba(96,140,235,.1),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif;font-size:13px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100vh;padding:10px 12px 12px}.header{display:flex;align-items:center;gap:14px;padding:2px 4px}.header h1{font-size:17px;letter-spacing:.14em;font-weight:800;white-space:nowrap}.header h1 b{color:var(--accent)}.header h1 em{font-style:normal;font-weight:500;font-size:10px;color:var(--dim);letter-spacing:.22em;margin-left:10px}.src{color:var(--dim);font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.hint{color:var(--dim);font-size:11px;white-space:nowrap}.error{color:#ef6b5a;font-size:12px;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{background:#e9b96b1f;border:1px solid rgba(233,185,107,.35);color:var(--accent);border-radius:8px;padding:5px 12px;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap}.btn:hover{background:#e9b96b33}.main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;min-height:0}@media(max-width:980px){.main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 280px}}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.map-wrap{display:flex;flex-direction:column;min-height:0;padding:10px}.map-box{flex:1;min-height:0}.hexmap-wrap{position:relative;width:100%;height:100%}.hexmap{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.hexmap.dragging{cursor:grabbing}.zoom-controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px}.zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1;background:#e9b96b1f;border:1px solid rgba(233,185,107,.35);color:var(--accent);border-radius:8px;font-size:15px;font-family:inherit;cursor:pointer}.zoom-btn:hover{background:#e9b96b33}.zoom-reset{font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 6px 0;color:var(--dim);font-size:11px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-item{display:flex;flex-direction:column;gap:2px}.legend-cost{font-size:10px;color:var(--dim);padding-left:15px}.legend-note{margin-left:auto}.placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--dim)}.side{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.side .panel{padding:12px 14px;flex-shrink:0}.side h2{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--dim);text-transform:uppercase;margin-bottom:8px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.sb-row{padding:8px 0 6px}.sb-row+.sb-row{border-top:1px solid rgba(160,180,230,.09)}.sb-row.off{opacity:.45}.sb-head{display:flex;align-items:center;gap:8px}.sb-name{display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:600;flex:1;min-width:0}.sb-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-top{color:#10162a;background:var(--accent);border-radius:4px;padding:0 6px;font-size:10px;font-weight:800;letter-spacing:.08em}.sb-supply{color:var(--dim);border:1px dashed rgba(255,255,255,.35);border-radius:4px;padding:0 5px;font-size:10px;font-weight:700;cursor:help}.sb-focus{color:var(--dim);font-size:11px;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.sb-stats{display:flex;gap:20px;margin-top:5px}.sb-stats .lbl{display:block;font-size:10px;color:var(--dim)}.sb-stats b{font-size:20px;font-weight:700;line-height:1.2}.sb-row.leader .sb-stats b{color:var(--accent)}.sb-stats .fin{font-size:11px;color:var(--dim);margin-left:3px}.bd-row+.bd-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(160,180,230,.09)}.bd-head{display:flex;align-items:center;gap:8px;font-size:12px}.bd-fleet{font-size:10px;color:var(--dim)}table.bd{border-collapse:collapse;margin-top:3px;font-size:12px}.bd td{padding:1px 0}.bd td.k{color:var(--dim);cursor:help;padding-right:10px}.bd td.v{text-align:right;font-size:15px;font-weight:600;min-width:52px}.bd td.v.strong{font-size:17px;font-weight:700}.bd td.d{padding-left:8px}.bd-gap{font-size:11px;color:#ef6b5a;cursor:help}.bd-gap.up{color:#7fd6a4}.bd-gap.zero{color:var(--dim)}.bd-note{display:flex;flex-direction:column;gap:1px;margin-top:8px;font-size:10px;color:var(--dim)}.bd-note span{cursor:help}.bd-kinds{margin-top:6px;padding-top:6px;border-top:1px solid rgba(160,180,230,.09);font-size:11px;color:var(--dim);cursor:help}.bd-kinds .lbl{margin-right:6px;opacity:.75}.panel h2[title]{cursor:help}.dk-scroll{overflow-x:auto}table.dk{border-collapse:collapse;width:100%;font-size:12px}.dk th,.dk td{padding:3px 6px;text-align:center;color:var(--dim);white-space:nowrap}.dk td.v{color:var(--text)}.dk .cur{background:#e9b96b1f;color:var(--accent)}.dk tr.theory td,.dk tr.theory td.v{color:var(--dim);opacity:.75}.dk tr.theory.last td{border-bottom:1px solid rgba(160,180,230,.14)}.dk tr.theory td.name,.dk tr.sub td.name{cursor:help}.dk tr.sub td,.dk tr.sub td.v{color:var(--dim);opacity:.8;font-size:11px;padding-top:0}.dk td.name{text-align:left;max-width:110px;overflow:hidden;text-overflow:ellipsis}.dk td.name .dot{width:7px;height:7px;margin-right:5px}.feed-list{overflow-y:auto;max-height:250px;display:flex;flex-direction:column;gap:4px}.feed-empty{color:var(--dim);font-size:12px}.ev{display:flex;align-items:baseline;gap:7px;font-size:12px}.ev .dot{width:7px;height:7px;align-self:center}.ev-when{color:var(--dim);font-size:11px;flex-shrink:0;min-width:56px}.ev-team{color:var(--dim);font-size:11px}.ev-text .udon{color:var(--accent)}.timeline{padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px}.tl-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tl-buttons{display:flex;gap:6px}.tl-buttons button{width:34px;height:28px;border-radius:8px;background:#a0b4e61a;border:1px solid rgba(160,180,230,.16);color:var(--text);cursor:pointer;font-size:13px;font-family:inherit}.tl-buttons button:hover{background:#a0b4e633}.tl-buttons .play{width:46px;background:#e9b96b29;border-color:#e9b96b66;color:var(--accent);font-weight:700}.tl-pos{font-size:13px;color:var(--dim)}.tl-pos b{color:var(--text);font-size:15px;margin:0 1px}.tl-pos .sep{margin:0 6px}.tl-speeds{display:flex;gap:4px;margin-left:auto}.tl-speeds button{padding:3px 8px;border-radius:6px;font-size:11px;font-family:inherit;background:transparent;border:1px solid rgba(160,180,230,.16);color:var(--dim);cursor:pointer;font-variant-numeric:tabular-nums}.tl-speeds button.on{background:#e9b96b2e;border-color:#e9b96b73;color:var(--accent);font-weight:700}.tl-track{position:relative;height:38px;border-radius:9px;background:#0a0f1e8c;border:1px solid rgba(160,180,230,.12);cursor:pointer;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none}.tl-fill{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#e9b96b1a,#e9b96b4d);pointer-events:none}.tl-day{position:absolute;top:0;bottom:0;border-left:1px solid rgba(160,180,230,.22);pointer-events:none}.tl-day span{position:absolute;top:3px;left:6px;font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums}.tl-day.cur span{color:var(--accent);font-weight:700}.tl-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 8px #e9b96bcc;pointer-events:none}.tooltip{position:fixed;z-index:50;background:#0e1426f0;border:1px solid rgba(160,180,230,.25);border-radius:10px;padding:8px 11px;font-size:12px;pointer-events:none;box-shadow:0 8px 24px #00000080;max-width:260px}.tooltip .tt-title{font-weight:700}.tooltip .dim{color:var(--dim);font-weight:400}.tt-agent{display:flex;align-items:center;gap:6px;margin-top:2px}.tt-agent i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.spot-pulse{fill:none;stroke:#ffd98a;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:spotPulse .9s ease-out forwards}.refuel-pulse{fill:none;stroke:#7fd6a4;stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:spotPulse .8s ease-out forwards}@keyframes spotPulse{0%{opacity:.95;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.drop-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#080c18b8;border:2px dashed rgba(233,185,107,.6);border-radius:16px;margin:14px;font-size:18px;color:var(--accent);letter-spacing:.1em}input[type=checkbox],input[type=radio]{accent-color:var(--accent-deep);cursor:pointer}.side::-webkit-scrollbar,.feed-list::-webkit-scrollbar,.dk-scroll::-webkit-scrollbar{width:8px;height:8px}.side::-webkit-scrollbar-thumb,.feed-list::-webkit-scrollbar-thumb,.dk-scroll::-webkit-scrollbar-thumb{background:#a0b4e633;border-radius:4px}.side::-webkit-scrollbar-track,.feed-list::-webkit-scrollbar-track,.dk-scroll::-webkit-scrollbar-track{background:transparent}.app3d{position:fixed;inset:0;overflow:hidden;background:#0e1116}.app3d-canvas{position:absolute;inset:0}.app3d-canvas canvas{touch-action:none}.app3d-hud{position:absolute;inset:0;pointer-events:none;z-index:5}.app3d-hud .panel,.app3d-top,.app3d-bottom,.app3d-error{pointer-events:auto}.app3d-top{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:12px;color:#f0e6cf;background:#12161c99;border:1px solid rgba(240,230,207,.14);border-radius:10px;padding:8px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app3d-top .brand{font-weight:700;letter-spacing:.03em}.app3d-top .brand b{color:#e8b23d}.app3d-top .src{font-size:12px;opacity:.7}.app3d-top .mode-link{font-size:12px;color:#8fd0ff;text-decoration:none;border:1px solid rgba(143,208,255,.4);border-radius:6px;padding:2px 8px}.app3d-error{position:absolute;top:60px;left:14px;max-width:420px;color:#ffd9d2;background:#781e18d1;border-radius:8px;padding:8px 12px;font-size:13px}.app3d-side{position:absolute;top:12px;right:12px;width:260px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 120px);overflow:auto}.app3d-side .panel{background:#12161cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(240,230,207,.12);padding:14px 16px}.app3d-side h2{font-size:11px;font-weight:700;letter-spacing:.16em;color:#cdbf9d;text-transform:uppercase;margin:0 0 10px}.app3d-side .sb-row{padding:10px 0 9px}.app3d-side .sb-stats{margin-top:7px}.app3d-side .legend3d .lg-grp{margin:9px 0}.app3d-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(880px,calc(100vw - 40px));background:#12161cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(240,230,207,.12);border-radius:12px;padding:8px 12px}.legend3d .lg-grp{display:flex;flex-wrap:wrap;gap:8px 12px;margin:6px 0}.legend3d .lg-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#e6ddc8}.legend3d .sw{width:12px;height:12px;border-radius:3px;display:inline-block}.legend3d .sw.blink{animation:cong-blink 1.1s ease-in-out infinite}.legend3d .lg-hint{font-size:11px;opacity:.6;margin-top:4px;line-height:1.5}@keyframes cong-blink{0%,to{opacity:.35}50%{opacity:1}}.app3d-drop{position:absolute;inset:16px;z-index:10;display:flex;align-items:center;justify-content:center;font-size:22px;color:#f0e6cf;border:3px dashed rgba(232,178,61,.8);border-radius:16px;background:#0e111680;pointer-events:none}.udon-fly-layer{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.udon-fly{position:absolute;font-size:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));animation:udon-fly .85s cubic-bezier(.4,0,.2,1) forwards}@keyframes udon-fly{0%{transform:translate(0) scale(1) rotate(0);opacity:0}15%{opacity:1}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.4) rotate(240deg);opacity:0}}.count-bump{animation:count-bump .42s ease-out;color:#ffe28a}@keyframes count-bump{0%{transform:scale(1)}40%{transform:scale(1.35);color:#ffd24a}to{transform:scale(1)}}.app3d-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0e1116;color:#f0e6cf;font-size:16px}.unit-hover-chip{position:fixed;z-index:12;pointer-events:none;background:#10131ae0;border:1.5px solid;border-radius:10px;padding:8px 10px;min-width:150px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #0006}.uhc-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#f0e6cf;white-space:nowrap}.uhc-sw{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.uhc-team{flex:1;overflow:hidden;text-overflow:ellipsis}.uhc-idx{color:#cdbf9d;font-weight:600}.uhc-stats{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:11px;color:#cdbf9d}.uhc-stat b{color:#98a3bd;font-weight:600;margin-right:4px}