:root{--scene-cream:#fff9eb;--scene-ink:#2c403d;--scene-gold:#f1c45b;--scene-berry:#ef7188}
.counter-scene,.cafe-scene,.post-scene{--look-x:0;--look-y:0;position:relative;isolation:isolate;background:transparent!important;overflow:hidden}
.cafe-scene:after,.post-scene:before{display:none!important}.bank-wall{display:none!important}
.scene-art{position:absolute;z-index:0;inset:-2%;background-position:center;background-size:cover;background-repeat:no-repeat;transform:translate(calc(var(--look-x) * -13px),calc(var(--look-y) * -8px)) scale(1.05);transition:transform .2s ease-out,filter .5s ease;will-change:transform}.bank-scene-art{background-image:url('/peblet-bank-interior.webp')}.cafe-scene-art{background-image:url('/peblet-cafe-interior.webp')}.post-scene-art{background-image:url('/peblet-post-interior.webp')}.scene-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(29,42,32,.08),rgba(37,39,31,.01) 42%,rgba(32,42,34,.15)),linear-gradient(180deg,rgba(34,44,34,.06),transparent 50%,rgba(42,44,30,.16))}.cafe-scene .scene-shade{background:linear-gradient(90deg,rgba(73,39,22,.1),transparent 42%,rgba(66,37,19,.12)),linear-gradient(180deg,rgba(73,43,24,.04),transparent 58%,rgba(67,39,23,.14))}.post-scene .scene-shade{background:linear-gradient(90deg,rgba(48,40,26,.08),transparent 44%,rgba(48,39,24,.12)),linear-gradient(180deg,rgba(56,45,29,.04),transparent 60%,rgba(55,43,25,.13))}
.scene-ambient{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.dust{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff2bd;box-shadow:0 0 8px 2px rgba(255,233,156,.55);animation:dustFloat 6s ease-in-out infinite}.dust.d1{left:28%;top:25%}.dust.d2{left:53%;top:13%;animation-delay:-2s}.dust.d3{left:78%;top:38%;animation-delay:-4s}.coin-glint{position:absolute;color:#fff1a6;text-shadow:0 0 10px #ffd451;animation:glint 2.6s ease-in-out infinite}.coin-glint.g1{left:15%;top:65%}.coin-glint.g2{left:28%;top:60%;animation-delay:-.9s}.coin-glint.g3{left:63%;top:40%;animation-delay:-1.7s}.steam{position:absolute;width:19px;height:60px;border-radius:50%;border-left:5px solid rgba(255,255,255,.5);filter:blur(3px);opacity:.45;animation:steamRise 4s ease-in-out infinite}.steam.s1{left:15%;top:36%}.steam.s2{left:43%;top:38%;animation-delay:-1.4s}.steam.s3{left:59%;top:29%;animation-delay:-2.5s}.flying-letter{position:absolute;left:-8%;top:18%;color:#fff6da;font-size:20px;filter:drop-shadow(0 3px 3px rgba(82,52,30,.3));opacity:.5;animation:letterDrift 13s linear infinite}.flying-letter.l2{top:31%;animation-delay:-4.5s}.flying-letter.l3{top:11%;animation-delay:-9s}.counter-scene[data-toy="vault"] .coin-glint{animation-duration:.55s;font-size:20px}.counter-scene[data-toy="vault"] .bank-scene-art{filter:brightness(1.08) saturate(1.1)}.cafe-scene[data-toy="bell"] .steam{opacity:.9;animation-duration:.85s}.post-scene[data-toy="mail"] .flying-letter{opacity:1;animation-duration:2s;font-size:27px}
.scene-toy{position:absolute;z-index:4;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 7px;align-items:center;min-width:112px;padding:7px 10px;border:3px solid rgba(255,255,255,.82);border-radius:18px;background:rgba(255,249,229,.93);box-shadow:0 5px 0 rgba(87,70,45,.35),0 12px 20px rgba(55,37,24,.15);color:#554a36;text-align:left;cursor:pointer;backdrop-filter:blur(6px);transition:transform .16s}.scene-toy:hover,.scene-toy:focus-visible{transform:translateY(-3px) rotate(-1deg)}.scene-toy>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#f5d476;font-size:20px}.scene-toy b{font-size:10px}.scene-toy small{font-size:8px;color:#7c715b}.bank-vault-toy{left:35%;top:3%}.cafe-bell-toy{left:2%;top:46%}.post-mail-toy{left:33%;top:3%}
.counter-scene .customer-area,.cafe-customer,.post-customer{z-index:3}.teller-desk,.register-card,.planner-card{z-index:6!important;border-color:rgba(112,82,52,.78)!important;background:rgba(255,250,238,.965)!important;box-shadow:0 12px 0 rgba(83,60,40,.76),0 24px 52px rgba(42,34,25,.31)!important;backdrop-filter:blur(8px)}.planner-card{border-color:rgba(79,102,110,.85)!important;box-shadow:0 12px 0 rgba(53,76,84,.76),0 24px 52px rgba(38,44,38,.28)!important}.speech,.order-bubble{border-color:rgba(214,183,127,.9)!important;background:rgba(255,251,240,.96)!important;box-shadow:0 8px 0 rgba(107,83,50,.18),0 18px 28px rgba(50,40,26,.16)!important;backdrop-filter:blur(7px)}.customer-area img,.cafe-customer img,.post-customer img{filter:drop-shadow(0 15px 8px rgba(37,40,25,.34)) drop-shadow(0 0 2px rgba(255,255,255,.4))!important}.customer-area.arriving img,.cafe-customer.arriving img,.post-customer.arriving img{animation:sceneArrive .52s cubic-bezier(.2,.9,.24,1.2),customerIdle 3.6s .52s ease-in-out infinite}.cafe-customer.arriving img{animation-name:sceneArrive,cafeIdle}.post-customer.arriving img{animation-name:sceneArrive,postIdle}
.game-header,.job-header{background:rgba(255,250,237,.97)!important;box-shadow:0 5px 18px rgba(57,51,34,.12)}.vault-icon,.job-title>span{box-shadow:inset 0 2px 3px rgba(255,255,255,.38),0 3px 0 rgba(67,78,62,.18)}.note,.coin,.menu-item,.service{touch-action:manipulation}.note,.coin,.menu-item,.service,.serve,#serve-order,#send-parcel{transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important}.note:hover,.coin:hover,.menu-item:hover,.service:hover{filter:saturate(1.12) brightness(1.03)}.serve:not(:disabled):hover,#serve-order:not(:disabled):hover,#send-parcel:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.04)}.serve:not(:disabled):active,#serve-order:not(:disabled):active,#send-parcel:not(:disabled):active{transform:translateY(2px)}.feedback.good,.cafe-feedback.good,.post-feedback.good{padding:7px 10px;border-radius:999px;background:#e1f3df;color:#3b784e!important}.feedback:not(.good):not(:empty),.cafe-feedback:not(.good):not(:empty),.post-feedback:not(.good):not(:empty){padding:7px 10px;border-radius:999px;background:#ffe7e3}.selected-notes,.tray>div{box-shadow:inset 0 2px 5px rgba(73,60,38,.08)}
.reward-dialog,.bank-game dialog{border-color:#d5aa61!important;background:linear-gradient(160deg,#fffdf4,#fff3d9)!important}.reward-dialog::backdrop,.bank-game dialog::backdrop{background:rgba(25,42,38,.69)!important;backdrop-filter:blur(7px)!important}
.cafe-customer img,.post-customer img,.order-bubble,.parcel{transition:opacity .28s ease,transform .28s ease}.cafe-customer.changing img,.post-customer.changing img{opacity:0;transform:translateX(-35px) scale(.92)}.cafe-customer.changing .order-bubble{opacity:0;transform:translateY(-7px) scale(.96)}.post-customer.changing .parcel{opacity:0;transform:translateX(-50%) translateY(-7px) rotate(-3deg) scale(.96)}
@keyframes dustFloat{0%,100%{transform:translate(0,0);opacity:.15}50%{transform:translate(25px,-32px);opacity:.9}}@keyframes glint{0%,100%{transform:scale(.4) rotate(0);opacity:.15}45%{transform:scale(1.3) rotate(90deg);opacity:1}}@keyframes steamRise{0%{transform:translateY(15px) scale(.75);opacity:0}35%{opacity:.55}100%{transform:translate(18px,-65px) scale(1.3);opacity:0}}@keyframes letterDrift{0%{transform:translate(-40px,20px) rotate(-15deg);opacity:0}10%{opacity:.6}45%{transform:translate(52vw,-22px) rotate(14deg)}90%{opacity:.45}100%{transform:translate(112vw,25px) rotate(-8deg);opacity:0}}@keyframes sceneArrive{0%{opacity:0;transform:translateX(-45px) scale(.9)}100%{opacity:1;transform:none}}
@media(max-width:850px){.counter-scene,.cafe-scene,.post-scene{overflow:visible}.scene-art{inset:0;background-position:center top;background-size:auto 560px;transform:none}.scene-shade{background:linear-gradient(180deg,rgba(45,43,29,.04),rgba(57,48,29,.08) 48%,rgba(196,166,119,.9) 70%,#d8ba88)!important}.bank-vault-toy{left:auto;right:12px;top:18px}.cafe-bell-toy{left:12px;top:198px}.post-mail-toy{left:auto;right:12px;top:18px}.scene-toy{min-width:0}.scene-toy b,.scene-toy small{display:none}.scene-toy>span{width:38px;height:38px}.teller-desk,.register-card,.planner-card{margin-top:0!important}.customer-area img,.cafe-customer img,.post-customer img{max-width:62%}}
@media(max-width:560px){.scene-art{background-size:auto 490px}.scene-toy{padding:6px}.cafe-bell-toy{top:175px}.teller-desk,.register-card,.planner-card{border-width:4px!important;box-shadow:0 8px 0 rgba(83,60,40,.68),0 17px 30px rgba(42,34,25,.23)!important}.feedback.good,.cafe-feedback.good,.post-feedback.good,.feedback:not(.good):not(:empty),.cafe-feedback:not(.good):not(:empty),.post-feedback:not(.good):not(:empty){border-radius:14px}}
@media(prefers-reduced-motion:reduce){.scene-art,.scene-toy,.note,.coin,.menu-item,.service,.serve,#serve-order,#send-parcel{transition:none!important}.dust,.coin-glint,.steam,.flying-letter,.customer-area.arriving img,.cafe-customer.arriving img,.post-customer.arriving img{animation:none!important}.dust,.flying-letter{display:none}}
[data-motion="reduced"] .scene-art,[data-motion="reduced"] .scene-toy,[data-motion="reduced"] .note,[data-motion="reduced"] .coin,[data-motion="reduced"] .menu-item,[data-motion="reduced"] .service,[data-motion="reduced"] .serve,[data-motion="reduced"] #serve-order,[data-motion="reduced"] #send-parcel{transition:none!important}[data-motion="reduced"] .dust,[data-motion="reduced"] .coin-glint,[data-motion="reduced"] .steam,[data-motion="reduced"] .flying-letter,[data-motion="reduced"] .customer-area.arriving img,[data-motion="reduced"] .cafe-customer.arriving img,[data-motion="reduced"] .post-customer.arriving img{animation:none!important}[data-motion="reduced"] .dust,[data-motion="reduced"] .flying-letter{display:none}