.sticker-day{position:relative;z-index:12;display:grid;gap:12px;margin:16px 16px 96px;padding:16px;border:1px solid #8d3b46;border-radius:18px;background:#1a1218;color:#f0e8d0}.sticky-kit{display:flex;gap:12px;align-items:center}.sticky-kit img{width:72px;height:96px;object-fit:cover;border-radius:12px;background:#f0e8d0}.sticky-kit h2,.sticky-kit p{margin:0}.sticky-cabinet{position:relative;height:220px;border-radius:16px;background:linear-gradient(#8d3b46,#5c2430);box-shadow:inset 0 0 0 8px #2a1218}.sticky-glass{position:absolute;left:18%;right:18%;top:16px;height:62%;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#140c18;color:var(--accent-soft);text-align:center;padding:8px}.sticky-glass img{max-width:70%;max-height:90%;object-fit:contain}.sticky-slot{position:absolute;left:30%;right:30%;bottom:14px;height:16px;border-radius:4px;background:#0b2638}.sticky-drop{animation:sticky-fall .7s cubic-bezier(.2,.8,.2,1)}@keyframes sticky-fall{0%{transform:translateY(-70px) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}.sticky-actions,.sticky-after{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sticky-shop,.sticky-after a{color:#0b2638;background:var(--accent-soft);padding:8px 12px;border-radius:999px;text-decoration:none}.sticky-glass a{display:grid;place-items:center;background:none;padding:0}.sticky-after form{display:grid;gap:8px;width:100%}.sticker-day button,.sticker-day textarea{font:inherit}.sticky-pending{position:relative;z-index:12;margin:16px 16px 0;color:var(--accent-soft)}.sticky-painting{display:block;width:calc(100% - 32px);margin:12px 16px 0;border-radius:16px}@media(prefers-reduced-motion:reduce){.sticky-drop{animation:none}}.town-cast-picker{margin:20px 0;padding:0;border:0;min-width:0}.town-cast-picker legend{font-size:1.2rem}.town-cast-picker p,.town-cast-picker small{line-height:1.5}.town-cast-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.town-cast-option{margin:0;min-width:0;border:1px solid #647b85;border-radius:12px;padding:12px}.town-cast-option legend{padding:0 4px;font-weight:600}.town-cast-option[data-on-street=true]{border-color:#f4ecd9;background:#214457}.town-cast-option>small{display:block;margin-top:8px}.town-cast-voice{display:grid;gap:8px;margin-top:10px}.town-cast-voice label{display:grid;gap:4px;font-size:14px}.town-cast-voice :is(input,select){width:100%;min-width:0}.town-cast-voice input::placeholder{opacity:.55}.town-cast-preview{display:block;width:100px;height:100px;margin:0 auto 8px;background-repeat:no-repeat}.building-sheet .draft-download{color:#f0e8d0;background:#0b2638;border:1px solid #a8b4b5}@media(max-width:360px){.town-cast-options{grid-template-columns:1fr}}.street-life{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none;--neighbor-cycle: 36s}.street-life *{pointer-events:none}.neighbor-pair{position:absolute;bottom:23%;height:14%;transform:translate(-50%);visibility:hidden}.neighbor-pair[data-ready=true]{visibility:visible}.neighbor-traveler{position:absolute;inset:0;--walk-start: 10%;--walk-meet: 40%;--direction: 1;--away: -1}.neighbor-traveler{transform:translate(var(--walk-start))}.neighbor-facing{position:absolute;left:0;top:0;height:100%;aspect-ratio:1;transform:translate(-50%) scaleX(var(--direction))}.neighbor-traveler[data-seated=true] .neighbor-facing{top:auto;bottom:0;height:88%}.neighbor-art{position:absolute;inset:0;background-size:400% 600%;background-repeat:no-repeat}.neighbor-rest{background-position-x:66.666667%}.neighbor-walk,.neighbor-wave{opacity:0}.neighbor-wave{background-position-x:100%}.neighbor-shadow{position:absolute;left:32%;bottom:5%;width:36%;height:4%;border-radius:50%;background:#241f2c55;filter:blur(2px)}.street-cloudshade{position:absolute;inset:4% -30% 9%;opacity:.12;background:linear-gradient(118deg,transparent 20%,#26364577 36%,transparent 52%,#fff0ca33 72%,transparent 84%);mix-blend-mode:multiply}.street-leaf{position:absolute;width:clamp(3px,.4vw,7px);height:clamp(2px,.22vw,4px);border-radius:80% 0;background:#bda26a;opacity:0}@media(prefers-reduced-motion:no-preference){.neighbor-traveler{animation:neighbor-route var(--neighbor-cycle) ease-in-out infinite}.neighbor-facing{animation:neighbor-turn var(--neighbor-cycle) steps(1,end) infinite}.neighbor-rest{animation:neighbor-rest var(--neighbor-cycle) steps(1,end) infinite}.neighbor-walk{animation:neighbor-step .9s steps(1,end) infinite,neighbor-walking var(--neighbor-cycle) steps(1,end) infinite}.neighbor-wave{animation:neighbor-wave var(--neighbor-cycle) steps(1,end) infinite}.neighbor-pair :is(.neighbor-traveler,.neighbor-facing,.neighbor-rest,.neighbor-wave){animation-delay:var(--neighbor-phase)}.neighbor-walk{animation-delay:0s,var(--neighbor-phase)}.street-cloudshade{animation:street-cloudshade 42s ease-in-out infinite alternate}.street-leaf{animation:street-leaf 24s ease-in-out infinite}@keyframes neighbor-route{0%,5%,82%,to{transform:translate(var(--walk-start))}30%,56%{transform:translate(var(--walk-meet))}}@keyframes neighbor-turn{0%,82%,to{transform:translate(-50%) scaleX(var(--direction))}56%{transform:translate(-50%) scaleX(var(--away))}}@keyframes neighbor-walking{0%,30%,82%,to{opacity:0}5%,56%{opacity:1}}@keyframes neighbor-rest{0%,39%,82%,to{opacity:1}5%,30%,56%{opacity:0}}@keyframes neighbor-wave{0%,39%,to{opacity:0}30%{opacity:1}}@keyframes neighbor-step{50%{background-position:var(--neighbor-step)}}@keyframes street-cloudshade{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes street-leaf{0%,65%,to{opacity:0;transform:translate3d(-15px,-35px,0) rotate(-30deg)}10%{opacity:.5}55%{opacity:.35;transform:translate3d(130px,100px,0) rotate(230deg)}64%{opacity:0;transform:translate3d(145px,110px,0) rotate(245deg)}}}.street-life[data-running=false] *,.neighbor-pair[data-active=false] *,.world-shell:has(dialog[open]) .street-life *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.street-life *{animation:none!important}.neighbor-rest{opacity:1}.neighbor-walk,.neighbor-wave,.street-leaf{opacity:0}}.town-regulars{position:absolute;inset:0;z-index:9;pointer-events:none;--neighbor-cycle: 48s}.regular-slot{bottom:8.6%;height:18%;width:5%;min-width:56px}.regular-walker{margin:0;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;min-width:44px;min-height:44px;--walk-start: -18%;--walk-meet: 18%}.regular-walker .neighbor-facing{left:50%}.regular-slot[data-still=true] .regular-walker{--walk-start: 0%;--walk-meet: 0%}.regular-walker *{pointer-events:none}.regular-walker:focus-visible{outline:3px solid #f0e8d0;outline-offset:2px;border-radius:6px}.regular-walker .neighbor-shadow{left:36%;bottom:4%;width:40%;background:#241f2c66}.town-regulars[data-running=false] *,.world-shell:has(dialog[open]) .town-regulars *{animation-play-state:paused!important}.regular-slot[data-talking=true] .neighbor-traveler{animation-play-state:paused!important}.regular-slot[data-talking=true] :is(.neighbor-facing,.neighbor-art){animation:none!important}.regular-slot[data-talking=true] .neighbor-facing{transform:translate(-50%) scaleX(1)}.regular-slot[data-talking=true] :is(.neighbor-walk,.neighbor-rest){opacity:0}.regular-slot[data-talking=true] .neighbor-wave{opacity:1}.regular-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;z-index:20;width:min(250px,72vw);transform:translate(-50%);padding:12px 14px;border:1px solid var(--accent-soft);border-radius:10px;background:#f0e8d0;color:#0b2638;box-shadow:0 6px 18px #0b263866;pointer-events:auto;font-size:15px;line-height:1.4}.regular-bubble:after{content:"";position:absolute;top:100%;left:50%;border:8px solid transparent;border-top-color:#f0e8d0;transform:translate(-50%)}.regular-bubble:focus{outline:none}.regular-bubble:focus-visible{outline:3px solid var(--accent-soft)}.regular-bubble p{margin:4px 0 8px;text-wrap:pretty}.regular-bubble a,.regular-bubble-close{display:inline-flex;align-items:center;min-height:44px;color:#0b2638;font:inherit;font-weight:600}.regular-bubble-close{margin-left:12px;padding:0 12px;border:1px solid #0b2638;border-radius:8px;background:transparent;cursor:pointer}.world-shell:has(dialog[open]) .regular-bubble{display:none}@media(prefers-reduced-motion:reduce){.town-regulars *{animation:none!important}.town-regulars .neighbor-traveler{transform:none}}@media(max-width:700px){.regular-slot[data-phone=false]{display:none}}.regular-painted-person{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 4px 2px #17292240)}.regular-slot[data-painted=true] .regular-walker{animation:none;transform:none}.street-cats{position:absolute;inset:0;z-index:10;pointer-events:none;container-type:inline-size}.street-cat-bowls{position:absolute;left:45%;bottom:7.4%;width:3.2%;min-width:34px;filter:drop-shadow(3px 2px 1px #241f2c55);pointer-events:none}.street-cat{position:absolute;left:0;bottom:5.5%;height:var(--cat-size);aspect-ratio:4 / 3;translate:var(--cat-a) 0}.street-cat-button{position:relative;display:block;width:100%;height:100%;min-width:44px;min-height:44px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;touch-action:manipulation}.street-cat-walk{position:absolute;inset:0;opacity:0}.street-cat-button .street-cat-walk img{opacity:1}.street-cat-button .street-cat-walk .street-cat-step{opacity:0}.street-cat-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(3px 2px 1px #241f2c55);pointer-events:none;opacity:0}.street-cat-sit{scale:calc(.92 * var(--out)) .92;transform-origin:bottom center}.street-cat-sleep{scale:calc(.82 * var(--home)) .82;transform-origin:bottom center}.street-cat-button .street-cat-sit{opacity:1}.street-cat-button:focus-visible{outline:3px solid #f0e8d0;outline-offset:2px;border-radius:6px}.street-cat-bubble{width:min(250px,74vw)}.street-cat-designs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:0;list-style:none}.street-cat-designs a{display:grid;gap:2px;width:68px;min-height:44px;color:#0b2638;font-size:13px;font-weight:600;text-align:center;text-decoration:none}.street-cat-designs img{width:68px;height:68px;object-fit:cover;border-radius:6px;border:1px solid #0b263833}@media(prefers-reduced-motion:no-preference){.street-cat{animation:street-cat-route var(--cat-lap) linear var(--cat-delay) infinite}.street-cat-walk{animation:street-cat-walk-show var(--cat-lap) step-end var(--cat-delay) infinite,street-cat-trot .24s ease-in-out infinite alternate}.street-cat-button .street-cat-walk .street-cat-step{animation:street-cat-step .48s step-end infinite}.street-cat-button .street-cat-walk img:first-child{animation:street-cat-step .48s step-end -.24s infinite}.street-cat-sit{animation:street-cat-sit-show var(--cat-lap) step-end var(--cat-delay) infinite}.street-cat-sleep{animation:street-cat-sleep-show var(--cat-lap) step-end var(--cat-delay) infinite}.street-cats[data-running=false] .street-cat,.street-cats[data-running=false] :is(img,span),.world-shell:has(dialog[open]) .street-cat,.world-shell:has(dialog[open]) .street-cat :is(img,span),.street-cat[data-open=true],.street-cat[data-open=true] :is(img,span){animation-play-state:paused!important}@keyframes street-cat-route{0%{translate:var(--cat-a) 0}28%,42%{translate:var(--cat-b) 0}70%,to{translate:var(--cat-a) 0}}@keyframes street-cat-walk-show{0%{opacity:1;scale:var(--out) 1}28%{opacity:0}42%{opacity:1;scale:var(--home) 1}70%{opacity:0}}@keyframes street-cat-sit-show{0%{opacity:0}28%{opacity:1}42%{opacity:0}}@keyframes street-cat-sleep-show{0%{opacity:0}70%{opacity:1}}@keyframes street-cat-trot{to{transform:translateY(-2.5%)}}@keyframes street-cat-step{0%{opacity:0}50%{opacity:1}}}.street-cat{--out: 1;--home: -1}.street-cat[data-heading=left]{--out: -1;--home: 1}.street-cat-designs li:has(small){flex-basis:100%}.street-cat-designs li:has(small) a{width:100%;grid-template-columns:68px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;justify-items:start;text-align:left}.street-cat-designs li:has(small) img{grid-row:1 / 3}.street-cat-designs a small{font-size:12px;line-height:1.3;opacity:.85}
