.kb-town__sky{pointer-events:none;z-index:1;mix-blend-mode:multiply;background:linear-gradient(180deg,rgba(40,48,110,calc(var(--kb-night,0) * .55)) 0%,rgba(30,34,80,calc(var(--kb-night,0) * .62)) 100%);transition:background 2s linear;position:absolute;inset:0}.kb-town__dusk{pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:var(--kb-dusk,0);background:linear-gradient(#ff8c5040 0%,#ff78781f 60%,#0000 100%);transition:opacity 2s linear;position:absolute;inset:0}.kb-town__lamp{pointer-events:none;z-index:2;width:140px;height:140px;opacity:var(--kb-night,0);background:radial-gradient(closest-side,#ffd6788c,#ffd6782e 55%,#0000 70%);border-radius:50%;animation:3.6s ease-in-out infinite kb-lamp;position:absolute;transform:translate(-50%,-50%)}.kb-town__lamp:nth-child(2n){animation-delay:1.2s}@keyframes kb-lamp{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.06)}}.kb-town__clock{z-index:5;background:var(--cream-000);border:1px solid var(--cream-200);border-radius:var(--radius-pill);font:inherit;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-card);align-items:center;gap:8px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:14px}.kb-town__clock:hover{border-color:var(--kibble)}.kb-town__clock:focus-visible{outline:3px solid var(--kibble);outline-offset:2px}.kb-town__clock--demo{border-color:var(--kibble);color:var(--ink)}.kb-town__clock-dot{background:var(--gold-fill,var(--gold));border-radius:50%;width:8px;height:8px}.kb-town--night .kb-town__clock-dot{background:var(--sky)}.kb-town__clock-hint{color:var(--kibble-deep);text-transform:uppercase;letter-spacing:.06em;border-left:1px solid var(--cream-200);padding-left:8px;font-size:10px}.kb-town--night .kb-town__tag,.kb-town--night .kb-town__sign{background:var(--cream-100)}.kb-town__bubble{background:var(--cream-000);max-width:220px;color:var(--ink);border:1px solid var(--cream-200);box-shadow:var(--shadow-pop,var(--shadow-card));z-index:1000;pointer-events:none;border-radius:14px;padding:8px 12px;font-size:13px;line-height:1.35;animation:.25s ease-out both kb-bubble;position:absolute;transform:translate(-50%,-100%)}.kb-town__bubble:after{content:"";background:var(--cream-000);border-right:1px solid var(--cream-200);border-bottom:1px solid var(--cream-200);width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.kb-town__bubble--thinking{color:var(--ink-soft);font-style:italic}.kb-town__bubble--mine{border-color:var(--kibble)}@keyframes kb-bubble{0%{opacity:0;transform:translate(-50%,-92%)scale(.9)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.kb-town__meet{z-index:999;background:var(--kibble);opacity:0;pointer-events:none;border-radius:50%;width:16px;height:16px;animation:.9s ease-out both kb-meet;position:absolute;transform:translate(-50%,-50%)}@keyframes kb-meet{0%{opacity:.6;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}@media (prefers-reduced-motion:reduce){.kb-town__lamp,.kb-town__bubble{animation:none}.kb-town__meet{display:none}.kb-town__sky,.kb-town__dusk{transition:none}}.kb-town__ripple{border:3px solid var(--sky);opacity:0;pointer-events:none;z-index:998;border-radius:50%;width:40px;height:40px;animation:1.4s ease-out infinite kb-ripple;position:absolute;transform:translate(-50%,-50%)}@keyframes kb-ripple{0%{opacity:.8;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(3)}}.kb-town__bubble--crowd{background:var(--cream-100);max-width:160px;font-size:12px;animation-duration:.2s}.kb-town__pot{background:var(--gold-fill,var(--gold));color:var(--ink);font-family:var(--font-mono,ui-monospace);white-space:nowrap;box-shadow:var(--shadow-card);z-index:1001;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;animation:1.6s ease-out both kb-pot;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@keyframes kb-pot{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}30%{opacity:1;transform:translate(-50%,-10px)scale(1.1)}to{opacity:1;transform:translate(-50%,-26px)scale(1)}}.kb-town__new{background:var(--mint-fill,var(--mint));color:var(--cream-000);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px}.kb-town__fountain{background:var(--sky-soft,var(--cream-100));border-radius:14px;padding:10px 12px}@media (prefers-reduced-motion:reduce){.kb-town__ripple{opacity:.6;animation:none}.kb-town__pot{animation:none}}@media (max-width:900px){.kb-town__clock{top:auto;bottom:12px;right:12px}}.kb-town__place--on{outline:5px solid var(--kibble);outline-offset:-5px;background:#ff7a1a24;animation:1.1s ease-out 2 kb-place-pulse;box-shadow:0 0 0 10px #ff7a1a38,0 0 40px #ff7a1a59}.kb-town__place--on .kb-town__sign{background:var(--kibble);color:var(--on-kibble,#1f1a2e);border-color:var(--kibble)}.kb-town__place--on .kb-town__sign-count{background:var(--cream-000);color:var(--ink)}@keyframes kb-place-pulse{0%{box-shadow:0 0 0 4px #ff7a1a80,0 0 20px #ff7a1a4d}60%{box-shadow:0 0 0 18px #ff7a1a00,0 0 50px #ff7a1a66}to{box-shadow:0 0 0 10px #ff7a1a38,0 0 40px #ff7a1a59}}.kb-town__callout{background:var(--ink);color:var(--cream-000);white-space:nowrap;box-shadow:var(--shadow-pop,var(--shadow-card));pointer-events:none;border-radius:12px;padding:7px 12px;font-size:14px;font-weight:800;animation:.35s cubic-bezier(.2,1.4,.4,1) both kb-callout;position:absolute;transform:translate(-50%,-100%)}.kb-town__callout:after{content:"";background:var(--ink);width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.kb-town__callout-narrow{display:none}@keyframes kb-callout{0%{opacity:0;transform:translate(-50%,-80%)scale(.8)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}.kb-town__placecard{outline:0 solid var(--kibble);animation:.45s cubic-bezier(.2,1.4,.4,1) both kb-card-pop}@keyframes kb-card-pop{0%{opacity:0;transform:translateY(10px)scale(.98);box-shadow:0 0 #ff7a1a80}60%{box-shadow:0 0 0 8px #ff7a1a40}to{opacity:1;transform:none;box-shadow:0 0 #ff7a1a00}}@media (max-width:900px){.kb-town__callout-wide{display:none}.kb-town__callout-narrow{display:inline}}@media (prefers-reduced-motion:reduce){.kb-town__place--on,.kb-town__callout,.kb-town__placecard{animation:none}}.kb-town--big{grid-template-columns:1fr}.kb-town--big .kb-town__side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid;position:static}.kb-town__tools{z-index:5;gap:6px;display:flex;position:absolute;bottom:12px;right:14px}.kb-town__tool{font:inherit;letter-spacing:.04em;text-transform:uppercase;background:var(--cream-000);border:1px solid var(--cream-200);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-card);padding:6px 12px;font-size:12px;font-weight:800}.kb-town__tool:hover,.kb-town__tool[aria-pressed=true]{border-color:var(--kibble)}.kb-town__frame:fullscreen{background:var(--cream-100);place-items:center;display:grid;overflow:auto}.kb-town__frame:fullscreen .kb-town__scene{margin:auto}@media (max-width:900px){.kb-town__tools{inset:auto auto 12px 12px}.kb-town__clock{right:12px}}.kb-town__pet--ghost .kb-sprite,.kb-town__pet--ghost img{filter:grayscale()brightness(1.25)contrast(.8);opacity:.5}.kb-town__pet--ghost{animation:6s ease-in-out infinite kb-ghost-drift}@keyframes kb-ghost-drift{0%,to{translate:0}50%{translate:0 -10px}}@media (prefers-reduced-motion:reduce){.kb-town__pet--ghost{animation:none}}