.page-wrapper{max-width:1160px}.page-hero .lead{max-width:80ch}.kk-hint{margin-top:-6px;margin-bottom:16px}.input-group.is-locked{opacity:.72}.input-group.is-locked .input{cursor:not-allowed}.kk-locked-note{text-align:center;margin:10px 0 0}.kk-switches{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-bottom:16px;display:flex}.kk-switches .tabs{flex:240px;margin-bottom:0}.kk-switches .chip-group{flex:none}.kk-ic{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.kk-switches .tab-btn,.kk-switches .chip{justify-content:center;align-items:center;gap:7px;display:inline-flex}.kk-flag{border-radius:3px}.result-pill .kk-ic{vertical-align:-.3em;width:1.25em;height:1.25em;margin-right:6px}.kk-guess{color:var(--fg);text-wrap:pretty;margin-top:12px;font-size:.9rem;font-weight:600}.kk-guess .kk-ic{color:var(--accent);margin-right:6px}:root{--kk-below:#38bdf8;--kk-above:#a78bfa;--kk-you:#fbbf24;--kk-idle:rgb(var(--ink) / .14)}:root[data-scheme=light]{--kk-below:#0ea5e9;--kk-above:#8b5cf6;--kk-you:#f59e0b}.kk-tile{flex-direction:column;display:flex}.kk-tile .s{margin-top:auto}.kk-viz{align-items:flex-end;height:46px;margin:10px 0 8px;display:flex}.kk-viz>svg{width:100%;height:100%;display:block;overflow:visible}.kk-crowd g{transform-box:fill-box;transform-origin:50% 100%}.kk-stats.is-in .kk-crowd g{animation:kk-pop .5s var(--spring) backwards;animation-delay:calc(var(--i) * 45ms + 80ms)}@keyframes kk-pop{0%{opacity:0;transform:translateY(5px)scale(.3)}}.kk-bars{gap:8px;width:100%;display:grid}.kk-bar{color:var(--fg-subtle);grid-template-columns:3.7em minmax(0,1fr);align-items:center;gap:8px;font-size:.7rem;font-weight:700;display:grid}.kk-bar-track{background:rgb(var(--ink) / .07);border-radius:6px;height:11px;overflow:hidden}.kk-bar-fill{background:rgb(var(--ink) / .32);transform-origin:0;height:100%;transform:scaleX(var(--w));display:block}.kk-bar.is-you .kk-bar-label{color:var(--fg)}.kk-bar.is-you .kk-bar-fill{background:var(--kk-you)}.kk-stats.is-in .kk-bar-fill{animation:kk-grow .9s var(--ease) .1s backwards}.kk-stats.is-in .kk-bar.is-you .kk-bar-fill{animation-delay:.3s}@keyframes kk-grow{0%{transform:scaleX(0)}}:is(.kk-viz:has(.kk-peak),.kk-viz:has(.kk-bars)){height:84px}.kk-viz:has(.kk-bars){align-items:center}.kk-peak-far{fill:url(#kk-peak-far)}.kk-peak-hill{fill:url(#kk-peak-main);stroke:rgb(var(--ink) / .22);stroke-width:1px;stroke-linejoin:round}.kk-peak-snow{fill:#f8fafc;stroke:rgb(var(--ink) / .15);stroke-width:.6px;stroke-linejoin:round}.kk-peak-path,.kk-peak-done{fill:none;stroke-linecap:round;stroke-linejoin:round}.kk-peak-path{stroke:rgb(var(--ink) / .3);stroke-width:1.3px;stroke-dasharray:2 3}.kk-peak-done{stroke:var(--kk-you);stroke-width:2.4px}.kk-peak-flag .pole{stroke:rgb(var(--ink) / .55);stroke-width:1.3px;stroke-linecap:round}.kk-peak-flag .cloth{fill:var(--kk-above);transform-box:fill-box;transform-origin:0}.kk-peak-flag text{fill:#fff;font-size:10px;font-weight:800}.kk-peak.is-top .kk-peak-flag .cloth{fill:var(--kk-you)}.kk-peak.is-top .kk-peak-flag text{fill:#1c1300}.kk-peak-you .dot{fill:var(--kk-you);stroke:var(--surface);stroke-width:2px}.kk-peak-you .halo{fill:var(--kk-you);opacity:0;transform-box:fill-box;transform-origin:50%}.kk-peak-you .me{fill:var(--fg);paint-order:stroke;stroke:var(--surface);stroke-width:2.5px;stroke-linejoin:round;font-size:10px;font-weight:800}.kk-stats.is-in .kk-peak-done{animation:.7s .9s backwards kk-fade}.kk-stats.is-in .kk-peak-you .halo{animation:1.8s ease-out 1.7s infinite kk-halo}.kk-stats.is-in .kk-peak-flag .cloth{animation:2.6s ease-in-out infinite kk-wave}@keyframes kk-fade{0%{opacity:0}}@keyframes kk-halo{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(2)}}@keyframes kk-wave{50%{transform:scaleX(.86)skewY(-4deg)}}.kk-stats:not(.is-in) :is(.kk-crowd g,.kk-bar-fill,.kk-peak-you,.kk-peak-done){opacity:0}.kk-scene{margin:18px 0 0}.kk-stage{border-radius:var(--r-xl);border:1px solid var(--card-border);background:radial-gradient(80% 70% at 50% 100%, #a78bfa24 0%, transparent 70%), radial-gradient(60% 50% at 50% 0%, #38bdf81a 0%, transparent 70%), rgb(var(--ink) / .03);place-items:center;height:clamp(300px,62vw,420px);display:grid;position:relative;overflow:hidden}.kk-card .tool-title{margin-bottom:18px}.kk-mini{margin:0 0 18px}.kk-mini-stage{border-radius:var(--r-lg);border:1px solid var(--card-border);background:radial-gradient(80% 70% at 50% 100%, #a78bfa1f 0%, transparent 70%), radial-gradient(60% 50% at 50% 0%, #38bdf817 0%, transparent 70%), rgb(var(--ink) / .03);height:clamp(240px,60vw,330px);position:relative;overflow:hidden}.kk-mini-stage .kk-canvas{cursor:default;touch-action:auto;pointer-events:none}.kk-mini-stage .kk-canvas.is-drag{pointer-events:auto;cursor:grab}.kk-mini-stage .kk-canvas.is-drag:active{cursor:grabbing}.kk-mini .kk-caption:empty{display:none}.kk-mini-frame{position:relative}.kk-replay{min-height:38px;padding:7px 14px;font-size:.82rem;position:absolute;bottom:12px;left:12px}.kk-replay .kk-ic{width:1.05em;height:1.05em}.kk-mini-hud{pointer-events:none;flex-direction:column;gap:1px;max-width:58%;display:flex;position:absolute;top:12px;left:14px}.kk-mini-hud .k{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);font-size:.68rem;font-weight:800}.kk-mini-hud .v{letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,4.6vw,1.5rem);font-weight:800;line-height:1.2}.kk-mini-hud .s{color:var(--fg-muted);font-size:.78rem;font-weight:600}.kk-mini-hud.is-right{text-align:right;align-items:flex-end;left:auto;right:14px}#work-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.kk-step-label{color:#fff;text-align:center;background:#0b1020b8;border-radius:8px;flex-direction:column;align-items:center;padding:3px 7px;font-size:.64rem;font-weight:600;line-height:1.2;display:flex;translate:-50% -50%}.kk-step-label b{letter-spacing:.02em;font-weight:800}.kk-step-label.is-you{background:var(--kk-you);color:#1c1300}.kk-mini-hud .s .kk-ic{color:var(--kk-above);margin-right:5px}.kk-mini-hud .s.is-done{color:var(--fg)}.kk-mini-hud .s.is-done .kk-ic{color:var(--kk-you)}.kk-ghost-label{opacity:.75}.kk-canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.kk-canvas:active{cursor:grabbing}.kk-caption{color:var(--fg-muted);text-align:center;text-wrap:pretty;margin-top:10px;font-size:.88rem;line-height:1.55}.kk-stage.is-3d+.kk-caption:after{content:" Geser ke samping untuk memutar, ketuk orangnya untuk melihat angkanya.";color:var(--fg-subtle)}.kk-dots{grid-template-columns:repeat(10,1fr);gap:clamp(5px,1.6vw,9px);width:min(78%,300px);display:grid}.kk-dots span{aspect-ratio:1;background:rgb(var(--ink) / .14);transition:background .3s, transform .3s var(--spring);border-radius:50%}.kk-dots .is-below{background:#38bdf88c}.kk-dots .is-above{background:#a78bfa73}.kk-dots .is-you{background:#fbbf24;transform:scale(1.35);box-shadow:0 0 14px #fbbf24cc}.kk-labels{pointer-events:none;position:absolute;inset:0}.kk-labels>span{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.kk-you-label,.kk-end-label,.kk-tip{translate:-50% -100%}.kk-you-label{color:#1c1300;letter-spacing:.04em;text-transform:uppercase;background:#fbbf24;border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:800;box-shadow:0 6px 18px -6px #fbbf24cc}.kk-end-label{background:var(--bg-elev);border:1px solid var(--card-border);color:var(--fg);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 16px -10px rgb(var(--shade) / calc(.6 * var(--shade-a)));border-radius:100px;padding:3px 9px;font-size:.68rem;font-weight:800}.kk-tip{background:var(--bg-elev);border:1px solid var(--card-border);color:var(--fg);box-shadow:0 10px 24px -12px rgb(var(--shade) / calc(.6 * var(--shade-a)));border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600}.kk-tip[hidden]{display:none}.kk-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.result-box .kk-list{padding-left:0}.kk-list li{color:var(--fg-muted);padding-left:18px;font-size:.9rem;line-height:1.6;position:relative}.kk-list li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:2px}.kk-list strong{color:var(--fg)}.kk-list a{color:var(--accent);font-weight:600}#r-climb{margin-top:16px}#r-mer,#r-share{text-align:left;max-width:none;color:var(--fg-muted);margin:10px 0 0;font-size:.85rem;line-height:1.6}.kk-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:18px 0 10px;font-size:.8rem;font-weight:800}.kk-goals{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.kk-goal{border-radius:var(--r-md);border:1px solid var(--card-border);background:rgb(var(--ink) / .03);isolation:isolate;grid-template-columns:2.1em 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative;overflow:hidden}button.kk-goal{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}button.kk-goal:hover{border-color:rgb(var(--ink) / .2)}button.kk-goal:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.kk-goal.is-selected{border-color:var(--kk-you);background:color-mix(in srgb, var(--kk-you) 9%, transparent)}.kk-goal-icon{background:rgb(var(--ink) / .06);width:2.1em;height:2.1em;color:var(--accent);border-radius:10px;place-items:center;display:grid}.kk-goal-icon .kk-ic{width:1.25em;height:1.25em}.kk-goal-name{color:var(--fg);font-size:.9rem;font-weight:600;line-height:1.35}.kk-goal-name small{color:var(--fg-subtle);font-size:.75rem;font-weight:500;display:block}.kk-goal-time{color:var(--fg);text-align:right;letter-spacing:-.01em;font-size:.9rem;font-weight:800}.kk-goal-bar{background:var(--accent-gradient);transform-origin:0;width:100%;height:3px;transform:scaleX(var(--w,0));transition:transform .6s var(--ease);position:absolute;bottom:0;left:0}.kk-buy-state:empty{display:none}.kk-buy .kk-buy-bar{height:5px;transition:none}.kk-buy.is-counting:before{content:"";background:rgb(var(--ink) / .08);z-index:-1;height:5px;position:absolute;bottom:0;left:0;right:0}.kk-buy.is-bought{border-color:color-mix(in srgb, var(--ok) 55%, transparent)}.kk-buy.is-bought .kk-goal-icon{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.kk-buy.is-bought .kk-buy-state{color:var(--ok);font-weight:700}.kk-buy.is-bought .kk-buy-bar{background:var(--ok)}.kk-class{margin:4px 0 14px}.kk-class p{color:var(--fg-muted);font-size:.9rem;line-height:1.6}.kk-class .kk-class-name{letter-spacing:-.03em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:800}.kk-ladder{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.kk-ladder li{border-radius:var(--r-md);border:1px solid var(--card-border);background:rgb(var(--ink) / .03);grid-template-columns:1fr auto;gap:2px 12px;padding:9px 12px;display:grid}.kk-ladder-name{color:var(--fg);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.kk-ladder-name b{letter-spacing:.06em;text-transform:uppercase;color:#1c1300;background:#fbbf24;border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:800}.kk-ladder-range{color:var(--fg-subtle);grid-column:1;font-size:.78rem}.kk-ladder-share{color:var(--fg-muted);grid-area:1/2/span 2;align-self:center;font-size:.85rem;font-weight:800}.kk-ladder li.is-you{background:#38bdf814;border-color:#38bdf873;box-shadow:0 0 30px -16px #38bdf8b3}.kk-ladder li.is-you .kk-ladder-share{color:var(--fg)}.kk-fun{flex-direction:column;gap:10px;display:flex}.kk-fun-item{border-radius:var(--r-md);border:1px solid var(--card-border);background:rgb(var(--ink) / .03);grid-template-columns:2.1em 1fr;align-items:start;gap:10px;padding:12px;display:grid}.kk-fun-item p{color:var(--fg-muted);font-size:.92rem;line-height:1.6}.kk-tables{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px;display:grid}.kk-tables .table-wrap{margin:0}.kk-table caption{caption-side:top;text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:10px 12px 4px;font-size:.8rem;font-weight:800}.kk-table td:not(:first-child),.kk-table th:not(:first-child){text-align:right;white-space:nowrap}@media (prefers-reduced-motion:reduce){.kk-dots span,.kk-goal-bar{transition:none}.kk-stats :is(.kk-crowd g,.kk-bar-fill,.kk-peak-done,.kk-peak-you .halo,.kk-peak-flag .cloth){animation:none!important}}:root[data-scheme=light] .kk-dots .is-below{background:#0ea5e999}:root[data-scheme=light] .kk-dots .is-above{background:#8b5cf673}@media (width>=900px){.page-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px;margin-bottom:14px;padding:10px 0 14px;display:grid}.page-hero-top{grid-area:1/1/span 2;margin:0}.page-hero-label{display:none}.page-hero h1{grid-column:2;margin:0 0 2px;font-size:1.75rem}.page-hero .lead{grid-column:2;margin:0;font-size:.95rem;line-height:1.55}.page-hero .badge-group{flex-direction:column;grid-area:1/3/span 2;align-items:flex-end;gap:6px}.kk-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);column-gap:20px;display:grid}.kk-fields .kk-hint{margin-top:0}.kk-guess-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:32px;display:grid}.kk-guess-card>:not(.field,.btn-row){grid-column:1}.kk-guess-card>.field{grid-area:1/2/span 2;margin-top:18px}.kk-guess-card>.btn-row{grid-area:3/2;align-self:end}.kk-result{grid-template:"hero scene""stats scene""climb scene"1fr/minmax(0,1fr) minmax(0,1.12fr);align-items:start;column-gap:24px;display:grid}.kk-result>#r-hero{grid-area:hero}.kk-result>#scene{top:calc(var(--header-h) + 14px);grid-area:scene;margin:0;position:sticky}.kk-result>#r-stats{grid-area:stats;grid-template-columns:repeat(2,minmax(0,1fr))}.kk-result>#r-climb{grid-area:climb}.kk-result .kk-stage{height:clamp(440px,100svh - 230px,600px)}.kk-split:has(>.kk-mini:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""visual body";align-items:start;column-gap:28px;display:grid}.kk-split-rev:has(>.kk-mini:not([hidden])){grid-template-areas:"head head""body visual"}.kk-split>.kk-card-head{grid-area:head}.kk-split>.kk-mini{top:calc(var(--header-h) + 14px);grid-area:visual;margin:0;position:sticky}.kk-split>.kk-card-body{grid-area:body;min-width:0}.kk-split .kk-mini-stage{height:clamp(340px,100svh - 300px,460px)}.kk-split .kk-card-body>:first-child,.kk-split .kk-card-body>:first-child>:first-child{margin-top:0}.kk-official{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;display:grid}#ump-field{max-width:360px}}