#kload{position:fixed; inset:0; z-index:60; background:var(--bg,#FFF4C9); color:var(--ink,#2B2D42); display:flex; align-items:center; justify-content:center;
  padding:calc(24px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px)); overflow-y:auto; transition:opacity .45s ease}
#kload.out{opacity:0; pointer-events:none}
#kload[hidden]{display:none}
.kl-box{width:100%; max-width:440px; display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center}
.kl-mascot{width:clamp(120px,36vw,160px)}
.kl-title{margin:0; font-family:'Baloo 2','Arial Rounded MT Bold','Trebuchet MS',sans-serif; font-weight:800; font-size:clamp(2rem,8.5vw,2.8rem); line-height:1; letter-spacing:-.5px}
.kl-sub{margin:0; font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif; color:var(--soft,#5C607A); font-size:1rem}
.kl-road{position:relative; width:100%; padding-top:44px}
.kl-bus{position:absolute; top:0; left:0; width:58px; transition:left .3s ease}
.kl-track{height:22px; border-radius:99px; background:var(--card,#fff); box-shadow:inset 0 0 0 3px var(--ink,#2B2D42); overflow:hidden}
.kl-fill{height:100%; width:0; border-radius:99px; background:repeating-linear-gradient(45deg,#FFD166 0 12px,#FFC23D 12px 24px); box-shadow:inset 0 0 0 3px var(--ink,#2B2D42); transition:width .3s ease}
.kl-num{display:flex; justify-content:space-between; width:100%; font-family:'Noto Sans TC',sans-serif; font-weight:700; font-variant-numeric:tabular-nums; color:var(--soft,#5C607A); font-size:.95rem}
.kl-num b{font-family:'Baloo 2',sans-serif; font-size:1.5rem; color:var(--ink,#2B2D42); line-height:1}
.kl-go{border:0; border-radius:99px; padding:14px 34px; background:#06D6A0; color:#2B2D42; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:1.4rem; box-shadow:0 5px 0 rgba(43,45,66,.25); cursor:pointer}
.kl-go .zh{font-family:'Noto Sans TC',sans-serif; font-size:1rem; margin-left:6px; color:#2B2D42}
.kl-go[disabled]{background:var(--card,#fff); color:var(--soft,#5C607A); box-shadow:0 0 0 3px rgba(92,96,122,.25); cursor:default}
.kl-go[disabled] .zh{color:var(--soft,#5C607A)}
.kl-go:not([disabled]){animation:klpop .5s ease}
.kl-go:focus-visible,.kl-skip:focus-visible{outline:4px solid #118AB2; outline-offset:3px}
.kl-skip{border:0; background:none; padding:6px 10px; font-family:'Noto Sans TC',sans-serif; color:var(--soft,#5C607A); text-decoration:underline; font-size:.92rem; cursor:pointer}
.kl-msg{min-height:1.4em; margin:0; font-family:'Noto Sans TC',sans-serif; font-size:.9rem; color:var(--soft,#5C607A)}
@keyframes klpop{0%{transform:scale(.85)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.kl-bus,.kl-fill,#kload{transition:none}.kl-go:not([disabled]){animation:none}}