:root{--bg:#05080d;--panel:#0b1119;--line:#223443;--cyan:#22d3ee;--text:#e5f3f8;--muted:#8297a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 60% -20%,#12324a 0,transparent 38%),var(--bg);color:var(--text);font-family:"Yu Gothic",Meiryo,sans-serif}header{height:76px;padding:0 20px;display:flex;align-items:center;gap:16px;background:#050a10e8;border-bottom:3px solid var(--cyan)}header small,.sectionhead small{font:800 9px Arial;letter-spacing:.18em;color:var(--cyan)}h1{font-size:20px;margin:3px 0}.back,.badge{border:1px solid #345063;border-radius:8px;padding:9px 12px;color:#bdefff;text-decoration:none;font-size:11px;font-weight:800}.badge{margin-left:auto;color:#fbbf24;border-color:#7c5a13}main{padding:12px;display:grid;grid-template-columns:250px minmax(520px,1fr) 320px;gap:11px}.card{background:#0b1119;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #0008}.controls{padding:15px;max-height:calc(100vh - 110px);overflow:auto}.controls h2,.detail h2{font-size:14px;margin:5px 0 10px;border-left:3px solid var(--cyan);padding-left:8px}.hint{font-size:10px;color:var(--muted)}label{display:block;font-size:11px;font-weight:800;margin:10px 0}label output{float:right;color:#67e8f9}input[type=range]{width:100%;accent-color:#06b6d4;margin-top:7px}.coords{display:grid;grid-template-columns:1fr 1fr;gap:7px}.coords input,.controls input[type=number]{width:100%;background:#060b11;color:#fff;border:1px solid #304657;border-radius:6px;padding:7px;margin-top:4px}.buttons{display:grid;gap:6px;margin-top:14px}.buttons button{padding:9px;border:1px solid #2d5265;border-radius:7px;background:#0d2230;color:#dff7ff;font-weight:800}.buttons #recalc{background:linear-gradient(135deg,#0369a1,#0891b2);border-color:#22d3ee}.center{display:grid;grid-template-rows:minmax(470px,1fr) auto;gap:11px}.mapcard{position:relative;overflow:hidden}#map{height:100%;min-height:470px;background:#05080d}.leaflet-tile-pane{filter:invert(100%) hue-rotate(180deg) brightness(.62) contrast(1.2) saturate(.55)}.mapnote{position:absolute;z-index:500;left:12px;bottom:12px;background:#02060ae8;border:1px solid #30495a;border-radius:7px;padding:7px 10px;font-size:10px}.timeline{padding:13px}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead h2{font-size:14px;margin:2px 0}.sectionhead strong{font:900 25px Arial;color:#fbbf24}.barrow{display:grid;grid-template-columns:120px 1fr 56px;gap:8px;align-items:center;margin:7px 0;font-size:10px}.track{height:14px;background:#111f2a;border-radius:10px;overflow:hidden}.bar{height:100%;border-radius:10px;background:linear-gradient(90deg,#0891b2,#22d3ee)}.barrow:nth-child(3) .bar{background:linear-gradient(90deg,#d97706,#fbbf24)}.barrow:nth-child(4) .bar{background:linear-gradient(90deg,#9333ea,#c084fc)}.barrow:nth-child(5) .bar{background:linear-gradient(90deg,#be123c,#fb7185)}.results{display:grid;gap:10px;align-content:start;max-height:calc(100vh - 110px);overflow:auto}.event{padding:13px}.event span{display:block;color:var(--muted);font-size:10px}.event b{font-size:20px}.event small{display:block;color:#8bdcf0}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kpis article{background:#0b1119;border:1px solid var(--line);border-radius:10px;padding:10px}.kpis span{display:block;font-size:9px;color:#8ea3b0}.kpis b{font:900 21px Arial;color:#edfaff;margin-right:3px}.kpis small{font-size:9px}.detail{padding:13px;font-size:10px}.resultrow{display:grid;grid-template-columns:12px 1fr auto;gap:6px;padding:5px;border-bottom:1px solid #192833}.resultrow i{width:9px;height:9px;border-radius:2px}.warning{padding:7px;margin:5px 0;border-left:3px solid #f59e0b;background:#201806;color:#fcd58b}.good{border-color:#22c55e;background:#071b10;color:#9af2b5}footer{padding:5px 14px 12px;color:#718795;font-size:9px}@media(max-width:1100px){main{grid-template-columns:220px 1fr}.results{grid-column:1/3;max-height:none}.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:auto;min-height:68px;padding:9px}.badge{display:none}h1{font-size:14px}main{display:flex;flex-direction:column;padding:8px}.controls,.results{max-height:none}.center{grid-template-rows:520px auto}.kpis{grid-template-columns:1fr 1fr}.barrow{grid-template-columns:90px 1fr 48px}}