/* A small shop and a quiet messenger, in the same grey-blue world. */
body[data-page="market"] .main{padding:0!important;background:#23334a!important}
.shop-game{color:#dce4e3;background:#23334a;min-height:100dvh;padding:28px 32px 35px;font-size:14px}
.shop-top{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #a1b5bc55;padding-bottom:22px;margin-bottom:24px}
.shop-top small{color:#aabac6;font:10px Georgia;letter-spacing:.16em}.shop-top h1{color:#e6e8df;font-size:32px;margin:8px 0 0}
.shop-stats{display:flex;gap:17px;flex-wrap:wrap;align-items:center}.shop-stats>span{padding:9px 12px;background:#34485e;border:1px solid #8da4b15c;border-radius:4px}.shop-stats b{font:22px Georgia;color:#e0d7b8}
.shop-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:23px;align-items:start}.shop-world{min-width:0}
.shop-room{position:relative;isolation:isolate;height:340px;overflow:hidden;border:1px solid #96a8b35c;background:linear-gradient(90deg,#263748ee,#4b526688),url('/assets/ui-reference/market-window.jpg') right top/auto 100% no-repeat;box-shadow:inset 0 0 0 7px #6c7d8c22}
.shop-scenery{position:absolute;left:0;right:0;top:30%;height:46%;background:linear-gradient(#26384c33,#24374e66),url('/assets/ui-reference/market-display.jpg') left bottom/auto 100% repeat-x;filter:saturate(.35) brightness(.8);z-index:-1}.shop-window{position:absolute;left:8%;top:5%;width:25%;height:24%;border:3px double #899eb455;background:#60799025}
.shop-open-sign{position:absolute;left:10%;top:14%;padding:7px 12px;border:1px solid #aeb6a8;outline:1px solid #aeb6a855;outline-offset:3px;transform:rotate(-4deg);font:11px Georgia;letter-spacing:.16em;color:#d9dfd3;background:#35485c}
.shop-helper{position:absolute;left:46%;bottom:26%;width:26%;display:grid;justify-items:center;z-index:2;animation:shop-helper-stroll 20s ease-in-out infinite}.shop-helper .chibi{width:130px!important;height:155px!important;position:relative!important;transform:none!important}.shop-helper small{font-size:10px;white-space:nowrap;padding:3px 7px;background:#33485ddf}.shop-helper select{font-size:10px;max-width:130px;margin-top:5px;padding:3px;color:#dce4e3;background:#304257;border:1px solid #91a3a866}
.shop-guest{position:absolute;left:10%;bottom:8%;width:26%;z-index:3}.shop-guest .chibi{width:115px!important;height:130px!important;position:relative!important;transform:none!important}
.shop-counter{position:absolute;inset:73% 0 0;z-index:4;background:linear-gradient(#99a49f 0 3%,#556b78 4% 12%,#2e455a 12%);border-top:1px solid #b3beb866;box-shadow:0 -3px 12px #17253777,inset 0 -3px 1px #6e859544;pointer-events:none}.shop-counter>span{position:absolute;left:47%;top:30%;font-size:27px;color:#a4b7bb66}.shop-cup,.shop-flower{position:absolute;right:9%;top:-8px;color:#a8b7bc;font:30px Georgia;transform:rotate(-4deg)}.shop-flower{left:5%;right:auto;font-size:40px;top:-19px;color:#9aa5b9}
.shop-queue{padding:23px 0}.shop-queue>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.shop-queue h2{font-size:20px;color:#dfe5df;margin:0}.shop-queue small{font-size:10px;color:#adbfc9}
.shop-orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.shop-order{text-align:left;position:relative;padding:17px 12px 13px;border:1px solid #849baa99;background:#3c526777;color:#e0e8e4;box-shadow:inset 0 0 0 4px #30465d;min-height:166px;border-radius:3px}.shop-order.active{background:#728e9366;border-color:#b9c9bc}.shop-order[disabled]{opacity:.75;cursor:default}.shop-order b{display:block;font-size:15px;margin-bottom:7px}.shop-order p{font-size:11px;line-height:1.8;color:#c1cfd3;min-height:40px;margin:10px 0}.shop-order em{position:absolute;right:8px;bottom:9px;font-size:9px;color:#d9daba}.shop-patience{height:4px;background:#1f3349;margin:8px 0}.shop-patience i{display:block;height:100%;background:#a7bfb0;transition:width .15s linear}.shop-closed-note{grid-column:1/-1;text-align:center;padding:29px;background:#34495e55;border:1px dashed #8aa1b266;font-size:35px;color:#a2b6c5}.shop-closed-note p{font-size:14px;line-height:1.8;margin-top:7px}
.shop-desk{background:#dce2db url('/assets/ui-parts/paper-grain.webp') center/cover;color:#41596b;border:1px solid #9aadb4;box-shadow:4px 7px 18px #14253b55;outline:1px solid #a8b8b05c;outline-offset:4px;min-height:580px;position:relative}.shop-tabs{display:flex;border-bottom:1px solid #8eaaa155;gap:0}.shop-tabs button{flex:1;padding:16px 5px;font-size:12px;background:#bbc9c866;color:#546c7e;border:0;border-right:1px solid #9bb2b255}.shop-tabs button.active{background:#dce2db;color:#304d65;box-shadow:inset 0 -3px #6e899a}
.shop-panel{padding:25px 24px;display:flex;flex-direction:column;gap:10px}.shop-panel h2{color:#344e65;font-size:25px;margin:5px 0 7px}.shop-panel p{font-size:13px;line-height:1.85;color:#617788}.shop-panel>small{font-size:11px;color:#7a8d98}.shop-btn{border:1px solid #688696;background:#49667d;color:#e5e9dd;padding:11px 14px;min-height:43px;border-radius:4px;box-shadow:inset 0 0 0 3px #afc0bd22,0 2px 4px #30485d22;font-size:13px}.shop-btn:hover{background:#56798c}.shop-btn:disabled{opacity:.5;cursor:default}.shop-btn.chosen{background:#819991;color:#fff;border-color:#3e636e;outline:2px solid #8ca8a377;outline-offset:2px}.shop-btn small{display:block;font-size:10px;color:#e0e6d7;margin-top:5px}.shop-goals{background:#bfccca55;padding:14px 15px;border:1px solid #9bb2b466;border-left:3px solid #6c8c99;margin-bottom:10px}.shop-goals p{margin:8px 0 0}
.shop-ingredients label{font-size:11px;display:block;margin:12px 0 7px;color:#6e8492}.shop-ingredients>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-order-copy{background:#bdcbc455;padding:9px 10px;border-bottom:1px dashed #8da4ad}
.shop-upgrade,.shop-recipe{position:relative;border:1px solid #9dafa577;padding:13px 15px;background:#e9e9dc55}.shop-upgrade h3,.shop-recipe b{font-size:16px;color:#455f73;margin:0 0 7px}.shop-upgrade>span{position:absolute;right:13px;top:12px;color:#7e959c}.shop-upgrade p{margin:6px 0 12px}.shop-upgrade h3 small{font-size:11px;color:#6a8594}.shop-recipe p{margin:4px 0 8px}.shop-recipe small{font-size:10px;color:#6f8791}.shop-report{margin-top:15px;border:1px solid #93a8a788;padding:16px}.shop-report>small{font:9px Georgia;color:#7f959c;letter-spacing:.09em}.shop-report h2{font-size:21px}.shop-report dl{margin:8px 0 0}.shop-report dl>div{display:flex;justify-content:space-between;border-bottom:1px dashed #96aaa955;padding:8px 0;font-size:12px}.shop-report dd{font:16px Georgia;margin:0}.shop-note{font-size:9px!important;text-align:center;padding:0 12px 13px;color:#77919a!important}
.shop-bowl{height:160px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 65%,#819aa24d 0 23%,transparent 24%);border-bottom:1px solid #9aada677}.shop-bowl span{font-size:80px;color:#668694;animation:mix-spoon 3s ease-in-out infinite}.shop-bowl i{height:5px;position:absolute;bottom:0;left:0;width:var(--fill);background:#76958c;transition:width .2s}.shop-craft-art{display:grid;place-items:center;min-height:105px;font:53px Georgia;color:#728d9b;background:#afc1c333}.shop-timing{height:38px;margin:20px 0;position:relative;background:#607c8d33;border:1px solid #8199a7;border-radius:4px;overflow:hidden}.shop-timing>span{position:absolute;top:0;height:100%;background:#ced9ac;box-shadow:inset 0 0 0 2px #b2c096}.shop-timing>i{position:absolute;top:0;bottom:0;width:4px;background:#354f67;box-shadow:0 0 0 2px #e9eee3;transform:translateX(-50%)}@keyframes mix-spoon{50%{transform:rotate(24deg)}}
body[data-page="letters"] .main{padding:0 28px 30px!important;background:linear-gradient(120deg,#25354bee,#425269bb),url('/assets/ui-reference/letters-window.jpg') right top/70% auto no-repeat!important}
.messenger{display:grid;grid-template-columns:220px minmax(0,1fr);height:calc(100dvh - 125px);min-height:540px;max-height:960px;background:#d5dedb;border:1px solid #91a6b1;box-shadow:6px 8px 25px #13253977;overflow:hidden;border-radius:7px;color:#3f586d}
.chat-contacts{background:#bccacc66;border-right:1px solid #96abb077;display:flex;flex-direction:column;overflow:auto}.chat-contacts header{padding:24px 18px 19px;border-bottom:1px solid #9caeb066}.chat-contacts header small{font:9px Georgia;letter-spacing:.12em;color:#687e8d}.chat-contacts h1{font-size:23px;color:#3c566b;margin:9px 0 0}.chat-contact{display:flex;gap:10px;align-items:center;text-align:left;padding:15px 12px;background:transparent;border:0;border-bottom:1px solid #a3b5b455;min-height:82px;color:#435e71}.chat-contact.active{background:#a9bdba99;box-shadow:inset 3px 0 #637f90}.chat-contact>span:last-child{min-width:0}.chat-contact b{display:block;font-size:14px}.chat-contact small{font-size:10px;display:block;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:145px}.chat-avatar{display:grid;place-items:center;flex:none;width:43px;height:48px;background:#9eb6b333;border:1px solid #8ea5b055;border-radius:7px;color:#5a798a}.chat-avatar .chibi{width:100%!important;height:100%!important;position:relative!important;inset:auto!important;margin:0!important;transform:none!important}.chat-avatar .q-motion{animation:none}.chat-contacts footer{font-size:10px;line-height:1.9;padding:20px 17px;margin-top:auto;color:#6e8490}
.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(#dce3ddf2,#c9d5d4f2),url('/assets/ui-parts/paper-grain.webp') center/cover}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid #9eb2b66b}.chat-header h2{font-size:21px;color:#38546b;margin:0 0 5px}.chat-header small{font-size:10px;color:#7a929a}.chat-header button{font-size:10px;background:#b2c5c355;color:#5c7a8c;border:1px solid #99b0b0;padding:7px 9px;border-radius:4px}
.chat-thread{flex:1;min-height:0;overflow:auto;padding:24px;overscroll-behavior:contain;scrollbar-width:thin}.chat-message{display:flex;gap:12px;margin-bottom:21px;align-items:flex-start}.chat-message>div{max-width:76%;min-width:0}.chat-message small{font-size:9px;color:#78909a;display:block;margin:2px 0 7px}.chat-message.outgoing{flex-direction:row-reverse}.chat-message.outgoing small{text-align:right}.chat-bubble{position:relative;font-size:14px;line-height:1.8;background:#edf0e8;color:#3c566a;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #b5c6c4;padding:11px 14px;border-radius:3px 11px 11px;box-shadow:0 2px 3px #5b788012}.outgoing .chat-bubble{background:#a9c6b8;border-color:#95b8aa;border-radius:11px 3px 11px 11px}.chat-bubble.emoji{font-size:33px;background:none;border:0}.chat-media{padding:0;background:none;border:0;display:block;max-width:100%}.chat-media img{display:block;max-width:min(320px,100%);max-height:290px;object-fit:contain;border-radius:8px;border:1px solid #92aaa344}.chat-media.sticker img{max-width:135px;max-height:145px;border:0;border-radius:0}.chat-empty{text-align:center;display:grid;place-items:center;min-height:190px;color:#7b929d}.chat-empty span{font-size:38px}.chat-empty p{font-size:13px}.chat-typing{font-size:12px;color:#7c919b;padding:8px}.chat-retry{font-size:10px;background:transparent;color:#967274;padding:5px 0;border:0}.chat-composer{border-top:1px solid #92a9af55;padding:14px 20px 16px;background:#e1e7dfbb;flex:none}.chat-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.chat-tools button,.chat-tool{font-size:11px;color:#62808e;border:0;background:none;cursor:pointer;padding:2px}.chat-composer textarea{width:100%;resize:none;min-height:65px;height:70px;background:transparent;border:0!important;box-shadow:none;padding:3px 0;font-size:14px;line-height:1.7;color:#3f5b6d;outline:none}.chat-send-row{display:flex;align-items:center;gap:10px}.chat-send-row label{font-size:10px;white-space:nowrap;color:#6f8993}.chat-send-row input{accent-color:#789e8c}.chat-send-row>small{font-size:9px;line-height:1.6;flex:1;color:#869aa2}.chat-send{border:1px solid #699183;border-radius:5px;padding:8px 23px;background:#88b09b;color:#fff;font-size:12px;min-height:34px}.chat-send:disabled{opacity:.6}.chat-picker{display:flex;gap:9px;flex-wrap:wrap;padding:12px;margin:8px 0;background:#d2ded755;border:1px solid #9bb4b155;border-radius:6px;max-height:180px;overflow:auto}.chat-picker[hidden]{display:none}.chat-picker button{font-size:25px;padding:6px;background:transparent;border:0}.chat-picker.stickers>div{position:relative}.chat-picker img{width:58px;height:58px;object-fit:contain}.chat-picker.stickers .remove-sticker{position:absolute;right:-1px;top:-5px;font-size:12px;background:#e0e6ddaa;border-radius:50%;padding:2px 5px;color:#7d6874}.chat-picker p{font-size:12px;color:#738b97}.chat-attachment{display:flex;align-items:center;gap:12px;padding:8px;border:1px dashed #8ca8aa;margin-bottom:8px;font-size:10px;color:#6f8593}.chat-attachment img{max-width:75px;height:55px;object-fit:contain}.chat-attachment button{margin-left:auto;border:0;background:none;color:#8a7379}.chat-full-image{max-height:78dvh;max-width:100%;object-fit:contain;display:block;margin:auto}.chat-unavailable{padding:20px;text-align:center;color:#7a919c;font-size:12px;border-top:1px solid #9fb2b466}
@media(max-width:1050px){.shop-game{padding:18px}.shop-top{margin-bottom:17px;padding-bottom:16px}.shop-top h1{font-size:25px}.shop-stats{gap:8px;font-size:11px}.shop-stats>span{padding:7px}.shop-layout{grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr);gap:15px}.shop-room{height:285px}.shop-desk{min-height:510px}.shop-panel{padding:18px 16px}.shop-panel h2{font-size:22px}.shop-panel p{font-size:12px}.shop-order{padding:13px 9px;min-height:158px}.shop-order b{font-size:13px}.shop-order p{font-size:10px}.shop-queue>div:first-child{align-items:start;flex-direction:column;gap:6px}.shop-top small{font-size:8px}.shop-helper .chibi{width:105px!important;height:125px!important}.shop-guest .chibi{width:90px!important;height:105px!important}.messenger{grid-template-columns:175px minmax(0,1fr);height:calc(100dvh - 90px);min-height:450px}.chat-contacts header{padding:15px 12px}.chat-contacts h1{font-size:18px}.chat-contact{padding:12px 9px;gap:7px}.chat-contact small{max-width:98px}.chat-contact b{font-size:12px}.chat-header{padding:12px 16px}.chat-header h2{font-size:18px}.chat-thread{padding:17px}.chat-bubble{font-size:12px}.chat-composer{padding:10px 15px}.chat-avatar{width:34px;height:40px}.chat-message{gap:9px}.chat-message>div{max-width:80%}.chat-tools{gap:10px}.chat-tools button,.chat-tool{font-size:10px}.chat-composer textarea{height:54px;min-height:54px;font-size:12px}body[data-page="letters"] .main{padding:0 18px 20px!important}}
@media(max-height:550px) and (orientation:landscape){.shop-top{margin-bottom:12px}.shop-room{height:250px}.shop-orders{gap:7px}.shop-order{min-height:145px}.shop-queue{padding:17px 0}.messenger{height:calc(100dvh - 30px);min-height:340px}.chat-header{padding:8px 12px}.chat-header h2{font-size:16px}.chat-composer textarea{min-height:36px;height:36px}.chat-composer{padding:8px 12px}.chat-tools{margin-bottom:6px}.chat-send-row>small{display:none}.chat-send{margin-left:auto}.chat-contacts footer{padding:10px;font-size:9px}.chat-media img{max-height:160px}.chat-media.sticker img{max-height:90px}.chat-thread{padding:12px}.chat-picker{max-height:100px}}
.reduce-motion .shop-helper,.reduce-motion .shop-bowl span{animation:none!important}

.shop-counter .shop-dessert{position:absolute;left:43%;top:-24px;width:130px;height:84px;filter:drop-shadow(0 3px 4px #13243b44)}.shop-craft-art .shop-dessert{width:180px;height:115px}.shop-stars{text-align:center;font-size:24px;color:#849e92;letter-spacing:.16em}.shop-stats .shop-btn{font-size:10px;min-height:30px;padding:7px 12px}