*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5}#root{height:100%}.app-root{color:#e8ecf1;background:#0f1419;flex-direction:column;height:100%;min-height:100vh;display:flex}.map-toolbar{background:#1a2332;border-bottom:1px solid #2a3545;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;padding:.5rem .75rem;display:flex}.map-toolbar button{font:inherit;color:#e8ecf1;cursor:pointer;background:#243041;border:1px solid #3d4f66;border-radius:8px;min-height:44px;padding:.45rem .75rem;font-size:.95rem}.map-toolbar button:disabled{opacity:.55;cursor:not-allowed}.map-toolbar button:not(:disabled):active{transform:translateY(1px)}.app-status{background:#1e2838;border-bottom:1px solid #2a3545;padding:.35rem .75rem;font-size:.9rem}.app-banner{padding:.5rem .75rem;font-size:.9rem}.app-banner--error{background:#3d1f24;border-bottom:1px solid #6b2f38}.app-map-shell{flex:1;min-height:0;position:relative}.app-map{position:absolute;inset:0}.event-panel{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a2332f7;border-left:1px solid #2a3545;flex-direction:column;width:min(100%,360px);max-height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 24px #00000059}.event-panel__header{border-bottom:1px solid #2a3545;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}.event-panel__title{margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.event-panel__close{font:inherit;color:#e8ecf1;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:44px;height:44px;font-size:1.5rem;line-height:1}.event-panel__body{-webkit-overflow-scrolling:touch;padding:.75rem 1rem 1rem;overflow:auto}.event-panel__fields{margin:0}.event-panel__row{margin-bottom:.85rem}.event-panel__row dt{color:#9fb0c8;margin:0 0 .2rem;font-size:.78rem}.event-panel__row dd{word-break:break-word;margin:0;font-size:.95rem;line-height:1.45}.event-panel__row a{color:#7ec8ff;text-decoration:underline}.event-panel__desc{white-space:pre-wrap}@media (width<=640px){.event-panel{border-top:1px solid #2a3545;border-left:none;border-radius:12px 12px 0 0;width:100%;max-height:min(50vh,420px);inset:auto 0 0;box-shadow:0 -4px 24px #00000059}}.app-error,.app-loading{text-align:center;color:#e8ecf1;background:#0f1419;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100vh;padding:1.5rem;display:flex}.app-error p,.app-loading p{max-width:36rem;margin:0;line-height:1.5}.debug-panel{background:#111820;border-top:2px dashed #4a6a8c;flex:none;max-height:min(50vh,520px);padding:.75rem 1rem 1rem;font-size:.78rem;line-height:1.4;overflow:auto}.debug-panel__header{color:#ffb020;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.debug-panel__hint{color:#8fa6bc;font-weight:400}.debug-panel__block{margin-bottom:1rem}.debug-panel__block:last-child{margin-bottom:0}.debug-panel__h{color:#c8d6e8;margin:0 0 .35rem;font-size:.85rem}.debug-panel__pre{white-space:pre;background:#0a0e12;border:1px solid #2a3545;border-radius:6px;margin:0;padding:.5rem .65rem;font-family:ui-monospace,monospace;font-size:.72rem;overflow-x:auto}.debug-panel__pre.wrap{white-space:pre-wrap;word-break:break-word}.debug-panel__err{color:#ff8a8a;margin:.35rem 0 0}.debug-panel__list{margin:0;padding-inline-start:1.25rem}.debug-panel__note{color:#8fa6bc;margin:.35rem 0 0;font-size:.72rem}.debug-panel__table{border-collapse:collapse;width:100%;font-size:.72rem}.debug-panel__table th,.debug-panel__table td{text-align:right;vertical-align:top;border:1px solid #2a3545;padding:.35rem .45rem}.debug-panel__table th{color:#c8d6e8;background:#1a2332}.debug-panel__td-addr{word-break:break-word;max-width:12rem}