:root{--bg:#F5F2EB;--panel:#FFFEFA;--ink:#172A45;--blue:#71899B;--sage:#89967D;--ochre:#E8B647;--line:#DDD7C8;--muted:#5B6878;--tint:#E6EDF2;--radius:12px;--shadow:0 6px 24px #172A4514;--font:'Avenir Next',Avenir,'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);line-height:1.5}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.42;cursor:default}a{color:var(--ink);text-underline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,iframe:focus-visible,#map-viewport:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
h1,h2,h3{font-weight:600;letter-spacing:-.02em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;z-index:60;padding:10px;background:var(--panel)}.skip:focus{top:5px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;border:1px solid var(--ink);border-radius:10px;font-weight:600;font-size:16px;text-decoration:none}.primary{background:var(--ink);color:var(--panel)}.primary:hover{background:#22395B}.secondary{background:var(--panel);color:var(--ink)}.secondary:hover{background:var(--tint)}
.eyebrow{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted)}

#welcome{position:fixed;inset:0;z-index:80;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#DCE8EE,#F5F2EB 75%);cursor:pointer;animation:welcome-clear 3.5s ease forwards}.welcomed #welcome{display:none}
@keyframes welcome-clear{0%,52%{opacity:1;visibility:visible}96%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
.welcome-cloud{position:absolute;top:-6%;width:62%;height:112%;filter:drop-shadow(0 18px 30px #71899B33)}.welcome-cloud.left{left:-12%;animation:cloud-left 3.5s cubic-bezier(.5,0,.3,1) forwards}.welcome-cloud.right{right:-12%;animation:cloud-right 3.5s cubic-bezier(.5,0,.3,1) forwards}
@keyframes cloud-left{0%{transform:translateX(-3%)}50%{transform:translateX(0)}100%{transform:translateX(-115%)}}@keyframes cloud-right{0%{transform:translateX(3%)}50%{transform:translateX(0)}100%{transform:translateX(115%)}}
.welcome-text{position:relative;margin:0;padding:0 24px;text-align:center;color:var(--ink);animation:welcome-words 3.5s ease forwards}.welcome-text span{display:block;font-size:clamp(15px,2.2vw,20px);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}.welcome-text strong{display:block;margin-top:8px;font-size:clamp(32px,6.4vw,64px);line-height:1.1;font-weight:600;letter-spacing:-.02em}
@keyframes welcome-words{0%{opacity:0;transform:translateY(12px)}18%,50%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){#welcome{display:none}}
.ground-note{position:absolute;left:600px;top:398px;width:440px;translate:-50% -50%;overflow:visible;pointer-events:none}.ground-note text{font:600 20px var(--font);letter-spacing:-.01em;fill:var(--ink);fill-opacity:.85}.ground-note text + text{font-weight:400;font-size:18px;fill:var(--muted);fill-opacity:1}.ground-note.unwritten{visibility:hidden}
.ground-note.writing tspan{fill-opacity:0;stroke:#2F4A6D;stroke-width:.9;stroke-dasharray:70;stroke-dashoffset:70;animation:pen .55s ease forwards}@keyframes pen{60%{fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1;stroke-width:0}}

.site-header{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand-group{display:flex;align-items:center;gap:10px}.awani-brand{display:flex;align-items:center;min-height:44px}.awani-brand img{display:block;width:62px;height:auto}.news-link{font-size:12px;font-weight:600;min-height:44px;display:flex;align-items:center;gap:4px;white-space:nowrap;justify-self:end}.news-link{text-decoration:none}.news-long,.news-short{text-decoration:underline}.news-short{display:none}
@media(max-width:479px){.news-long{display:none}.news-short{display:inline}}

main{max-width:1700px;margin:auto;padding-bottom:28px}.map-section{position:relative}.map-heading{text-align:center;padding:26px 20px 12px}.map-heading h1{font-size:clamp(26px,6.2vw,36px);line-height:1.15;margin:0 auto 8px;max-width:760px}.map-heading p{font-size:15px;margin:0;color:var(--muted)}
.hero-cta{display:grid;justify-items:center;gap:8px;margin-top:16px}.hero-cta[hidden]{display:none}

#map-viewport{position:relative;z-index:1;height:470px;overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom;cursor:grab}#map-viewport.dragging{cursor:grabbing}#world{position:absolute;transform-origin:0 0;will-change:transform;user-select:none}#terrain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#world,#map-labels,.world-canvas{transition:opacity .7s ease}.entering #world,.entering #map-labels,.entering .world-canvas{opacity:0;transition:none}
.world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-mask-image:linear-gradient(#0000,#000 24px,#000 calc(100% - 30px),#0000);mask-image:linear-gradient(#0000,#000 24px,#000 calc(100% - 30px),#0000)}.is-3d #terrain,.is-3d .building-art{visibility:hidden}.is-3d .landmark[aria-pressed=true]::before,.is-3d .landmark.is-related::after{display:none}
.closeup{cursor:default}.closeup #world,.closeup #map-labels{opacity:0;pointer-events:none}.closeup .map-label{pointer-events:none}
.map-section:has(#map-viewport.closeup) .map-toolbar{visibility:hidden}
.map-toolbar{position:relative;z-index:2;display:flex;width:max-content;margin:-82px max(14px,calc(50% - 590px)) 36px auto;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.map-toolbar button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-left:1px solid var(--line);background:transparent;font-size:22px;font-weight:500}.map-toolbar button:first-child{border-left:0}.map-toolbar button:hover:not(:disabled){background:var(--tint)}.map-toolbar button[hidden]{display:none}.map-toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.landmark{position:absolute;width:280px;height:270px;transform:translate(-50%,-100%);padding:0;border:0;background:none;border-radius:40%;color:var(--ink);touch-action:pan-y pinch-zoom}.building-art{display:block;width:100%;height:100%;transform-origin:50% 84%}.building-art svg{display:block;width:100%;height:100%}.landmark[aria-pressed=true]::before{content:'';position:absolute;left:30px;right:30px;bottom:14px;height:61px;border:2px solid var(--ochre);border-radius:50%;background:#E8B64726}.landmark.is-related::after{content:'';position:absolute;left:24px;right:24px;bottom:10px;height:66px;border-radius:50%;background:#E8B64740;z-index:-1}.calculator .building-art{transform:scale(.86)}
#map-labels{position:absolute;inset:0;pointer-events:none}.map-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 4px;border:0;background:transparent;font:500 11px/1.4 var(--font);color:var(--ink);text-decoration:none;white-space:nowrap;pointer-events:auto}
@media(max-width:699px){.map-label{font-size:11px;font-weight:500;padding:0 2px}.map-label .nameplate{padding:4px 6px;gap:0}.map-label svg{display:none}}.map-label[hidden]{display:none}.map-label svg{width:12px;height:12px;stroke-width:1.6}.nameplate{display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:3px 8px;box-shadow:none}.map-label:hover .nameplate{border-color:var(--ink)}.map-label[aria-pressed=true] .nameplate,.calculator-label.is-selected .nameplate{background:var(--ochre);border-color:var(--ochre);font-weight:600}.map-label.is-related .nameplate{border-color:var(--ochre);box-shadow:0 0 0 2px #E8B64766}


.postman-link{position:absolute;transform:translate(-50%,-100%);display:grid;place-items:center;width:44px;height:44px;transition:opacity .5s ease}.postman-link img{display:block;width:34px;height:auto;padding:3px;border:1px solid var(--ink);border-radius:3px;background:#fff;rotate:-6deg;box-shadow:0 2px 5px #172A4526}.postman-link:hover img{rotate:0deg;scale:1.12}.closeup .postman-link,.entering .postman-link{opacity:0;pointer-events:none}

.budget-timeline{width:min(560px,calc(100% - 32px));margin:4px auto 16px}.budget-timeline h2{font-size:11px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;text-align:center;color:var(--muted)}
.timeline-years{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px calc(100%/24)) 0 0/calc(100% + 1.5px) 8px no-repeat;touch-action:pan-y;cursor:pointer;user-select:none}
.timeline-years button{position:relative;min-height:56px;padding:26px 0 0;border:0;background:transparent;font-size:14px;font-weight:500;line-height:1.3}.timeline-years button::before{content:'';position:absolute;left:calc(50% - 1.25px);top:0;width:2.5px;height:18px;border-radius:0 0 2px 2px;background:var(--ink)}
.timeline-years button:hover{font-weight:600}.timeline-years button[aria-pressed=true]{font-weight:700}.timeline-years button[aria-pressed=true]::before{left:calc(50% - 2.5px);width:5px;height:22px;background:var(--ochre);box-shadow:0 0 0 1px var(--ink)}.timeline-years button[aria-pressed=true]::after{content:'';position:absolute;left:calc(50% - 22px);bottom:8px;width:44px;height:3px;border-radius:2px;background:var(--ochre)}
.related-note,.selection-note{max-width:650px;margin:0 auto 12px;padding:0 18px;text-align:center;font-size:12px;color:var(--muted)}.related-note[hidden]{display:none}.related-note{color:var(--ink);font-weight:600}

.site-footer{margin-top:8px;padding:30px 20px 22px;border-top:1px solid var(--line);background:var(--panel);color:var(--ink)}.footer-content{display:grid;gap:26px;max-width:1180px;margin:0 auto}.footer-brand-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.footer-brand-name{font-size:19px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.footer-divider{width:1px;height:22px;background:var(--line)}.footer-brand-note{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.footer-copy{max-width:34rem;margin:10px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}
.footer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-column-title{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.footer-link-list{list-style:none;margin:0;padding:0}.footer-link-list a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;text-decoration:none}.footer-link-list a:hover{text-decoration:underline}.footer-social{display:flex;flex-wrap:wrap;gap:2px;margin-left:-11px}.footer-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:8px}.footer-social a:hover{background:var(--tint)}.footer-social svg{width:18px;height:18px;fill:currentColor}
.footer-bottom{max-width:1180px;margin:24px auto 0;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}

#sector-preview,#calc-card{position:fixed;inset:auto 0 0;z-index:10;width:100%;margin:0;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--panel);box-shadow:0 -8px 30px #172A451f;cursor:default;animation:sheet-in .35s cubic-bezier(.2,.7,.2,1)}@keyframes sheet-in{from{opacity:0;translate:0 14px}}#sector-preview[hidden],#calc-card[hidden]{display:none}
#sector-preview{max-height:65dvh;overflow:auto;overscroll-behavior:contain;padding:0 20px max(18px,env(safe-area-inset-bottom));transition:max-height .8s cubic-bezier(.3,0,.2,1)}#sector-preview.expanded{max-height:90dvh}.panel-top{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;align-items:center;background:var(--panel);padding:6px 0 0}#close-preview{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%}#close-preview:hover{background:var(--tint)}#close-preview svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#panel-content{min-width:0;overflow-wrap:break-word}#panel-title{font-size:14px;line-height:1.3;font-weight:600;letter-spacing:0;margin:2px 0 10px;color:var(--muted)}
.figure{display:block;font-size:clamp(26px,8vw,34px);line-height:1.15;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}.figure-caption{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:10px;font-size:14px}.panel-year-control select{font:inherit;font-size:13px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:44px;padding:6px 10px}
.comparison{display:flex;align-items:center;gap:6px;font-size:14px;line-height:1.45;margin:6px 0 0}.trend{flex:none;width:18px;height:18px;padding:2px;border:1px solid var(--line);border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trend-up{color:#237847;background:#EDF6EF;border-color:#BBDCC6}.trend-down{color:#B33D3D;background:#FBEFEF;border-color:#E8C4C4}.comparison[hidden]{display:none}.ministry-note{font-size:12px;line-height:1.5;margin:8px 0 0;color:var(--muted)}.divider{border:0;border-top:1px solid var(--line);margin:18px 0}
.cta-question{font-size:15px;font-weight:600;margin:0 0 10px}#panel-cta{width:100%}
.video{margin:0}.video-play,.video iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;min-height:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#2A3C57}.video-play img{display:block;width:100%;height:100%;object-fit:cover}.no-thumbnail .video-play img{visibility:hidden}.play-mark{position:absolute;left:50%;top:50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;background:var(--panel);box-shadow:0 2px 10px #0006}.play-mark::after{content:'';position:absolute;left:21px;top:16px;border-left:17px solid var(--ink);border-block:11px solid transparent}.video-play:hover .play-mark{background:var(--ochre)}.video figcaption{display:grid;gap:2px;margin-top:10px;font-size:13px}.video figcaption strong{font-size:15px;line-height:1.35;font-weight:600}.video figcaption span{color:var(--muted)}

#calc-card{padding:22px 20px max(22px,env(safe-area-inset-bottom))}#calc-card h2{font-size:22px;line-height:1.2;margin:0 44px 4px 0}#calc-card p{margin:0 0 16px;font-size:14px;color:var(--muted)}#calc-card-close{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1}.calc-card-actions{display:grid;gap:10px}.calc-card-actions button{width:100%}

#kaunter{position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);background:var(--bg);color:var(--ink)}#kaunter[hidden]{display:none}#kaunter.entering{transition:clip-path .52s cubic-bezier(.6,0,.25,1)}#kaunter.entering .kaunter-room{animation:kaunter-arrive .52s cubic-bezier(.3,0,.2,1)}#kaunter.entering.slow{transition-duration:.9s}#kaunter.entering.slow .kaunter-room{animation-duration:.9s}@keyframes kaunter-arrive{from{transform:scale(1.12)}}#kaunter.fading{animation:kaunter-fade .25s ease}@keyframes kaunter-fade{from{opacity:0}}
.kaunter-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:2px 12px;padding-top:max(2px,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.kaunter-bar button{border:0;background:transparent;font-size:14px;font-weight:600;padding:0 6px;white-space:nowrap}#kaunter-back{justify-self:start}#kaunter-reset{justify-self:end;grid-column:3}#kaunter-reset{text-decoration:underline;text-underline-offset:4px;font-weight:500}#kaunter-reset[hidden]{display:none}
.kaunter-room{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.kaunter-scene{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:8px 14px 0;min-width:0;min-height:0;overflow:hidden;background:#F3EEE3}.indah-scene{display:block;flex:none;width:auto;height:118px;overflow:visible;transition:height .3s ease}.room-decor{display:none}
.indah-bubble{flex:1;min-width:0;align-self:center;max-width:250px;margin:0;padding:9px 13px;border:1px solid var(--ink);border-radius:14px 14px 14px 4px;background:var(--panel);font-size:13px;line-height:1.4;font-weight:500;order:2}.kaunter-label{display:none}.kaunter-count{display:none;margin:0;font-size:14px;font-weight:600}
.kaunter-side{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;border-top:1px solid var(--line);background:var(--bg)}#kaunter-quiz{width:100%;height:100%;border:0;display:block;background:var(--bg)}#kaunter-quiz[hidden],#kaunter-waiting[hidden],#kaunter-save[hidden]{display:none}#kaunter-save{flex:none;min-height:44px;padding:6px 14px;font-size:14px}
#kaunter[data-mode=terkini] .kaunter-room{grid-template-rows:minmax(0,1fr) auto}#kaunter[data-mode=terkini] .kaunter-scene{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding-top:20px}#kaunter[data-mode=terkini] .indah-scene{height:min(40vh,300px)}#kaunter[data-mode=terkini] .room-decor{display:inline}#kaunter[data-mode=terkini] .indah-bubble{order:0;flex:none;align-self:center;max-width:360px;font-size:15px;padding:14px 16px}#kaunter[data-mode=terkini] .kaunter-label{display:block;margin:0;padding:4px 12px;border:1px solid var(--line);border-radius:20px;background:var(--panel);font-size:12px;font-weight:600;letter-spacing:.02em}#kaunter-waiting{display:grid;justify-items:center;padding:18px 20px max(22px,env(safe-area-inset-bottom));background:var(--panel)}
@media(max-width:899px){#kaunter.started[data-mode=kuiz] .kaunter-scene{justify-content:flex-start;padding:6px 16px 0}#kaunter.started[data-mode=kuiz] .indah-scene{height:84px}#kaunter.started[data-mode=kuiz] .indah-bubble{position:absolute;z-index:1;left:150px;top:50%;translate:0 -50%;width:max-content;max-width:calc(100% - 162px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}#kaunter.started[data-mode=kuiz] .indah-bubble.show{opacity:1;visibility:visible}#kaunter.printed .kaunter-count{display:block;position:absolute;left:150px;top:50%;translate:0 -50%;font-size:13px}#kaunter.printed #kaunter-save{position:absolute;right:12px;top:50%;translate:0 -50%}}
@media(max-width:899px) and (max-height:700px){.indah-scene{height:96px}#kaunter.started[data-mode=kuiz] .indah-scene{height:70px}}
.calc-paper{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.printing .calc-paper{transform:scaleY(.55);transition:transform 3.6s linear}.printed .calc-paper{transform:scaleY(1)}.handed .kaunter-side{animation:receipt-handed .6s cubic-bezier(.2,.7,.2,1)}@keyframes receipt-handed{from{opacity:.2;transform:translateY(-18px)}}
#kaunter-share{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:18px 20px max(20px,env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--panel);box-shadow:0 -8px 30px #172A451f;animation:sheet-in .3s cubic-bezier(.2,.7,.2,1)}#kaunter-share[hidden]{display:none}#kaunter-share h2{margin:0 44px 6px 0;font-size:20px}#share-close{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:24px;line-height:1}
.share-links{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px}.share-links a,.share-links button{display:grid;place-items:center;width:48px;height:48px;min-height:0;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink)}.share-links a:hover,.share-links button:hover{border-color:var(--ink);background:var(--tint)}.share-links svg{width:21px;height:21px;fill:currentColor}#share-copy.copied{background:var(--ochre);border-color:var(--ink)}#share-download{width:100%}#share-hint{margin:10px 0 8px;font-size:12px;color:var(--muted)}#share-hint[hidden],#share-preview[hidden]{display:none}#share-preview{display:block;width:100%;max-height:38dvh;object-fit:contain;object-position:top;border:1px solid var(--line);border-radius:10px;background:var(--bg);-webkit-touch-callout:default}#kaunter-share{max-height:92dvh;overflow:auto}
@media(min-width:900px){#kaunter-share{left:24px;right:auto;bottom:24px;width:360px;border-bottom:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}}
.tearing .calc-paper{animation:receipt-tear .7s cubic-bezier(.3,.1,.3,1) forwards}
.reprinting .calc-paper{animation:receipt-reprint .5s cubic-bezier(.2,.7,.2,1)}
#share-preview{border:0;border-radius:0;margin-top:14px;height:38dvh;object-fit:cover;object-position:top;background:none;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent);clip-path:polygon(0.00% 9px,3.85% 0px,7.69% 8px,11.54% 0px,15.38% 7px,19.23% 0px,23.08% 6px,26.92% 0px,30.77% 6px,34.62% 0px,38.46% 6px,42.31% 0px,46.15% 9px,50.00% 0px,53.85% 6px,57.69% 0px,61.54% 8px,65.38% 0px,69.23% 6px,73.08% 0px,76.92% 6px,80.77% 0px,84.62% 7px,88.46% 0px,92.31% 7px,96.15% 0px,100.00% 6px,100% 100%,0 100%);transform-origin:50% 0;animation:receipt-torn-in .7s .18s cubic-bezier(.2,.8,.2,1) both}
@keyframes receipt-tear{0%{transform:none;opacity:1}18%{transform:translateY(-3px) rotate(-4deg)}34%{transform:translateY(-4px) rotate(5deg)}48%{transform:translateY(-7px) rotate(-3deg);opacity:1}100%{transform:translate(16px,-54px) rotate(18deg);opacity:0}}
@keyframes receipt-reprint{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes receipt-torn-in{0%{transform:translateY(-34px) rotate(-7deg);opacity:0}55%{transform:translateY(4px) rotate(2.5deg);opacity:1}78%{transform:translateY(0) rotate(-1.2deg)}100%{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.tearing .calc-paper{animation:none;opacity:0}.reprinting .calc-paper,#share-preview{animation:none}}
.nudging .indah-bubble{animation:bubble-pop .55s cubic-bezier(.3,1.4,.5,1)}
.nudging .indah-body{transform-box:fill-box;transform-origin:50% 100%;animation:indah-nod .9s ease-in-out}
.nudging #kaunter-save{animation:save-wiggle .5s .35s ease-in-out 2}
@keyframes bubble-pop{0%{scale:.6;opacity:0}60%{scale:1.06;opacity:1}100%{scale:1}}
@keyframes indah-nod{25%{transform:rotate(-2.5deg)}55%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}}
@keyframes save-wiggle{25%{rotate:-4deg;scale:1.06}60%{rotate:3deg;scale:1.06}}
@media(prefers-reduced-motion:reduce){.nudging .indah-bubble,.nudging .indah-body,.nudging #kaunter-save{animation:none}}
@media(min-width:900px){#kaunter-share{inset:0;margin:auto;width:min(720px,calc(100vw - 48px));height:fit-content;max-height:min(620px,92dvh);display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);column-gap:32px;align-content:center;padding:32px;border-bottom:1px solid var(--line);border-radius:var(--radius);box-shadow:0 0 0 100vmax #172A4559,0 14px 44px #172A4540}#kaunter-share[hidden]{display:none}#kaunter-share>*{grid-column:2}#kaunter-share h2{font-size:26px;margin:0 44px 10px 0}#kaunter-share .share-links{gap:10px;margin:6px 0 20px}#share-preview{grid-column:1;grid-row:1/span 6;align-self:center;height:min(460px,72dvh);margin-top:0}}
.indah-eye{transform-box:fill-box;transform-origin:center;animation:indah-blink 4.6s infinite}@keyframes indah-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}.indah-arm{transform-box:view-box;transform-origin:222px 226px}.pressing .indah-arm{animation:indah-press .42s ease}@keyframes indah-press{45%{transform:rotate(-7deg) translate(1px,-2px)}70%{transform:rotate(1.5deg)}}.calc-key.pressed{animation:key-press .42s ease}@keyframes key-press{40%,65%{transform:translateY(1.5px);filter:brightness(.86)}}

@media(min-width:700px){#map-viewport{height:620px}.site-header{padding:12px 28px;grid-template-columns:1fr auto 1fr}.awani-brand img{width:84px}.brand-group{gap:16px}.news-link{font-size:14px}.map-heading{padding:34px 20px 6px}.map-heading h1{font-size:clamp(32px,3.2vw,44px);max-width:1050px}.map-heading p{font-size:17px}.map-heading .map-label{font-size:12px}.map-label svg{width:13px;height:13px}.site-footer{padding:36px 28px 24px}.footer-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.timeline-years button{font-size:15px}}
@media(min-width:900px){.kaunter-bar{padding:6px 22px}.kaunter-bar button{font-size:15px}
 #kaunter[data-mode=kuiz] .kaunter-room{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(320px,38%) minmax(0,1fr)}#kaunter[data-mode=kuiz] .kaunter-scene{flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 20px 0}#kaunter[data-mode=kuiz] .indah-scene{width:min(100%,500px);height:auto;max-height:54vh}#kaunter[data-mode=kuiz] .room-decor{display:inline}#kaunter[data-mode=kuiz] .indah-bubble{order:0;flex:none;align-self:center;max-width:340px;font-size:16px;padding:14px 16px}#kaunter[data-mode=kuiz] #kaunter-save{order:0}#kaunter[data-mode=kuiz] .kaunter-side{border-top:0;border-left:1px solid var(--line)}@keyframes receipt-handed{from{opacity:.2;transform:translateX(-26px)}}
 #kaunter[data-mode=terkini] .indah-bubble{font-size:17px;max-width:430px}#kaunter[data-mode=terkini] .indah-scene{height:min(44vh,380px)}}
@media(min-width:1100px){#map-viewport{height:clamp(570px,66vh,710px)}.map-heading h1{font-size:42px}
 #sector-preview{position:absolute;inset:auto;width:360px;max-height:min(calc(100vh - 40px),700px);border-bottom:1px solid var(--line);border-radius:var(--radius);padding:0 22px 16px;box-shadow:var(--shadow)}.figure{font-size:38px}
 #calc-card{position:absolute;inset:50% 18px auto auto;translate:0 -50%;width:320px;padding:24px 22px 22px;border-bottom:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:699px){#sector-preview{animation:ministry-sheet-in .85s cubic-bezier(.22,.61,.36,1) both}#sector-preview.arriving{visibility:hidden;pointer-events:none;animation:none}@keyframes ministry-sheet-in{from{opacity:0;translate:0 100%}to{opacity:1;translate:0 0}}}

.closeup-name{position:absolute;top:18px;left:50%;translate:-50% 0;max-width:calc(100% - 32px);margin:0;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px;font-weight:600;text-align:center;pointer-events:none;z-index:2}.closeup-name[hidden]{display:none}.video-context{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--muted)}#calc-card .version-context{font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-width:699px){.hero-cta{margin:14px 16px 0}#calc-card{animation:ministry-sheet-in .85s cubic-bezier(.22,.61,.36,1) both}#calc-card.arriving{visibility:hidden;pointer-events:none;animation:none}}

.site-header>.news-link{grid-column:3}