/*
Theme Name: Lampung.Cloud
Theme URI: https://lampung.cloud/
Author: Lampung.Cloud
Description: Mobile-first application theme untuk Lampung.Cloud. Membutuhkan plugin Lampung.Cloud Core.
Version: 1.1.0
Text Domain: lampung-cloud
License: GPLv2 or later
*/

:root{
  --ink:#0d1b2a;--ink-2:#263746;--paper:#fff;--mist:#f2f5f7;--line:rgba(13,27,42,.1);
  --muted:#667682;--blue:#2e6fa6;--sky:#64a9d6;--amber:#f3bd61;--alert:#e85648;
  --ok:#17895d;--warn:#bc7718;--nav-h:64px;--source-h:36px;--safe:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#e9eef2;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{color:inherit}
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:#fff;padding:10px 14px;border-radius:10px;color:var(--ink);box-shadow:0 6px 24px rgba(0,0,0,.2)}
.skip-link:focus{top:12px}
.lc-app{height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px rgba(13,27,42,.08)}
.lc-panels{position:relative;flex:1;overflow:hidden;min-height:0}
.lc-panel{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:22px}
.lc-panel.is-active{opacity:1;transform:none;pointer-events:auto}

.weather-hero{position:relative;overflow:hidden;min-height:310px;padding:18px 20px 64px;color:#fff;background:linear-gradient(158deg,#276597 0%,#5aa4d1 52%,#f6c67b 112%);isolation:isolate}
.weather-sky{position:absolute;inset:0;overflow:hidden;z-index:-1}
.weather-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 14%,rgba(255,255,255,.25),transparent 36%)}
.weather-sun{position:absolute;width:156px;height:156px;border-radius:50%;right:-34px;top:-36px;background:radial-gradient(circle,rgba(255,239,182,.95) 0,rgba(255,221,142,.45) 36%,rgba(255,218,150,0) 70%);animation:sunBreath 8s ease-in-out infinite}
.weather-cloud{position:absolute;height:32px;border-radius:40px;background:rgba(255,255,255,.2);filter:blur(.2px);will-change:transform}
.weather-cloud:before,.weather-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.weather-cloud:before{width:48px;height:48px;left:20px;bottom:4px}.weather-cloud:after{width:36px;height:36px;left:54px;bottom:2px}
.cloud-a{width:102px;left:-120px;top:64px;animation:cloudDrift 48s linear infinite}
.cloud-b{width:78px;left:-95px;top:128px;opacity:.65;animation:cloudDrift 66s linear -17s infinite}
.weather-rain{position:absolute;inset:0;opacity:0;transition:opacity .4s}.weather-hero.is-rain .weather-rain{opacity:.32;background-image:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.8) 47%,transparent 49%);background-size:28px 42px;animation:rainMove 1.4s linear infinite}
@keyframes cloudDrift{to{transform:translateX(650px)}}@keyframes sunBreath{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.06);opacity:1}}@keyframes rainMove{to{background-position:-28px 42px}}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wordmark{font-family:"Space Grotesk",sans-serif;font-size:16px;font-weight:700}.wordmark span{opacity:.62;font-weight:500}.top-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.clock{font-size:10px;line-height:1.35;opacity:.8}.core-state{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2)}.core-state.is-live:before,.core-state.is-loading:before,.core-state.is-partial:before,.core-state.is-offline:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:currentColor}.core-state.is-loading{opacity:.8}.core-state.is-partial{color:#fff4d7}.core-state.is-offline{color:#ffe0dc}
.weather-place{margin-top:22px;font-size:13px;opacity:.84}.temperature{display:flex;align-items:flex-start;margin-top:8px;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:-.055em}.temperature>span{font-size:78px;line-height:.86}.temperature small{font-size:28px;margin:4px 0 0 7px;letter-spacing:0}.weather-condition{font-weight:700;font-size:15px;margin-top:10px}.weather-summary{font-size:12px;opacity:.78;margin-top:3px}
.sheet{position:relative;margin-top:-34px;border-radius:24px 24px 0 0;background:#fff;padding:17px 20px 24px}.sheet-handle{width:34px;height:4px;background:var(--line);border-radius:999px;margin:0 auto 17px}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{background:var(--mist);border-radius:16px;padding:13px 14px;min-height:76px}.metric span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.metric strong{font-family:"Space Grotesk",sans-serif;display:block;margin-top:7px;font-size:17px;line-height:1.15}.section-title{font-family:"Space Grotesk",sans-serif;font-size:14px;margin:23px 0 11px;font-weight:700}.nearby-scroller{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:0 20px 5px;scrollbar-width:none}.nearby-scroller::-webkit-scrollbar{display:none}.nearby-card,.skeleton-card{flex:0 0 116px;min-height:88px;border-radius:14px;background:var(--mist);padding:12px}.nearby-card span{font-size:11px;font-weight:700}.nearby-card small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px;min-height:24px}.nearby-card strong{display:block;font-family:"Space Grotesk",sans-serif;margin-top:4px;font-size:18px}.skeleton-card{position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:skeleton 1.4s infinite}@keyframes skeleton{to{transform:translateX(100%)}}

.page-head{padding:21px 20px 8px}.page-head h1{font-family:"Space Grotesk",sans-serif;font-size:23px;line-height:1.1;margin:0;font-weight:700}.page-head p{margin:5px 0 0;font-size:12px;color:var(--muted);line-height:1.45}
.quake-strip{height:34px;margin:9px 20px 2px;border-radius:12px;background:var(--ink);display:flex;align-items:center;padding:0 12px;gap:5px;overflow:hidden}.quake-bar{width:3px;border-radius:4px;background:#74a7ca;transform-origin:center;animation:barEnter .5s ease both}.quake-bar.is-strong{background:#ef7166}@keyframes barEnter{from{transform:scaleY(.1);opacity:0}to{transform:scaleY(1);opacity:1}}
.quake-list{padding:7px 20px}.quake-item{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 0;cursor:pointer}.quake-item:first-child{border-top:0}.quake-item:focus-visible{outline:3px solid rgba(46,111,166,.26);outline-offset:3px;border-radius:10px}.quake-mag{position:relative;flex:0 0 43px;height:43px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 13px "Space Grotesk",sans-serif}.quake-mag.is-strong{background:var(--alert)}.quake-mag.is-strong:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(232,86,72,.55);border-radius:14px;animation:onePulse 1.8s ease-out 1 both}@keyframes onePulse{0%{transform:scale(.9);opacity:0}20%{opacity:.7}100%{transform:scale(1.7);opacity:0}}.quake-copy{min-width:0;flex:1}.quake-copy strong{display:block;font-size:13px;line-height:1.35}.quake-copy span{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.45}.chevron{width:7px;height:12px;opacity:.25;flex:none}.empty-state{padding:22px 4px;color:var(--muted);font-size:12px;line-height:1.6}

.volcano-card{margin:8px 20px 0;border-radius:20px;background:linear-gradient(155deg,#211918,#4a2a21);color:#fff;padding:12px 12px 17px;box-shadow:0 12px 34px rgba(52,27,19,.16)}.volcano-scene{height:178px;border-radius:15px;overflow:hidden;position:relative;background:linear-gradient(180deg,#101722 0%,#22232a 58%,#38302c 100%);isolation:isolate}.volcano-sky{position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(238,180,126,.16),transparent 42%),linear-gradient(180deg,rgba(22,29,39,.25),transparent)}.volcano-haze{position:absolute;left:-10%;right:-10%;bottom:42px;height:60px;background:linear-gradient(180deg,transparent,rgba(176,155,137,.08),transparent);filter:blur(6px)}#volcanoPlumeCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.volcano-mountain{position:absolute;left:0;right:0;bottom:22px;width:100%;height:135px;z-index:3;filter:drop-shadow(0 -2px 9px rgba(0,0,0,.24))}.crater-glow{position:absolute;z-index:4;left:51.8%;bottom:81px;width:22px;height:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,202,128,.9) 0%,rgba(231,96,53,.42) 40%,transparent 75%);opacity:.08;filter:blur(1px);transition:opacity .6s ease}.volcano-scene.is-eruptive .crater-glow{opacity:.44}.volcano-sea{position:absolute;z-index:5;left:0;right:0;bottom:0;height:28px;background:linear-gradient(180deg,#171a20,#0d1017)}.volcano-sea:after{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:rgba(255,255,255,.08)}.sea-reflection{position:absolute;left:52%;top:1px;width:14px;height:26px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(238,121,74,.22),transparent);filter:blur(2px);opacity:.08;transition:opacity .6s}.volcano-scene.is-eruptive .sea-reflection{opacity:.22}@keyframes craterBreath{0%,100%{transform:translateX(-50%) scale(.92);opacity:.48}45%{transform:translateX(-50%) scale(1.08);opacity:.75}}
.volcano-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.level-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:800}.level-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#f2b454;margin-right:7px}.freshness{font-size:9px;opacity:.58}.volcano-card h2{font:700 18px/1.3 "Space Grotesk",sans-serif;margin:12px 3px 0}.volcano-card p{margin:7px 3px 0;font-size:12px;line-height:1.6;color:rgba(255,255,255,.78)}.volcano-metrics{margin:12px 20px 0}.volcano-metrics .metric strong{font-family:Inter,sans-serif;font-size:12px;line-height:1.45;font-weight:700}.map-heading{margin:22px 20px 10px}.map-card{position:relative;margin:0 20px;border-radius:17px;overflow:hidden;background:#dce4e8;height:230px}.krakatau-map{position:absolute;inset:0;z-index:1}.map-card canvas{position:absolute;inset:0;width:100%;height:100%;z-index:460;pointer-events:none}.map-wind-badge{position:absolute;z-index:470;left:10px;bottom:10px;background:rgba(13,27,42,.82);backdrop-filter:blur(7px);color:#fff;border:1px solid rgba(255,255,255,.08);padding:7px 9px;border-radius:9px;font-size:9.5px;font-weight:700}.map-note{margin:9px 20px 18px;color:var(--muted);font-size:10px;line-height:1.5}.leaflet-popup-content-wrapper{border-radius:12px!important;box-shadow:0 8px 28px rgba(13,27,42,.22)!important}.leaflet-popup-content{font:11px/1.5 Inter,sans-serif!important;margin:10px 12px!important}.leaflet-control-zoom{border:0!important;box-shadow:0 5px 14px rgba(13,27,42,.14)!important}.leaflet-control-zoom a{border:0!important;color:var(--ink)!important}.volcano-marker-wrap{background:transparent!important;border:0!important}.volcano-marker{position:relative;width:24px;height:22px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}.volcano-marker:before{content:"";position:absolute;left:2px;bottom:2px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:17px solid #342622}.volcano-marker span{position:absolute;z-index:2;left:9px;bottom:13px;width:6px;height:3px;border-radius:50%;background:#17100f;border:1px solid rgba(255,255,255,.72)}

.region-list{padding:7px 20px}.region-row{border:0;border-top:1px solid var(--line);background:transparent;width:100%;display:flex;align-items:center;gap:12px;padding:14px 0;text-align:left;color:inherit;text-decoration:none}.region-row:first-child{border-top:0}.region-icon{width:34px;height:34px;border-radius:11px;background:var(--mist);display:grid;place-items:center;font:700 11px "Space Grotesk",sans-serif;color:#667682}.region-copy{flex:1}.region-copy strong{font-size:13px}.region-copy small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px;text-transform:capitalize}

.data-source{flex:0 0 var(--source-h);height:var(--source-h);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0 12px;background:rgba(255,255,255,.96);font-size:8.7px;color:#81909a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-source a{color:inherit;text-decoration:none}.data-source a:hover{text-decoration:underline}
.bottom-nav{flex:0 0 calc(var(--nav-h) + var(--safe));height:calc(var(--nav-h) + var(--safe));padding-bottom:var(--safe);border-top:1px solid var(--line);display:flex;background:#fff}.nav-button{position:relative;flex:1;border:0;background:transparent;color:#98a5ae;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9.5px;font-weight:700;cursor:pointer;text-decoration:none}.nav-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.nav-button.is-active{color:var(--ink)}.nav-button.is-active svg{transform:translateY(-2px)}.nav-indicator{position:absolute;top:0;width:22px;height:3px;border-radius:0 0 4px 4px;background:transparent}.nav-button.is-active .nav-indicator{background:var(--blue)}.nav-button:focus-visible{outline:3px solid rgba(46,111,166,.25);outline-offset:-4px}

@media (min-width:700px){.lc-app{margin-top:18px;margin-bottom:18px;height:calc(100vh - 36px);height:calc(100dvh - 36px);border-radius:24px;overflow:hidden}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* v1.1 SEO/GEO + route UI */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.region-detail-head{display:flex;align-items:center;gap:12px}.region-detail-head>div{min-width:0}.back-link{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:11px;background:var(--mist);text-decoration:none;color:var(--ink);font-size:19px}.back-link:focus-visible,.region-row:focus-visible{outline:3px solid rgba(46,111,166,.24);outline-offset:3px}.region-detail-card{margin:10px 20px;padding:18px;border-radius:18px;background:var(--mist)}.region-detail-type{display:inline-block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted)}.region-detail-card h2{font:700 18px/1.3 "Space Grotesk",sans-serif;margin:9px 0 0}.region-detail-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:7px 0 0}.map-fallback{height:100%;display:grid;place-items:center;padding:26px;text-align:center}.leaflet-tooltip{border:0!important;border-radius:7px!important;box-shadow:0 4px 14px rgba(13,27,42,.14)!important;font:600 9px/1.2 Inter,sans-serif!important}.map-card canvas{mix-blend-mode:multiply}.volcano-scene{contain:paint}.volcano-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 42%,rgba(0,0,0,.05))}.volcano-haze{opacity:.55}.crater-glow{box-shadow:none}.quake-item{cursor:default}.region-row:hover{background:linear-gradient(90deg,transparent,rgba(46,111,166,.035),transparent)}