*{box-sizing:border-box}html,body{height:100%;margin:0;background:#0b1220;color:#e2e8f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.viewer-shell{height:100%;display:flex;flex-direction:column}.viewer-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.25rem;background:#111c30;border-bottom:1px solid #263650}.eyebrow{margin:0 0 .2rem;color:#67e8f9;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.viewer-header h1{margin:0;font-size:clamp(1.15rem,2.4vw,1.75rem)}.subtitle{margin:.25rem 0 0;color:#94a3b8;font-size:.85rem}.model-badge{border:1px solid #0e7490;border-radius:999px;padding:.45rem .7rem;color:#a5f3fc;font-size:.72rem;white-space:nowrap}.viewer-content{position:relative;min-height:0;flex:1;display:block}.flood-tools-toggle{position:absolute;z-index:1100;top:1rem;left:1rem;border:1px solid #22d3ee;border-radius:.55rem;background:rgba(15,23,42,.94);color:#ecfeff;padding:.65rem .8rem;cursor:pointer;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28)}.flood-tools-toggle:hover{background:#164e63}.viewer-panel{position:absolute;z-index:1101;top:1rem;left:1rem;width:min(300px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow:auto;padding:1rem;background:rgba(15,23,42,.97);border:1px solid #334155;border-radius:.7rem;box-shadow:0 16px 40px rgba(0,0,0,.38)}.viewer-panel[hidden]{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.panel-title{color:#67e8f9;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin-bottom:1rem}.panel-close{border:0;background:transparent;color:#cbd5e1;font-size:1.6rem;line-height:1;cursor:pointer;padding:.1rem .25rem;margin-top:-.35rem}.panel-close:hover{color:#fff}.flood-slider-label{display:flex;justify-content:space-between;font-size:.8rem;color:#cbd5e1}.flood-slider-label output{font-weight:800;color:#f0fdfa}.viewer-panel input[type=range]{width:100%;margin:.7rem 0 1rem;accent-color:#06b6d4}.viewer-button{width:100%;border:1px solid #0e7490;border-radius:.5rem;background:#164e63;color:#ecfeff;padding:.65rem .7rem;cursor:pointer;font-weight:700;margin-bottom:.6rem}.viewer-button:hover{background:#155e75}.viewer-button.secondary{background:#1e293b;border-color:#475569}.flood-stats{font-size:.78rem;line-height:1.55;color:#cbd5e1;min-height:7rem;margin:.5rem 0}.flood-stats strong{color:#67e8f9}.map-choice{display:grid;gap:.35rem;margin-top:1rem;font-size:.78rem;color:#cbd5e1}.map-choice select{background:#1e293b;color:#f8fafc;border:1px solid #475569;border-radius:.4rem;padding:.5rem}.flood-warning{font-size:.7rem;line-height:1.4;color:#fbbf24;margin-top:1rem}.viewer-map{height:100%;min-height:0;background:#172033}.viewer-footer{padding:.55rem 1rem;background:#111c30;color:#94a3b8;font-size:.68rem;text-align:center;border-top:1px solid #263650}@media(max-width:700px){.viewer-header{align-items:flex-start;flex-direction:column}.model-badge{align-self:flex-start}.flood-tools-toggle{top:.7rem;left:.7rem}.viewer-panel{top:.7rem;left:.7rem;width:calc(100% - 1.4rem);max-height:calc(100% - 1.4rem)}.viewer-map{height:100%;min-height:0}.viewer-footer{font-size:.62rem}}