/* A shop, not a dashboard skin. Everything is scoped to the selected world mode. */ .world-village,.world-room-sign,.world-working-resident,.world-bread-basket{display:none} .world-life-settings{display:grid;gap:12px;margin-top:18px;border-top:1px solid #d8c8aa;padding-top:16px} .world-life-settings label{min-height:44px;display:flex;gap:10px;align-items:center;flex-wrap:wrap} .world-life-settings input[type=checkbox]{width:22px;height:22px} .world-life-settings p{font-size:12px;line-height:1.7;color:#5c6655} @media screen{ body[data-cafe-world=ghibli]{--world-ink:#344b3b;--world-wood:#9b6d48;--world-paper:#fff7df;--world-sky:#b6d2ce;--world-leaf:#829a68;background-color:#ddd6b6;background-image:radial-gradient(ellipse at 0 18%,#6d90676b,transparent 35%),radial-gradient(ellipse at 100% 75%,#71875b70,transparent 40%),linear-gradient(155deg,#dce4cd,#efe5c4 46%,#c8d4af);color:var(--world-ink)} body[data-cafe-world=ghibli][data-world-phase=night]{background-color:#455d60;background-image:radial-gradient(ellipse at 40% 20%,#929f8370,transparent 70%),linear-gradient(145deg,#3e5b61,#708577 60%,#4e6855)} body[data-cafe-world=ghibli][data-world-phase=evening]{background-image:radial-gradient(ellipse at 88% 10%,#ecc6a8,transparent 70%),linear-gradient(130deg,#a7bbac,#e7d5ac 70%)} body[data-cafe-world=ghibli] .shell{background:linear-gradient(90deg,#f1e8cfef,#fff5dbf5 45%,#ece2c8f2);border:1px solid #b8a882;box-shadow:0 14px 55px #273c382e;isolation:isolate} body[data-cafe-world=ghibli] .reference-sidebar{background:linear-gradient(90deg,#b78f60,#ccaa79 58%,#b48b5f);border-right:8px solid #98704d;box-shadow:inset -2px 0 #debf8a} body[data-cafe-world=ghibli] .reference-main-nav>a{margin:3px 6px;border-radius:3px 10px 4px 8px;background:#f0dfb6;border:1px solid #9e7c50;box-shadow:0 3px 0 #89674755;min-height:44px;color:#3c523f} body[data-cafe-world=ghibli] .reference-main-nav>a.active{background:#4e735a;color:#fff9e6;border-color:#3e5f46;box-shadow:0 3px 0 #334c37} body[data-cafe-world=ghibli] .reference-main-nav>a.active .ui-icon{color:inherit} body[data-cafe-world=ghibli] .topbar{border-bottom:2px solid #baa47b;background:#f5eacdcf} body[data-cafe-world=ghibli] .global-search{background:#fff9e6;border:1px solid #b6a386;border-radius:8px 4px 9px 4px;box-shadow:0 2px 0 #b5a08033} body[data-cafe-world=ghibli] .page-view{position:relative;min-width:0;padding-bottom:40px} body[data-cafe-world=ghibli] .page-view>.heading,body[data-cafe-world=ghibli] .page-view>.cafe-page-heading{background:transparent;border:none;box-shadow:none;padding-top:4px;margin-bottom:16px} body[data-cafe-world=ghibli] .cafe-page-art{display:none} body[data-cafe-world=ghibli] .heading h1,body[data-cafe-world=ghibli] .cafe-page-heading h1,body[data-cafe-world=ghibli] .sh-header h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;color:#345442;font-size:clamp(22px,2.3vw,30px);letter-spacing:.055em} body[data-cafe-world=ghibli] button,body[data-cafe-world=ghibli] select,body[data-cafe-world=ghibli] input,body[data-cafe-world=ghibli] textarea{border-color:#b2a07c;color:#334c3d} body[data-cafe-world=ghibli] button:not(.forest-quantity):not(.quantity-step):not(.close):not(.text-btn){border-radius:7px 11px 6px 9px;box-shadow:0 3px 0 #8c70402b,inset 0 1px #fff7dc;min-height:44px} body[data-cafe-world=ghibli] button.primary,body[data-cafe-world=ghibli] button.submit,body[data-cafe-world=ghibli] .sh-primary{background:linear-gradient(#597d5d,#45664b);border:1px solid #38513b;color:#fffce9;box-shadow:0 3px 0 #2d4a36} body[data-cafe-world=ghibli] button:active:not(:disabled){transform:translateY(1px)} body[data-cafe-world=ghibli] :is(a,button,input,select,summary):focus-visible{outline:3px solid #a67135;outline-offset:3px} body[data-cafe-world=ghibli] input:not([type=checkbox]):not([type=radio]),body[data-cafe-world=ghibli] textarea,body[data-cafe-world=ghibli] select{background:#fffdf1;box-shadow:inset 0 2px 3px #6c5a3020;min-height:44px;border-radius:5px 8px 4px 7px} body[data-cafe-world=ghibli] input[type=number]{font-variant-numeric:tabular-nums;font-weight:700} body[data-cafe-world=ghibli] .world-room-sign{display:flex;gap:12px;align-items:center;border-bottom:1px solid #cbb894;margin:0 0 14px;padding:0 0 10px;min-height:59px} .world-room-sign>div:nth-child(2){flex:1;min-width:0}.world-room-sign>div>span{font-size:12px;letter-spacing:.06em;color:#6c7256}.world-room-sign p{font-size:12px;margin:3px 0 0;line-height:1.5;color:#566547} .world-back-door{display:grid;place-items:center;text-decoration:none;color:#f9efd4;background:#678164;border:1px solid #4e694a;border-radius:18px 18px 4px 4px;width:44px;height:44px;flex:none;font-size:28px;box-shadow:0 3px 0 #ac9a6d} .world-room-light{width:75px;height:50px;position:relative;flex:none;border:5px solid #b49a70;background:linear-gradient(#a9c8c8,#d8dfb8);box-shadow:inset 0 0 0 2px #f9efd4;border-radius:32px 32px 1px 1px} .world-room-light:before,.world-room-light:after{content:"";position:absolute;background:#b49a70}.world-room-light:before{width:4px;inset:0 auto 0 29px}.world-room-light:after{height:4px;inset:22px 0 auto} body[data-world-phase=night] .world-room-light{background:linear-gradient(#4b6673,#909477)} body[data-world-phase=evening] .world-room-light{background:linear-gradient(#d3ada1,#f5dfad)} body[data-cafe-world=ghibli] .world-working-resident{display:flex;align-items:flex-end;position:fixed;right:23px;bottom:18px;width:125px;height:95px;pointer-events:none;z-index:5;opacity:.94} .world-worker{position:absolute;bottom:0;left:0;width:57px;height:83px;z-index:2;transform-origin:50% 100%}.world-worker svg{width:100%;height:100%;overflow:visible}.world-work-object{position:absolute;bottom:0;right:0;width:85px;height:68px}.world-prop{display:block;width:100%;height:100%} body[data-world-motion=on] .world-working-resident:not([data-world-action]) .world-worker{animation:world-breathe 5s ease-in-out infinite} body.world-is-working .world-working-resident:not([data-world-action]) .world-worker{animation:none} body[data-world-motion=on] .world-working-resident[data-world-action=lift] .world-worker{animation:world-lift .6s ease-out} body[data-world-motion=on] .world-working-resident[data-world-action=lower] .world-worker{animation:world-lower .6s ease-out} body[data-world-motion=on] .world-working-resident[data-world-action=tidy] .world-worker{animation:world-tidy .6s ease-out} body[data-cafe-world=ghibli] :is(.panel,.rp-panel,.sh-panel,.task-results,.sm-card,.prep-section){background:#fff9e7;border:1px solid #bca986;border-radius:5px 10px 6px 8px;box-shadow:0 5px 0 #c4b18b44;position:relative} body[data-cafe-world=ghibli] :is(.panel-head,.rp-panel-head){background:#ede3c5;border-bottom:1px solid #c3af87} body[data-cafe-world=ghibli] details[data-world-drawer]{background:#efe3c4;border:1px solid #b6a07b;border-radius:5px;box-shadow:0 3px 0 #b69b6a33} body[data-cafe-world=ghibli] details[data-world-drawer]>summary{min-height:44px;align-content:center;cursor:pointer;position:relative;padding-right:30px} body[data-cafe-world=ghibli] details[data-world-drawer]>summary:after{content:"";position:absolute;right:11px;top:calc(50% - 4px);width:15px;height:7px;border-radius:4px;border:2px solid #9c8357;box-shadow:0 1px #f8edc9} body[data-cafe-world=ghibli] .modal,body[data-cafe-world=ghibli] dialog{background:#fff9e6;border:8px solid #c6ab7d;outline:1px solid #8f7454;border-radius:8px 12px 7px 10px;box-shadow:0 20px 65px #243b3555} /* Home is a cutaway building: shared walls/floor, distinct work spaces, direct links. */ body[data-cafe-world=ghibli] #homePage>.reference-hero,body[data-cafe-world=ghibli] #homePage>.reference-feature-grid,body[data-cafe-world=ghibli] #homePage>.new-tool-links{display:none!important} body[data-cafe-world=ghibli] .world-village{display:block;margin-bottom:25px;position:relative} .world-shop-title{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 12px}.world-shop-title h1{font:700 clamp(24px,3vw,39px)/1.25 Georgia,serif;letter-spacing:.12em;margin:2px 0;color:#3d6048}.world-shop-title>div>span{font-size:12px;letter-spacing:.14em;color:#66704f}.world-shop-door{color:#5c684c;text-decoration:none;text-align:center;display:flex;align-items:center;min-height:44px;font-size:11px}.world-shop-door .world-prop{width:46px;height:40px} .world-cutaway{position:relative;background:#ad8559;border:7px solid #9a704c;border-top:none;border-radius:4px 4px 12px 12px;box-shadow:0 9px 0 #8a704e35,0 17px 40px #5d62392b} .world-roof{height:62px;background:repeating-linear-gradient(0deg,transparent 0 12px,#71514555 13px 15px),repeating-linear-gradient(90deg,#8c6758 0 28px,#956f5b 29px 56px);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);margin:0 -19px;position:relative;display:grid;place-items:center;border-bottom:8px solid #6f5943} .world-roof>span{font:700 12px/1 Georgia,serif;letter-spacing:.16em;color:#f5e4b9;background:#4c6553;padding:8px 16px;border:1px solid #d7bc86;border-radius:3px;box-shadow:0 2px 5px #302a2740} .world-house-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#a27d55} .world-home-room{display:flex;flex-direction:column;min-height:208px;position:relative;overflow:hidden;text-decoration:none;color:#334c3d;background:linear-gradient(#efdfbc 0 72%,#b79466 72%);padding:12px 12px 0;border-bottom:6px solid #8c6847;isolation:isolate} .world-home-room:after{content:"";position:absolute;inset:auto 0 0;height:29%;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 18px,#91734b33 19px 20px),repeating-linear-gradient(90deg,#c3a275 0 43px,#be9a69 44px 87px)} .world-room-window{width:61px;height:62px;border:5px solid #c1a278;background:linear-gradient(#a9c6c6,#d8dbb2);position:absolute;top:10px;right:15px;box-shadow:0 0 0 2px #9b805b;overflow:hidden;border-radius:25px 25px 1px 1px} .world-room-window:after{content:"";position:absolute;inset:0 23px;background:#c1a278;width:3px}.world-room-window:before{content:"";position:absolute;inset:27px 0 auto;height:3px;background:#c1a278} .world-room-window i{position:absolute;top:0;width:12px;height:40px;background:#ece5ce;box-shadow:inset -3px 0 #d8caac;border-radius:0 0 9px 2px}.world-room-window i:last-child{right:0;transform:scaleX(-1)} .world-room-furniture{position:relative;margin:auto 0 0;min-height:139px;height:139px}.world-room-furniture>.world-prop{position:absolute;bottom:0;left:0;width:83%;height:126px}.world-room-tenant{position:absolute;right:0;bottom:7px;width:61px;height:83px;transform-origin:50% 100%}.world-room-tenant svg{width:100%;height:100%} .world-room-label{background:#fcf2d9eF;border:1px solid #aa8a59;border-bottom:0;border-radius:4px 5px 0 0;text-align:center;min-height:56px;padding:6px 3px;z-index:3}.world-room-label strong{display:block;font:700 15px/1.6 "Hiragino Mincho ProN","Yu Mincho",serif}.world-room-label small{display:block;font-size:11px;color:#64704e;line-height:1.5} .world-room-board{background:linear-gradient(#d9e1c8 0 72%,#ba9968 72%)}.world-room-kitchen{background:linear-gradient(#eddfc4 0 72%,#bc9a69 72%)}.world-room-parcel{background:linear-gradient(#d4ddd0 0 72%,#bc9b72 72%)} .world-home-room:hover .world-room-label{background:#fff9e9}.world-home-room:hover .world-room-tenant{transform:translateY(-3px)} body[data-world-phase=night] .world-room-window{background:linear-gradient(#465d70,#8a9d97)}body[data-world-phase=night] .world-home-room{box-shadow:inset 0 0 28px #eec97e3d} body[data-world-season=autumn] .world-room-window{background:linear-gradient(#abc5ca,#c4a279)}body[data-world-season=winter] .world-room-window{background:linear-gradient(#b4cbd3,#f0eee2)} body[data-world-weather=rain] .world-room-window:before{inset:0;height:auto;background:repeating-linear-gradient(110deg,transparent 0 13px,#f4ffff80 14px 15px);z-index:1} body[data-world-weather=snow] .world-room-window:before{inset:0;height:auto;background:radial-gradient(circle at 15% 20%,#fff 1px,transparent 2px),radial-gradient(circle at 70% 40%,#fff 1px,transparent 2px);background-size:18px 22px;z-index:1} .world-shop-lane{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:5px 7px;background:#ccb88a;border-top:3px solid #8c704a}.world-shop-lane a{min-height:57px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;text-decoration:none;color:#4d6348;border-radius:4px;padding:3px;font-size:11px}.world-shop-lane a:hover{background:#e3d5b1}.world-shop-lane .world-prop{width:39px;height:32px} .world-front-counter{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin:18px 0 0;background:#b78e5f;padding:9px 11px;border-radius:4px 7px 5px 8px;box-shadow:0 6px 0 #8c6c4c} .world-front-counter>a{min-height:86px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;color:#3f5644;padding:8px 12px;background:#fcf3d9;box-shadow:1px 2px #80604444;border-radius:1px 2px 5px 2px;min-width:0} .world-front-counter small{font-size:11px;color:#617054}.world-front-counter strong{font-size:23px;line-height:1.65;font-variant-numeric:tabular-nums}.world-front-counter span{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.world-front-counter>a[class*=world-mail] strong{font-size:17px}.world-mail-problem,.world-mail-conflict{border-left:4px solid #b9794d}.world-mail-shared{border-left:4px solid #6f9b76} /* Shelf/table transforms retain every original input and delegated handler. */ body[data-cafe-world=ghibli] #inventoryPage .inventory-layout>.panel:first-child{background:#b79a70;border:5px solid #92704c;padding:5px;box-shadow:inset 0 0 0 1px #d8bd8f,0 7px #80624425} body[data-cafe-world=ghibli] #inventoryPage .inventory-layout>.panel:first-child>.panel-head{background:#e7dab9;padding:12px} body[data-cafe-world=ghibli] #inventoryPage .inventory-filters,body[data-cafe-world=ghibli] #inventoryPage .inventory-checks{background:#f5ebd2;padding:12px;margin:0} body[data-cafe-world=ghibli] #inventoryPage #productRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:16px 9px;background:repeating-linear-gradient(0deg,#af8b5b 0 5px,#c5a674 6px 205px)} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row{border:0;border-radius:2px 4px 1px 3px;border-bottom:9px solid #8c6541;box-shadow:0 5px 0 #e2c491,0 7px 7px #57452b44;background:#f4e9c9;overflow:visible;grid-template-columns:1fr 1fr;} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(2){grid-column:1/-1;grid-row:1;border-bottom:0;padding:7px 9px;min-height:76px;background:#ead9b1} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(3){grid-column:1/-1;grid-row:2;align-items:center;flex-direction:row;justify-content:space-between;background:#fff8e6;border-bottom:1px solid #d9c7a4;padding:8px} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(4),body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(5){grid-row:3} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:first-child,body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(6),body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(7){grid-row:4} body[data-cafe-world=ghibli] #inventoryPage #productRows .product{width:100%;gap:10px;min-width:0} body[data-cafe-world=ghibli] #inventoryPage #productRows .bread{display:none} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-select-link{font-size:16px;line-height:1.5;flex:1;min-height:44px;background:#fcf4db;border:1px solid #c2a67b;border-radius:4px;padding:6px;box-shadow:1px 2px 0 #b0926444} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock{font-size:27px;min-width:38px;flex:none} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-adjust{gap:6px;flex-wrap:wrap;justify-content:flex-end} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-stepper button,body[data-cafe-world=ghibli] #inventoryPage #productRows .iu-setting-step{min-width:44px;min-height:44px;width:44px;height:44px} body[data-cafe-world=ghibli] #inventoryPage #productRows .iu-setting-arrows{grid-template-columns:repeat(2,44px)} body[data-cafe-world=ghibli] #inventoryPage #productRows .iu-inherit{min-height:44px} body[data-cafe-world=ghibli] .world-bread-basket{display:block;position:relative;flex:none;width:100px;height:64px;background:repeating-linear-gradient(90deg,#bc9860 0 6px,#d5b47b 7px 11px);border:2px solid #8e6f43;border-radius:2px 2px 28px 28px;box-shadow:inset 0 4px #efd8a2;overflow:visible;margin-top:10px;isolation:isolate} .world-bread-basket>i{display:block;position:absolute;width:49px;height:40px;left:calc(3px + var(--loaf)*10px);bottom:calc(20px + mod(var(--loaf),2)*5px);transform:rotate(calc(-13deg + var(--loaf)*7deg));z-index:1}.world-bread-basket>i svg{width:100%;height:100%}.world-bread-basket>b{position:absolute;bottom:9px;left:6px;right:6px;text-align:center;color:#715c3f;font-size:11px;font-weight:500} /* Actual existing tables become menu boards, cooking books, trays, and pinned notes. */ body[data-cafe-world=ghibli] #menuPage .menu-table-wrap{background:#435f4d;padding:9px;border:8px solid #9d7851;border-radius:3px;box-shadow:0 8px #80614533} body[data-cafe-world=ghibli] #menuPage :is(.menu-table td,.menu-table th){background:#fbf2d7;border:4px solid #435f4d;color:#344d3a} body[data-cafe-world=ghibli] #menuPage .menu-table thead th{background:#435f4d;color:#fff3d5} body[data-cafe-world=ghibli] #menuPage [data-world-dish=set]{box-shadow:inset 0 3px #b5b992} body[data-cafe-world=ghibli] #menuPage [data-world-dish=empty]{background-image:repeating-linear-gradient(135deg,#faf3e0 0 9px,#f3ead1 10px 11px)} body[data-cafe-world=ghibli] .menu-print-direct{background:#e1d0a9;border:1px solid #b99c69;padding:10px;border-radius:5px;} body[data-cafe-world=ghibli] #recipesPage{background:linear-gradient(90deg,#f9edd0 0 49.7%,#d3bd91 49.8% 50.1%,#fff5dc 50.3%);border:9px solid #ad865c;padding:18px;border-radius:5px 14px 14px 5px;box-shadow:inset 4px 0 #6d55382b,0 8px 0 #7e654524} body[data-cafe-world=ghibli] #recipesPage :is(.rp-card,.recipe-card){border-radius:2px 3px 8px 2px;border:1px solid #c9b58a;box-shadow:1px 3px #d1bf9538;background:#fffae9} body[data-cafe-world=ghibli] #recipesPage :is(.rp-demand,.rp-demand-list,.rp-demand-table-wrap){border:5px solid #ad8d60;background:#f8efdb;border-radius:10px 7px 13px 7px} body[data-cafe-world=ghibli] #ordersPage :is(.po-order-card,.po-order){background:linear-gradient(90deg,#eee0ba,#f9edcf);border:2px solid #bda171;border-radius:3px;box-shadow:0 5px #a3865630} body[data-cafe-world=ghibli] #ordersPage [data-world-parcel=outside]{border-left:6px solid #9d9a72} body[data-cafe-world=ghibli] #ordersPage [data-world-parcel=inside]{border-left:6px solid #6a9674} body[data-cafe-world=ghibli] #materialsPage .material-row{background:#fbf0d2} body[data-cafe-world=ghibli] #materialsPage .table-wrap{border:5px solid #a4865c;border-radius:5px;background:#c8af81} body[data-cafe-world=ghibli] #tasksPage .task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;background:linear-gradient(100deg,#ae9061,#c8ab79);border:6px solid #8f704a;padding:14px} body[data-cafe-world=ghibli] #tasksPage .task-item{position:relative;background:#fff3cc;border:1px solid #d3bc83;border-radius:2px 1px 7px 1px;box-shadow:2px 4px 2px #75593133;display:flex;flex-wrap:wrap;padding:18px 12px 10px;min-width:0} body[data-cafe-world=ghibli] #tasksPage .task-item:before{content:"";position:absolute;top:5px;left:calc(50% - 4px);width:8px;height:8px;background:#a5644f;border:1px solid #704a3b;border-radius:50%;box-shadow:1px 2px 0 #8a704052} body[data-cafe-world=ghibli] #tasksPage .task-item.is-done{background:#e5e5c6;box-shadow:1px 2px #75593122} body[data-cafe-world=ghibli] #tasksPage .task-item>div{min-width:0;flex:1}.task-item h3{overflow-wrap:anywhere} body[data-cafe-world=ghibli] #tasksPage .task-item .task-item-actions{flex-basis:100%} body[data-cafe-world=ghibli] #shiftsPage :is(.sh-scroll,.sh-desktop-week){border:6px solid #aa875d;background:#d1ba8a;border-radius:5px} body[data-cafe-world=ghibli] #shiftsPage :is(td,th){border-color:#ccb992;background:#fff8e0} body[data-cafe-world=ghibli] #shiftsPage .sh-toolbar{background:#e2d2ac;border:1px solid #bda370;border-radius:5px;padding:10px} body[data-cafe-world=ghibli] #smaregiPage :is(.sm-card,.panel){border:4px solid #a68a66;background:#fff8e4;box-shadow:0 5px #80684928} body[data-cafe-world=ghibli] #smaregiPage .heading{border-bottom:8px solid #a18665;padding-bottom:14px} body[data-cafe-world=ghibli] #salesPage :is(.op-metrics,.sales-summary){background:#e7d8b5;padding:14px;border:4px solid #8d7960;border-radius:4px} body[data-cafe-world=ghibli] #toolsPage #saveSyncPanel{background:#f9eed1;border:5px solid #ac8762;box-shadow:0 6px #80614533;border-radius:5px} body[data-cafe-world=ghibli] #customerMenuPage{background:#fef6df;border:7px solid #a58f69;border-radius:6px;box-shadow:0 9px #8d7a5733} body[data-cafe-world=ghibli] :is(#photosPage,#filesPage) :is(.photo-card,.file-card){background:#fff9e8;border:5px solid #d6bd91;box-shadow:2px 4px #846e4f26;transform:rotate(-.3deg)} body[data-cafe-world=ghibli] #wastePage .waste-table{background:#fff5db} body[data-cafe-world=ghibli] #wastePage .panel{border-bottom:7px solid #a68e68} body[data-cafe-world=ghibli] .mobile-bottom-nav{background:linear-gradient(#c4a377,#b79464);border-top:4px solid #8e6e4b;box-shadow:0 -4px 15px #4f553824} body[data-cafe-world=ghibli] .mobile-bottom-nav a{color:#3b553c;background:#f1e4c2;border:1px solid #ad8b5a;border-radius:5px 7px 4px 5px;margin:3px;min-height:48px} body[data-cafe-world=ghibli] .mobile-bottom-nav a.active{background:#557858;color:#fff9df} @keyframes world-breathe{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-1.5px) rotate(.4deg)}} @keyframes world-lift{0%,100%{transform:translateY(0)}40%{transform:translateY(-5px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}60%{transform:translateY(-5px) rotate(-1deg)}} @keyframes world-lower{0%,100%{transform:translateY(0)}50%{transform:translateY(4px) rotate(3deg)}} @keyframes world-tidy{0%,100%{transform:rotate(0)}40%{transform:rotate(-7deg)}70%{transform:rotate(5deg)}} body[data-world-motion=off] .world-worker,body[data-world-motion=off] .world-room-tenant{animation:none!important;transition:none!important} @media(min-width:1500px){body[data-cafe-world=ghibli] #inventoryPage #productRows{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1050px){.world-house-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}.world-home-room{min-height:183px}.world-room-furniture{min-height:113px;height:113px}.world-room-furniture>.world-prop{height:109px}.world-room-tenant{height:76px}.world-room-window{height:51px;width:55px}.world-front-counter{grid-template-columns:1fr 1fr}.world-front-counter>a:last-child{grid-column:1/-1;min-height:69px;display:grid;grid-template-columns:1fr 1fr}.world-front-counter>a:last-child span{grid-column:1/-1}} @media(max-width:700px){ body[data-cafe-world=ghibli] .shell{border:0;background:#f4ead2} body[data-cafe-world=ghibli] .page-view{padding-bottom:14px} .world-shop-title{padding-bottom:8px}.world-shop-title h1{font-size:28px}.world-shop-title>div>span{font-size:10px} .world-roof{height:43px;margin:0 -9px;border-bottom-width:5px}.world-roof>span{font-size:9px;padding:5px 10px} .world-cutaway{border-width:4px}.world-house-rooms{gap:4px}.world-home-room{min-height:158px;padding:7px 7px 0;border-bottom-width:4px} .world-room-furniture{min-height:95px;height:95px}.world-room-furniture>.world-prop{height:96px;width:83%}.world-room-tenant{width:50px;height:68px;bottom:4px} .world-room-window{top:7px;right:11px;width:43px;height:44px;border-width:4px;box-shadow:0 0 0 1px #9b805b}.world-room-window:after{left:17px}.world-room-window:before{top:19px}.world-room-window i{width:8px;height:29px} .world-room-label{padding:4px 2px;min-height:47px}.world-room-label strong{font-size:13px}.world-room-label small{font-size:9px;line-height:1.5} .world-shop-lane{padding:4px 2px;gap:1px;grid-template-columns:repeat(6,minmax(0,1fr))}.world-shop-lane a{min-height:52px;font-size:9px;line-height:1.3}.world-shop-lane .world-prop{width:32px;height:27px} .world-front-counter{gap:6px;margin-top:13px;padding:6px}.world-front-counter>a{min-height:70px;padding:7px 9px}.world-front-counter strong{font-size:21px}.world-front-counter small{font-size:10px}.world-front-counter>a:last-child{min-height:63px}.world-front-counter>a[class*=world-mail] strong{font-size:14px} body[data-cafe-world=ghibli] .world-working-resident{display:none} body[data-cafe-world=ghibli] .world-room-sign{gap:9px;min-height:52px;margin-bottom:10px;padding-bottom:8px}.world-room-sign p{font-size:10px}.world-room-sign>div>span{font-size:10px}.world-room-light{width:55px;height:40px}.world-room-light:before{left:19px}.world-room-light:after{top:16px} body[data-cafe-world=ghibli] #inventoryPage #productRows{grid-template-columns:1fr;gap:18px;padding:13px 4px} body[data-cafe-world=ghibli] #inventoryPage .inventory-layout>.panel:first-child{border-width:4px;padding:3px} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(3){align-items:center;gap:5px} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-adjust{gap:4px;flex-wrap:nowrap} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(3)::before{font-size:9px;white-space:nowrap;flex:none} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock{font-size:25px;min-width:28px} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-stepper button{width:44px;min-width:44px;height:44px;min-height:44px} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-unit{font-size:9px} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-select-link{font-size:16px} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(4),body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(5){padding:7px} body[data-cafe-world=ghibli] #inventoryPage #productRows .iu-setting-line{flex-wrap:wrap;gap:4px}.world-bread-basket{width:90px} body[data-cafe-world=ghibli] #recipesPage{border-width:5px;padding:10px;background:#fff6df} body[data-cafe-world=ghibli] #tasksPage .task-list{grid-template-columns:1fr;padding:10px;border-width:4px} body[data-cafe-world=ghibli] #menuPage .menu-table-wrap{padding:4px;border-width:4px} body[data-cafe-world=ghibli] #customerMenuPage{border-width:4px} } @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] *,body[data-cafe-world=ghibli] *:before,body[data-cafe-world=ghibli] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}} } @media print{.world-village,.world-room-sign,.world-working-resident,.world-bread-basket,.world-life-settings{display:none!important}} @media screen{ body[data-cafe-world=ghibli] .ui-breadcrumb{display:none!important} body[data-cafe-world=ghibli] #inventoryPage .inventory-layout>.panel:first-child{background:#b79a70!important;border:5px solid #92704c!important;border-radius:5px!important;padding:5px!important} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>tr{grid-template-columns:1fr 1fr!important;padding:0!important;gap:0!important} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>tr>td:nth-child(2){grid-column:1/-1!important;grid-row:1!important;padding-right:48px} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>tr>td:nth-child(3){grid-column:1/-1!important;grid-row:2!important;justify-content:space-between!important} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>tr>td:nth-child(6){grid-column:1!important;grid-row:4!important} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>tr>td:nth-child(7){position:absolute;right:0;top:0;grid-column:auto!important;grid-row:auto!important} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows .stock-adjust{justify-content:flex-end!important} body[data-cafe-world=ghibli] #inventoryPage .world-inventory-tools{background:#efdfb8;padding:7px 10px;margin:12px 5px;min-height:44px} body[data-cafe-world=ghibli] #inventoryPage .world-inventory-tools>.panel-actions{padding:10px 0;justify-content:flex-start} body[data-cafe-world=ghibli] #inventoryPage .panel-head{padding:7px 12px!important;min-height:0!important} body[data-cafe-world=ghibli] #inventoryPage .panel-title{font-size:12px!important} body[data-cafe-world=ghibli] #inventoryPage #breadViewTools{padding:5px;gap:5px;display:flex;flex-wrap:wrap;background:#e4d1a6;margin:0!important;border-radius:0!important} body[data-cafe-world=ghibli] #inventoryPage #breadViewTools button{flex:1;padding:6px;font-size:12px;min-height:44px} body[data-cafe-world=ghibli] #inventoryPage #breadViewTools .bread-all-note{display:none} body[data-cafe-world=ghibli] #inventoryPage .inventory-filters{gap:5px;padding:8px!important;display:flex;flex-wrap:wrap} body[data-cafe-world=ghibli] #inventoryPage .inventory-filters #breadSearch{flex:1 0 100%;width:100%;min-height:44px} body[data-cafe-world=ghibli] #inventoryPage .inventory-filters .iu-clear-search:disabled{display:none} body[data-cafe-world=ghibli] .world-room-window{background-image:linear-gradient(#b4cfca66,#d1d6ac55),url('./forest-bakery-131.jpg');background-size:cover;background-position:20% 25%} body[data-world-motion=off] .forest-spirit,body[data-world-motion=off] .forest-load,body[data-world-motion=off] .forest-heading-art{animation:none!important;transition:none!important} @media(max-width:700px){ body[data-cafe-world=ghibli][data-cafe-layout=modern] .reference-sidebar{padding:0!important;background:transparent!important;border:none!important} body[data-cafe-world=ghibli][data-cafe-layout=modern] .reference-sidebar .brand.reference-brand-sign{min-height:30px!important;max-width:none!important;border:0!important;padding:3px 0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important} body[data-cafe-world=ghibli][data-cafe-layout=modern] .reference-sidebar .brand-title{font-size:16px!important;line-height:1.3!important;letter-spacing:.15em} body[data-cafe-world=ghibli] .reference-sign-face{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important} body[data-cafe-world=ghibli] .reference-sign-rule{display:none!important} body[data-cafe-world=ghibli] .topbar{padding:4px 0 0!important;margin-bottom:8px!important} body[data-cafe-world=ghibli] .header-tools{gap:6px!important} body[data-cafe-world=ghibli] .date-pill{min-height:44px!important;padding:2px 10px!important} body[data-cafe-world=ghibli] .global-search{margin-bottom:12px!important;min-height:44px!important} body[data-cafe-world=ghibli] .cafe-page-heading{padding:8px 0!important;margin-bottom:8px!important} body[data-cafe-world=ghibli] #inventoryPage>.cafe-page-heading{grid-template-columns:minmax(0,1fr) auto!important} body[data-cafe-world=ghibli] #inventoryPage>.cafe-page-heading>#addProductBtn{grid-column:2!important;grid-row:1!important} body[data-cafe-world=ghibli] .cafe-page-subtitle{display:none!important} body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(3){display:grid!important;grid-template-columns:auto 1fr;align-items:center!important} body[data-cafe-world=ghibli] #inventoryPage .inventory-layout>.panel:first-child{border-width:4px!important;padding:3px!important} body[data-cafe-world=ghibli] #inventoryPage .inventory-filters>span:has(.iu-clear-search:disabled){display:none!important} } } .world-town-note,.world-parcel-vignette{display:none} @media screen{ body[data-cafe-world=ghibli] .world-town-note{display:block;background:#f8efd4;border:1px solid #b69c6b;box-shadow:1px 3px #c7b38740;border-radius:3px;margin-top:20px;padding:10px 14px;font-size:13px} .world-town-note>summary{min-height:44px;align-content:center;font-weight:700;cursor:pointer}.world-town-note p{font-size:11px;color:#637055}.world-town-facts{display:grid;gap:7px;padding-top:8px}.world-town-facts a{display:grid;grid-template-columns:75px 1fr;gap:8px;min-height:44px;align-items:center;color:#3c5945;text-decoration:none;border-top:1px dashed #c9b991;padding:7px}.world-town-facts a:hover{background:#ece7c9}.world-town-facts span{font-size:12px;line-height:1.7} body[data-cafe-world=ghibli] .world-parcel-vignette{display:flex;align-items:center;gap:10px;padding:3px 15px;background:#e1d2ac;border-bottom:1px solid #c2a879;font-size:11px;color:#5a6849}.world-parcel-vignette svg{width:62px;height:48px} body[data-cafe-world=ghibli] [data-world-pair=true]{position:relative;border-left:5px solid #bd8d68!important} body[data-cafe-world=ghibli] [data-world-pair=true]:after{content:'2営業日連続の条件';display:block;color:#835f42;font-size:10px;line-height:1.5;margin:3px 0;padding:2px 6px;background:#eee0bd;} body[data-cafe-world=ghibli] #recipesPage .rp-recipe-card{background:#fff8df;border:1px solid #c4b188;border-radius:2px 4px 7px 2px;box-shadow:1px 3px #bca67a3c} body[data-cafe-world=ghibli] #recipesPage .rp-demand-row td{background:#fff9e6} body[data-cafe-world=ghibli] #recipesPage .rp-demand-row:has(.rp-shortage){border-left:5px solid #b98159} body[data-cafe-world=ghibli] .world-undo-stock{font-size:11px;min-height:44px;padding:6px 8px;background:#f4e4bc;border:1px solid #ad9462;margin-left:8px} body[data-cafe-world=ghibli] #inventoryPage>.cafe-page-heading>.cafe-page-title{grid-column:1!important;grid-row:1!important} body[data-cafe-world=ghibli] .date-pill input{width:151px!important;min-width:151px!important;max-width:none!important;padding-right:0!important} body[data-cafe-world=ghibli] .world-house-rooms{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-world-phase=night] .world-room-window{background-color:#3c5b7399;background-blend-mode:multiply} body[data-world-phase=evening] .world-room-window{background-color:#e2b28c88;background-blend-mode:multiply} @media(min-width:1051px){.world-home-room{min-height:179px}.world-room-furniture{min-height:121px;height:121px}.world-room-furniture>.world-prop{width:62%;max-width:220px;height:120px}.world-room-tenant{right:23%;height:87px;width:67px}.world-room-window{right:25px;top:18px;width:79px;height:72px}} @media(max-width:700px){body[data-cafe-world=ghibli] .cafe-page-description{display:none!important}.world-town-facts a{grid-template-columns:65px 1fr}} } @media print{.world-town-note,.world-parcel-vignette{display:none!important}} .world-handed-letter{position:absolute;left:25px;bottom:35px;width:38px;height:24px;opacity:0;z-index:4}.world-handed-letter svg{width:100%;height:100%} @media screen{ body[data-cafe-world=ghibli] .world-working-resident[data-world-action=handoff] .world-handed-letter,body[data-cafe-world=ghibli] .world-working-resident[data-world-action=deliver] .world-handed-letter{animation:world-letter .65s ease-out} body[data-world-motion=on] .world-working-resident[data-world-action=measure] .world-worker,body[data-world-motion=on] .world-working-resident[data-world-action=tend] .world-worker{animation:world-tidy .65s ease-in-out} body[data-world-motion=on] .world-working-resident[data-world-action=receive] .world-worker{animation:world-lift .65s ease-in-out} body[data-world-motion=on] .world-working-resident[data-world-action=reading] .world-worker{animation:world-lower .65s ease-in-out} body[data-world-motion=on] .world-room-tenant[data-world-idle=working]{animation:world-look 2s ease-in-out} @keyframes world-letter{0%{transform:translate(-25px,8px) rotate(-8deg);opacity:0}20%,70%{opacity:1}100%{transform:translate(55px,-12px) rotate(7deg);opacity:0}} @keyframes world-look{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(-7px) rotate(-3deg)}70%{transform:translateX(3px) rotate(2deg)}} body[data-world-motion=off] .world-handed-letter{animation:none!important} @media(max-width:700px){ body[data-cafe-world=ghibli] .world-working-resident{display:flex;position:absolute;right:60px;top:0;bottom:auto;width:62px;height:52px;z-index:1} body[data-cafe-world=ghibli] .world-working-resident .world-worker{width:36px;height:49px;bottom:0;left:0} body[data-cafe-world=ghibli] .world-working-resident .world-work-object{display:none} body[data-cafe-world=ghibli] .world-room-sign>div:nth-child(2){padding-right:47px} body[data-cafe-world=ghibli] .world-handed-letter{width:24px;height:17px;bottom:12px;left:12px} } } .world-open-cookbook{display:none} @media screen{ body[data-cafe-world=ghibli] .world-open-cookbook{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:#ecdfb8;border:1px solid #af9565;padding:7px 12px;font-size:12px;border-radius:4px} body[data-cafe-world=ghibli] dialog.world-cookbook{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 30px);padding:0;border:8px solid #a57f54;background:#fff5d9;overflow:auto;border-radius:6px 14px 12px 5px} .world-cookbook::backdrop{background:#20392d99}.world-cookbook>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;background:#e9d7b0;border-bottom:1px solid #bea16c}.world-cookbook header span{font-size:11px;letter-spacing:.1em;color:#67704f}.world-cookbook h2{font:700 24px/1.6 serif;margin:3px 0;color:#36533f}.world-cookbook button{min-width:44px;min-height:44px;padding:8px 12px;color:#3c5b44;background:#f5e8c4;border:1px solid #a78b59;border-radius:4px;font:inherit}.world-book-spread{display:grid;grid-template-columns:.85fr 1.15fr;background:linear-gradient(90deg,#fbefce 0 44.7%,#d7c39a 44.8% 45%,#fff9e8 45.2%)}.world-book-left,.world-book-right{padding:20px;min-width:0}.world-book-stove{height:120px;position:relative;margin-bottom:14px}.world-book-stove>.world-prop{width:180px;height:120px;max-width:90%}.world-book-stove>span{position:absolute;left:140px;top:20px;width:65px;height:93px}.world-book-stove>span svg{width:100%;height:100%}.world-cookbook label{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:13px}.world-cookbook input{width:110px;font-size:19px;min-height:44px;padding:8px;border:1px solid #b59d70;background:#fffdf2;color:#3a5340}.world-recipe-confidence{font-size:12px;line-height:1.8;color:#8a613b}.world-recipe-usage{font-size:12px;line-height:1.8;color:#5e7050}.world-book-right h3{font:700 20px/1.5 serif;margin:0 0 8px}.world-book-right [role=status]{font-size:12px;line-height:1.7;color:#65744d}.world-book-right ol{list-style:none;padding:0;margin:0}.world-book-right li{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:9px 5px;border-bottom:1px solid #d9cba8}.world-book-right li span{font-size:14px;overflow-wrap:anywhere}.world-book-right li strong{font-size:19px;line-height:1.4;white-space:nowrap;color:#405f48;font-variant-numeric:tabular-nums}.world-measure-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.world-measure-tools button{font-size:12px}.world-book-right [data-world-measure-state]{font-size:12px;color:#647352}.world-cookbook>footer{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px;background:#e9d8b5;border-top:1px solid #c7ae7e;font-size:13px}.world-book-timer{margin-top:20px;border:1px solid #b7a077;background:#ede2bf;border-radius:6px;padding:12px;display:flex;gap:8px;flex-wrap:wrap}.world-book-timer label{font-size:12px}.world-book-timer input{width:70px;font-size:16px}.world-book-timer output{display:block;flex-basis:100%;min-height:25px;font-size:16px;color:#3d5f46}.world-book-timer small{font-size:10px;line-height:1.7;color:#62694e} @media(max-width:700px){.world-book-spread{grid-template-columns:1fr;background:#fff5da}.world-book-left{padding:12px;border-bottom:1px solid #cbb78c}.world-book-right{padding:16px}.world-book-stove{height:83px;width:150px;float:right;margin:0 0 9px 8px}.world-book-stove>.world-prop{height:80px;width:120px}.world-book-stove>span{left:90px;top:5px;width:45px;height:69px}.world-cookbook h2{font-size:20px}.world-cookbook>header{padding:11px 15px}.world-book-timer{clear:both;margin-top:8px}.world-book-left>label{padding-top:10px}.world-book-right li strong{font-size:18px}.world-cookbook>footer{padding:12px;justify-content:stretch}.world-cookbook>footer button{flex:1}} } @media print{body:has(dialog.world-cookbook[open])>.shell,body:has(dialog.world-cookbook[open])>.mobile-bottom-nav{display:none!important}dialog.world-cookbook[open]{position:static;display:block;width:100%;max-height:none;overflow:visible;border:0;padding:15px;background:white;color:black}dialog.world-cookbook[open] button,.world-book-timer,.world-book-stove{display:none!important}.world-book-spread{display:block}.world-cookbook ol{list-style:none;padding:0}.world-cookbook li{display:flex!important;justify-content:space-between;padding:10px;border-bottom:1px solid #ccc}} @media screen{ body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-stepper.stock-stepper-pair{flex-direction:row!important;gap:4px!important} body[data-cafe-world=ghibli] #inventoryPage .inventory-filters button:disabled{display:none} .world-cookbook .world-book-right li[hidden]{display:none} @media(max-width:700px){ body[data-cafe-world=ghibli] #inventoryPage #productRows .product-row td:nth-child(3){padding:7px 5px} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-adjust{gap:4px!important} body[data-cafe-world=ghibli] #inventoryPage #productRows .stock{min-width:24px!important} } @media(max-width:350px){ body[data-cafe-world=ghibli] #inventoryPage #productRows .stock-stepper.stock-stepper-pair{flex-direction:column!important} } } .world-connected-workbench{display:none} @media screen{ body[data-cafe-world=ghibli] .world-connected-workbench{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;background:#e1d0a5;border:1px solid #b69a65;border-bottom:4px solid #a17e50;border-radius:4px;padding:8px 12px;margin-bottom:16px} .world-connected-workbench>span{font-size:12px;color:#5d684a;flex:1;white-space:nowrap}.world-connected-workbench>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .world-connected-workbench a{display:grid;place-items:center;min-height:44px;min-width:75px;padding:7px 10px;color:#3d5841;background:#fff5d7;border:1px solid #b5a070;border-radius:4px;text-decoration:none;font-size:12px;box-shadow:0 2px #8a704533} .world-connected-workbench a[aria-current=page]{background:#526f51;color:#fff5d7}.world-connected-workbench i{font-style:normal;color:#7d815e} @media(max-width:700px){.world-connected-workbench{gap:3px!important;padding:7px!important;margin-bottom:10px!important}.world-connected-workbench>span{flex-basis:100%;font-size:10px}.world-connected-workbench>div{width:100%;gap:4px}.world-connected-workbench a{flex:1;min-width:0;font-size:11px;padding:4px}} } @media print{.world-connected-workbench{display:none!important}} .world-undo-stock{display:none} @media screen{ body[data-cafe-world=ghibli] .world-working-resident{position:absolute;right:85px;top:0;bottom:auto;width:80px;height:58px;z-index:1} body[data-cafe-world=ghibli] .world-working-resident .world-worker{width:42px;height:56px} body[data-cafe-world=ghibli] .world-working-resident .world-work-object{width:44px;height:35px} body[data-cafe-world=ghibli] .world-room-sign>div:nth-child(2){padding-right:90px} body[data-cafe-world=ghibli] .world-undo-stock{display:inline-flex;align-items:center} body[data-cafe-world=ghibli] .world-home-room:active .world-prop{transform:translateY(2px) scale(.985);transform-origin:center bottom} body[data-cafe-world=ghibli] details[data-world-drawer][open]>summary:after{box-shadow:0 2px 0 #735a3244;transform:translateY(1px)} body[data-world-motion=on] .world-enter .world-room-sign{animation:world-arrive .18s ease-out} @keyframes world-arrive{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}} @media(max-width:700px){ body[data-cafe-world=ghibli][data-cafe-layout=modern] .reference-sidebar .brand.reference-brand-sign{display:none!important} body[data-cafe-world=ghibli] .world-working-resident{right:60px;width:62px;height:52px} body[data-cafe-world=ghibli] .world-working-resident .world-worker{width:36px;height:49px} body[data-cafe-world=ghibli] .world-working-resident .world-work-object{display:none} body[data-cafe-world=ghibli] .world-room-sign>div:nth-child(2){padding-right:47px} } } /* A useful front desk in both modes; time and weather never complete business work. */ .world-duty-desk{background:#fffdf6;border:1px solid #d6cbb6;border-radius:10px;padding:13px 16px;margin-bottom:20px;color:#344b3b} .world-duty-desk>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.world-duty-desk h2{font-size:21px;margin:2px 0}.world-duty-desk header span{font-size:11px;color:#657051}.world-duty-desk header>a{display:grid;place-items:center;min-height:44px;padding:5px 10px;font-size:11px;color:#486148;text-decoration:none;border:1px solid #b8aa8c;border-radius:5px} .world-duty-desk>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.world-duty-desk>nav>a{position:relative;display:grid;grid-template-columns:37px 1fr;grid-template-rows:auto auto;align-content:center;gap:3px 7px;min-height:78px;padding:9px 11px;color:#3a5640;background:#f8f3e4;border:1px solid #c2b28e;border-radius:7px;text-decoration:none;min-width:0}.world-duty-desk nav strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.world-duty-desk nav small{grid-column:2;font-size:11px;line-height:1.5;color:#6b7257;overflow-wrap:anywhere}.world-duty-desk nav a>span{grid-row:1/3;align-self:center;font-size:29px;color:#638265}.world-duty-desk nav>p{grid-column:1/-1;font-size:12px;line-height:1.7}.world-duty-clock{font-size:10px;color:#6c735b;margin:11px 0 0;line-height:1.6} body[data-cafe-world=ghibli] .world-duty-desk{background:linear-gradient(#f5e8c5,#e9d9af);border:3px solid #b29361;border-bottom:7px solid #94734c;border-radius:5px 8px 3px 5px;box-shadow:0 4px #c7b18455} body[data-cafe-world=ghibli] .world-duty-desk h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;letter-spacing:.08em}.world-duty-desk nav a:active{transform:translateY(1px)} body[data-cafe-world=ghibli] .world-duty-desk nav a{background:#fff6da;border:1px solid #a58b5e;border-bottom:4px solid #b29363;border-radius:4px 7px 3px 5px;box-shadow:inset 0 1px #fffdf1} .world-duty-settings h3{font-size:15px;margin-top:12px}.world-duty-settings>p{font-size:12px;line-height:1.7}.world-duty-settings details{border:1px solid #c2b391;border-radius:5px;margin:9px 0;padding:8px 10px}.world-duty-settings summary{min-height:44px;font-size:13px;font-weight:600;cursor:pointer;align-content:center}.world-duty-settings summary span{display:block;font-size:11px;font-weight:400;color:#6b745b;margin:4px 0;line-height:1.6}.world-duty-settings details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.world-duty-settings label{min-height:44px;font-size:12px;gap:7px!important;flex-wrap:nowrap!important;line-height:1.5}.world-duty-settings input{flex:none} .world-scenery{height:73px;position:relative;overflow:hidden;background:linear-gradient(#9bc6d0,#ecdfb5);border:1px solid #a5ad89;border-bottom:0;border-radius:50% 50% 0 0;isolation:isolate}.world-scenery>svg{width:100%;height:100%;position:absolute;inset:0;z-index:2}.world-sun{width:29px;height:29px;position:absolute;left:19%;top:9px;border-radius:50%;background:#ffe4a3;box-shadow:0 0 25px #ffeac8}.world-moon{display:none;width:24px;height:24px;position:absolute;right:23%;top:10px;border-radius:50%;box-shadow:-7px 3px 0 0 #f9e8b9}.world-cloud{position:absolute;width:100px;height:19px;border-radius:50%;background:#fffaf1b0;left:31%;top:13px;box-shadow:60px 10px 0 -4px #fffaf1a0}.world-sky-weather{position:absolute;inset:0;z-index:3;opacity:0} .world-room-lamp{position:absolute;left:47%;top:0;width:22px;height:37px;border-top:1px solid #957e51;pointer-events:none;z-index:0}.world-room-lamp:before{content:'';position:absolute;left:10px;top:0;height:14px;border-left:1px solid #896d45}.world-room-lamp i{position:absolute;left:3px;top:14px;width:17px;height:10px;background:#c9ad7d;border-radius:8px 8px 2px 2px;border:1px solid #977443} body[data-world-phase=night] .world-scenery{background:linear-gradient(#385666,#89977f)}body[data-world-phase=night] .world-sun{display:none}body[data-world-phase=night] .world-moon{display:block}body[data-world-phase=night] .world-cloud{opacity:.35}body[data-world-phase=night] .world-scenery>svg{filter:brightness(.7) saturate(.65)} body[data-world-phase=evening] .world-scenery{background:linear-gradient(#c1aaa2,#e8b787)}body[data-world-phase=evening] .world-sun{top:36px;left:72%;background:#ffe1a0} body:is([data-world-phase=evening],[data-world-phase=night]) .world-room-lamp i{background:#ffe2a0;box-shadow:0 8px 35px 17px #ffe1a341} body[data-world-weather=cloudy] .world-scenery{background:linear-gradient(#abbfc0,#d8d8c2)}body[data-world-weather=cloudy] .world-cloud{width:240px;left:20%;box-shadow:130px 10px 0 -4px #faf8eac9} body:is([data-world-weather=rain],[data-world-weather=snow]) .world-sun{opacity:.2}body[data-world-weather=rain] .world-scenery{background:linear-gradient(#809da5,#c0c5b1)}body[data-world-weather=rain] .world-sky-weather{opacity:.7;background:repeating-linear-gradient(110deg,transparent 0 19px,#e6f2ef80 20px 21px);background-size:50px 50px} body[data-world-weather=snow] .world-sky-weather{opacity:1;background:radial-gradient(circle,#fff9e8 1.5px,transparent 2px);background-size:23px 26px}body[data-world-weather=snow] .world-scenery>svg{filter:saturate(.4) brightness(1.2)} body[data-world-season=autumn] .world-scenery>svg{filter:sepia(.23) saturate(.75)}body[data-world-season=winter] .world-scenery>svg{filter:saturate(.45)}body[data-world-season=spring] .world-scenery{border-color:#c6b49a}body[data-world-season=summer] .world-scenery>svg{filter:saturate(1.15)} body[data-cafe-world=ghibli][data-world-motion=on] .world-cloud{animation:world-cloud-drift 24s ease-in-out infinite alternate}body[data-cafe-world=ghibli][data-world-motion=on][data-world-weather=rain] .world-sky-weather{animation:world-rain 3s linear infinite}body[data-cafe-world=ghibli][data-world-motion=on][data-world-weather=snow] .world-sky-weather{animation:world-snow 9s linear infinite} @keyframes world-cloud-drift{to{transform:translateX(50px)}}@keyframes world-rain{to{background-position:-25px 50px}}@keyframes world-snow{to{background-position:23px 52px}} body[data-world-motion=off] :is(.world-cloud,.world-sky-weather){animation:none!important} @media(max-width:700px){.world-duty-desk{padding:10px;margin-bottom:14px}.world-duty-desk h2{font-size:20px}.world-duty-desk>nav{gap:5px}.world-duty-desk>nav>a{grid-template-columns:1fr;gap:3px;min-height:86px;padding:8px 6px;text-align:center}.world-duty-desk nav a>span{display:none}.world-duty-desk nav small{grid-column:1;font-size:9px}.world-duty-desk nav strong{font-size:12px}.world-duty-desk header span{font-size:10px}.world-duty-clock{font-size:9px}.world-duty-settings details>div{grid-template-columns:repeat(2,minmax(0,1fr))}.world-scenery{height:50px}.world-room-lamp{left:45%}} @media print{.world-duty-desk,.world-scenery{display:none!important}} body[data-cafe-world=ghibli][data-world-phase=night] .world-scenery>svg{filter:brightness(.7) saturate(.6)} .world-duty-desk>nav{grid-template-columns:repeat(var(--world-duty-cols,3),minmax(0,1fr))} body[data-cafe-world=ghibli][data-world-phase=night] .world-scenery{background:linear-gradient(#344f60,#73877c)} body[data-cafe-world=ghibli][data-world-phase=night] .world-home-room{box-shadow:inset 0 0 40px #efc87842} /* Shared outdoor light connects every workroom; decorations never cover controls. */ @media screen{ body[data-cafe-world=ghibli]{--world-out-sky:#b7d9d7;--world-out-far:#a9bba0;--world-out-near:#708c69;--world-out-tree:#547558;--world-daylight:#f5df9c35;--world-lamp:#e9c88718} body[data-cafe-world=ghibli][data-world-phase=morning]{--world-out-sky:#c7dcd4;--world-out-far:#b5c4a5;--world-daylight:#f5dc9c45} body[data-cafe-world=ghibli][data-world-phase=evening]{--world-out-sky:#d9b6a9;--world-out-far:#b6aa91;--world-out-near:#7c8971;--world-daylight:#f0c58f40;--world-lamp:#e9bb6633} body[data-cafe-world=ghibli][data-world-phase=night]{--world-out-sky:#465f71;--world-out-far:#687b81;--world-out-near:#506960;--world-out-tree:#355349;--world-daylight:#a3b9c512;--world-lamp:#f0bd6933} body[data-cafe-world=ghibli][data-world-weather=rain],body[data-cafe-world=ghibli][data-world-weather=cloudy]{--world-daylight:#a1b9b817} body[data-cafe-world=ghibli] :is(.world-room-window,.world-room-light){background:var(--world-out-sky);overflow:hidden} body[data-cafe-world=ghibli] .world-window-scene{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none} .world-window-sun{fill:#fae7a5}.world-window-moon{fill:#f9ebc8;display:none}.world-window-cloud{fill:#fff8dc;opacity:.75}.world-window-far{fill:var(--world-out-far)}.world-window-near{fill:var(--world-out-near)}.world-window-trees{fill:var(--world-out-tree);stroke:var(--world-out-tree)} body[data-cafe-world=ghibli][data-world-phase=night] .world-window-sun{display:none}body[data-cafe-world=ghibli][data-world-phase=night] .world-window-moon{display:block}body[data-cafe-world=ghibli][data-world-phase=night] .world-window-cloud{opacity:.3} body[data-cafe-world=ghibli][data-world-weather=rain] .world-window-sun,body[data-cafe-world=ghibli][data-world-weather=cloudy] .world-window-sun{opacity:.25} body[data-cafe-world=ghibli] .world-room-window i{z-index:3}body[data-cafe-world=ghibli] :is(.world-room-window,.world-room-light):after{z-index:2}body[data-cafe-world=ghibli] .world-room-light:before{z-index:2} body[data-cafe-world=ghibli] .world-room-sign{border-radius:12px 5px 4px 3px;background:linear-gradient(126deg,transparent 0 57%,var(--world-daylight) 58% 75%,transparent 76%),linear-gradient(90deg,var(--world-lamp),transparent);padding:8px 10px 12px;box-shadow:inset 0 -2px #bcaa7d24} body[data-cafe-world=ghibli] .world-home-room{background-image:linear-gradient(128deg,transparent 0 38%,var(--world-daylight) 39% 60%,transparent 61%),linear-gradient(#efdfbc 0 72%,#b79466 72%);box-shadow:inset 0 12px 28px var(--world-lamp)} body[data-cafe-world=ghibli] .world-room-board{background-image:linear-gradient(128deg,transparent 0 38%,var(--world-daylight) 39% 60%,transparent 61%),linear-gradient(#d9e1c8 0 72%,#ba9968 72%)} body[data-cafe-world=ghibli][data-world-motion=on] .world-window-cloud{animation:world-window-cloud-drift 22s ease-in-out infinite alternate} body[data-cafe-world=ghibli][data-world-motion=on][data-world-weather=rain] .world-room-window:before{animation:world-window-rain 7s linear infinite} body[data-cafe-world=ghibli][data-world-visible=false] .world-window-cloud,body[data-cafe-world=ghibli][data-world-visible=false] .world-room-window:before{animation-play-state:paused} @keyframes world-window-cloud-drift{from{transform:translateX(-4px)}to{transform:translateX(6px)}} @keyframes world-window-rain{to{background-position:-20px 40px}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] .world-window-cloud,body[data-cafe-world=ghibli] .world-room-window:before{animation:none!important}} } /* Keep the workroom tool visible on wide desks; compact screens retain one resident. */ @media screen and (min-width:900px){body[data-cafe-world=ghibli] .world-working-resident .world-work-object{display:block}} /* A small kitchen scale responds to the requested recipe multiplier. */ .world-kitchen-scale{display:block;width:150px;height:104px;margin:0 auto 7px;max-width:100%} .world-kitchen-scale [data-world-scale-needle]{transform-origin:95px 95px;transform:rotate(var(--scale-angle,0deg));transition:transform .22s ease-out} [data-world-scale-ready=false] .world-kitchen-scale{opacity:.5} body[data-world-motion=off] .world-kitchen-scale [data-world-scale-needle],body[data-world-visible=false] .world-kitchen-scale [data-world-scale-needle]{transition:none} @media(prefers-reduced-motion:reduce){.world-kitchen-scale [data-world-scale-needle]{transition:none}} @media(max-width:700px){.world-kitchen-scale{float:right;width:110px;height:77px;margin:0 0 8px 10px}.world-book-right ol{clear:both}} @media print{.world-kitchen-scale{display:none!important}} /* Receiving boxes open only for a recorded partial/full receipt. */ .world-parcel-vignette .world-parcel-lid{transform-box:view-box;transform-origin:69px 72px;transition:transform .25s ease-out} body[data-cafe-world=ghibli] [data-world-parcel=partial] .world-parcel-lid{transform:translateY(-6px) rotate(-7deg)} body[data-cafe-world=ghibli] [data-world-parcel=inside] .world-parcel-lid{transform:translate(-4px,-13px) rotate(-13deg)} body[data-cafe-world=ghibli] .po-order-actions [data-po-action=detail]{position:relative;background:linear-gradient(105deg,#fff4ce,#eee0b5);border:1px solid #aa8c58;border-radius:4px 9px 6px 3px;box-shadow:0 3px 0 #9c7d4b25;min-height:44px;padding-inline:18px;color:#405b40} body[data-cafe-world=ghibli] .po-order-actions [data-po-action=detail]::before{content:'';position:absolute;left:6px;top:7px;width:4px;height:4px;border:1px solid #a88a5b;border-radius:50%;background:#f9efd1} body[data-cafe-world=ghibli] .po-order-actions [data-po-action=detail]:focus-visible{outline:3px solid #42664e;outline-offset:3px} body[data-world-motion=off] .world-parcel-vignette .world-parcel-lid,body[data-world-visible=false] .world-parcel-vignette .world-parcel-lid{transition:none} @media(prefers-reduced-motion:reduce){.world-parcel-vignette .world-parcel-lid{transition:none}} @media print{.world-parcel-vignette{display:none!important}} /* Named kitchen drawers replace the category picker only in world mode. */ .world-recipe-drawers{display:none} @media screen{ body[data-cafe-world=ghibli] .rp-search .world-recipe-original-category{display:none} body[data-cafe-world=ghibli] .world-recipe-drawers{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:5px;width:100%;padding:7px;background:#96754f;border:2px solid #795d40;border-radius:5px;box-shadow:inset 0 2px 4px #5a442728} body[data-cafe-world=ghibli] .world-recipe-drawers button{min-height:54px;position:relative;padding:7px 9px 15px;border:1px solid #8d6c45;border-bottom:4px solid #b18d5a;border-radius:4px;background:linear-gradient(100deg,#ead3a8,#f2dfbb 48%,#dfc292);color:#3d513c;box-shadow:inset 0 1px #fff2d6,0 2px 1px #61482c28} body[data-cafe-world=ghibli] .world-recipe-drawers button span{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere} .world-recipe-drawers button i{position:absolute;bottom:6px;left:calc(50% - 13px);width:26px;height:5px;border:1px solid #80683e;border-radius:2px;background:#bd9957;box-shadow:0 1px #f9e8bb} body[data-cafe-world=ghibli] .world-recipe-drawers button[aria-pressed=true]{background:#fff2ce;box-shadow:inset 0 2px #fff9e8,0 4px 0 #5b452938;border-color:#536e50;transform:translateY(-2px)} body[data-cafe-world=ghibli] .world-recipe-drawers button[aria-pressed=true] span{font-weight:750} body[data-cafe-world=ghibli] .world-recipe-drawers button:focus-visible{outline:3px solid #42664e;outline-offset:3px} body[data-world-motion=on][data-cafe-world=ghibli] .world-recipe-drawers button{transition:transform .15s ease-out,box-shadow .15s ease-out} @media(max-width:700px){body[data-cafe-world=ghibli] .world-recipe-drawers{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] .world-recipe-drawers button{transition:none}} } @media print{.world-recipe-drawers{display:none!important}} /* Keep recipe names readable: tools sit below the description on small screens. */ @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .rp-recipe-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch} body[data-cafe-world=ghibli] .rp-recipe-card>div:first-child{grid-column:1/-1;min-width:0} body[data-cafe-world=ghibli] .rp-recipe-card>button{width:100%;min-width:0;min-height:44px;justify-content:center} } body[data-world-motion=off] .world-recipe-drawers button,body[data-world-visible=false] .world-recipe-drawers button{transition:none} /* 157: one illustrated house. Screen/world mode only; original routes and business controls stay intact. */ @media screen { body[data-cafe-world=ghibli] .world-house-plan { --house-beam:#9a734f; --house-plaster:#f3e4c6; margin-inline:auto;max-width:1080px;padding:0 8px 18px; } body[data-cafe-world=ghibli] .world-house-plan .world-shop-title{padding:2px 4px 14px;gap:12px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title h1{font-size:clamp(27px,3.2vw,42px);letter-spacing:.1em} body[data-cafe-world=ghibli] .world-house-plan .world-scenery{height:90px;border-radius:90px 90px 0 0;border-color:#b4bd98;margin-inline:10px} body[data-cafe-world=ghibli] .world-house-plan .world-cutaway{border:8px solid var(--house-beam);border-top:0;background:#b89569;border-radius:3px 3px 9px 9px;box-shadow:0 7px #d2bc91,0 14px 0 #a3ad7c40} body[data-cafe-world=ghibli] .world-house-plan .world-roof{height:77px;margin:0 -19px;border-bottom:9px solid #796044;background:repeating-linear-gradient(0deg,transparent 0 17px,#614a3e48 18px 20px),repeating-linear-gradient(90deg,#94725d 0 36px,#9e7960 37px 73px);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)} body[data-cafe-world=ghibli] .world-house-plan .world-roof>span{font-size:13px;padding:11px 22px;letter-spacing:.17em;background:#496850} body[data-cafe-world=ghibli] .world-house-plan .world-house-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 3px;background:var(--house-beam)} body[data-cafe-world=ghibli] .world-house-plan .world-home-room{min-height:260px;padding:17px 22px 0;border:0;border-bottom:8px solid #92704d;border-radius:0;background:linear-gradient(var(--house-plaster) 0 70%,#c3a77b 70%);box-shadow:inset 0 5px #fff4d467;color:#334c3d;outline-offset:-5px} body[data-cafe-world=ghibli] .world-house-plan .world-room-board{background:linear-gradient(#dee5ce 0 70%,#c3a77b 70%)} body[data-cafe-world=ghibli] .world-house-plan .world-room-parcel{background:linear-gradient(#dce4d6 0 70%,#c3a77b 70%)} body[data-cafe-world=ghibli] .world-house-plan .world-home-room:after{height:30%;background:repeating-linear-gradient(0deg,transparent 0 23px,#93774e40 24px 25px),repeating-linear-gradient(90deg,#c7ab80 0 59px,#c1a175 60px 119px)} body[data-cafe-world=ghibli] .world-house-plan .world-home-room[data-world-selected=true]{outline:3px solid #657f58;outline-offset:-5px} body[data-cafe-world=ghibli] .world-house-plan .world-home-room:hover .world-room-tenant{transform:none} body[data-cafe-world=ghibli] .world-house-plan .world-room-furniture{height:166px;min-height:166px;margin:29px 0 0} body[data-cafe-world=ghibli] .world-house-plan .world-room-furniture>.world-prop{width:77%;height:156px;left:0;bottom:2px} body[data-cafe-world=ghibli] .world-house-plan .world-room-tenant{right:2px;bottom:10px;width:76px;height:102px} body[data-cafe-world=ghibli] .world-house-plan .world-room-window{top:13px;right:23px;width:69px;height:67px;border-width:5px;border-radius:29px 29px 2px 2px} body[data-cafe-world=ghibli] .world-house-plan .world-room-window:after{left:27px} body[data-cafe-world=ghibli] .world-house-plan .world-room-window i{width:13px;height:43px} body[data-cafe-world=ghibli] .world-house-plan .world-room-lamp{left:40%;height:43px} body[data-cafe-world=ghibli] .world-house-plan .world-room-label{min-height:57px;margin:0 -3px;padding:7px 8px 5px;background:#fff6df;border-color:#ad8d60;box-shadow:0 -2px #f8eac7;line-height:1.5} body[data-cafe-world=ghibli] .world-house-plan .world-room-label strong{font-size:17px;letter-spacing:.045em} body[data-cafe-world=ghibli] .world-house-plan .world-room-label small{font-size:11px;color:#5d6c4d} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{padding:13px 9px 10px;border-top:5px solid #9b7853;background:linear-gradient(#dbc99b,#d6c496);gap:5px;position:relative} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane a{background:#f1e7c8;border:1px solid #b5a279;min-height:69px;padding:6px 3px;border-radius:20px 20px 5px 5px;font-size:11px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane a:hover{background:#fff4d4} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane .world-prop{width:40px;height:34px} body[data-cafe-world=ghibli] .world-house-plan .world-room-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 13px;padding:7px;background:#e6d7b4;border:1px solid #b9a17a;border-radius:5px} body[data-cafe-world=ghibli] .world-house-plan .world-room-selector button[data-world-room-choice]{min-width:0;min-height:44px;padding:7px 5px;border:1px solid #b4a07a;background:#fff5db;color:#425e45;font-size:13px;font-weight:700;line-height:1.45;white-space:normal;overflow-wrap:anywhere;box-shadow:0 2px #c7b184;border-radius:4px} body[data-cafe-world=ghibli] .world-house-plan .world-room-selector button[aria-pressed=true],body[data-cafe-world=ghibli] .world-house-plan .world-room-selector button[aria-selected=true]{background:#506f53;color:#fff9df;border-color:#3f5c43;box-shadow:0 2px #334e37} body[data-cafe-world=ghibli] .world-house-plan .world-front-counter{margin-top:23px;border:2px solid #a38258;border-bottom:7px solid #8b6c48;padding:12px;box-shadow:none} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-home-room{box-shadow:inset 0 0 36px #f5d69530} @media(max-width:600px){ body[data-cafe-world=ghibli] .world-house-plan{padding:0 3px 12px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title{padding-bottom:10px;gap:7px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title h1{font-size:29px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div>span{font-size:10px} body[data-cafe-world=ghibli] .world-house-plan .world-scenery{height:62px;margin-inline:7px} body[data-cafe-world=ghibli] .world-house-plan .world-cutaway{border-width:5px;border-top:0} body[data-cafe-world=ghibli] .world-house-plan .world-roof{height:57px;margin:0 -10px;border-bottom-width:6px} body[data-cafe-world=ghibli] .world-house-plan .world-roof>span{font-size:11px;padding:8px 14px} body[data-cafe-world=ghibli] .world-house-plan .world-house-rooms{grid-template-columns:1fr;gap:0;padding:0} body[data-cafe-world=ghibli] .world-house-plan .world-home-room[data-world-selected=false]{display:none} body[data-cafe-world=ghibli] .world-house-plan .world-home-room{min-height:281px;padding:16px 22px 0;border-bottom-width:6px;outline:none} body[data-cafe-world=ghibli] .world-house-plan .world-room-furniture{height:177px;min-height:177px;margin-top:34px} body[data-cafe-world=ghibli] .world-house-plan .world-room-furniture>.world-prop{height:171px;width:78%} body[data-cafe-world=ghibli] .world-house-plan .world-room-tenant{height:104px;width:77px;bottom:10px} body[data-cafe-world=ghibli] .world-house-plan .world-room-window{right:23px;top:13px;width:66px;height:66px} body[data-cafe-world=ghibli] .world-house-plan .world-room-window:after{left:26px} body[data-cafe-world=ghibli] .world-house-plan .world-room-label{min-height:58px;padding:7px 6px} body[data-cafe-world=ghibli] .world-house-plan .world-room-label strong{font-size:17px} body[data-cafe-world=ghibli] .world-house-plan .world-room-label small{font-size:11px} body[data-cafe-world=ghibli] .world-house-plan .world-room-selector{gap:4px;padding:5px;margin-bottom:10px} body[data-cafe-world=ghibli] .world-house-plan .world-room-selector button[data-world-room-choice]{font-size:11px;padding:7px 2px;min-height:48px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{grid-template-columns:repeat(3,minmax(0,1fr));padding:9px 7px;gap:6px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane a{min-height:63px;font-size:11px;border-radius:14px 14px 4px 4px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane .world-prop{width:36px;height:29px} body[data-cafe-world=ghibli] .world-house-plan .world-front-counter{margin-top:18px;padding:7px;gap:6px} } } .world-store-map{display:none}body[data-cafe-world=ghibli] .world-store-map{display:block;margin:0 0 16px;border-bottom:1px solid #bda982;padding:9px 12px;background:#fff7df;border-radius:8px}body[data-cafe-world=ghibli] .world-store-map summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}body[data-cafe-world=ghibli] .world-store-map nav{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}body[data-cafe-world=ghibli] .world-store-map a{min-height:44px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;color:#35513c;text-decoration:none;background:#fffaf0;border:1px solid #bca47b;border-radius:8px}body[data-cafe-world=ghibli] .world-store-map a[aria-current=page]{background:#e0ead4;border-color:#5d7d5b}body[data-cafe-world=ghibli] .world-store-map a span{font-size:11px;color:#78603e}.world-house-empty{padding:24px;text-align:center}@media print{.world-store-map{display:none!important}} /* Real controls live on these work surfaces. Decorative art never takes events. */ .world-furniture-dock{display:none} @media screen{ body[data-cafe-world=ghibli] .world-furniture-dock{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;position:relative;isolation:isolate;margin:8px 0 20px;padding:12px 14px 15px;background:linear-gradient(90deg,#c8ad7b,#dfc797 48%,#c9ac78);border:2px solid #9e8058;border-bottom:7px solid #98734f;border-radius:7px 11px 5px 8px;box-shadow:0 4px 0 #8b73552b} body[data-cafe-world=ghibli] .world-furniture-dock::after{content:"";position:absolute;inset:auto 7px 3px;height:2px;background:#f4dfad;z-index:-1;pointer-events:none} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex:0 1 230px;min-width:44px;min-height:80px!important;height:auto;padding:8px 16px!important;background:#fff6dc!important;color:#354e3e!important;border:1px solid #9c805a!important;border-radius:5px 8px 5px 7px!important;box-shadow:1px 3px 0 #735b3e35!important;font-size:14px;line-height:1.5;white-space:normal;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color .15s,box-shadow .15s} body[data-cafe-world=ghibli] .world-furniture-action .world-action-art{display:block;width:76px;height:60px;flex:0 0 76px;pointer-events:none;color:#546f4d} body[data-cafe-world=ghibli] .world-action-art svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none} body[data-cafe-world=ghibli] #inventoryPage .world-furniture-dock{background:repeating-linear-gradient(0deg,#c4a471 0 13px,#ba9762 14px 15px);border-top-width:5px} body[data-cafe-world=ghibli] #menuPage .world-furniture-dock{background:#b9bc94;border-color:#8e956e;border-bottom-color:#797f59} body[data-cafe-world=ghibli] #recipesPage .world-furniture-dock{background:linear-gradient(90deg,#dcc496,#e8d6ad 48%,#d0b47f)} body[data-cafe-world=ghibli] #ordersPage .world-furniture-dock{background:repeating-linear-gradient(90deg,#c3ab82 0 44px,#bba17a 45px 46px)} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action:hover:not(:disabled){background:#fffbe9!important;box-shadow:1px 4px 0 #735b3e50!important} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action:focus-visible{outline:3px solid #3e7057;outline-offset:4px;background:#fffbe9!important} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #735b3e50!important} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action:disabled{opacity:.55;cursor:not-allowed} @media(max-width:700px){ body[data-cafe-world=ghibli] .world-furniture-dock{gap:8px;margin:6px 0 14px;padding:8px 9px 10px;border-bottom-width:5px} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action{flex:1 1 140px;gap:7px;min-height:64px!important;padding:6px 9px!important;font-size:12px} body[data-cafe-world=ghibli] .world-furniture-action .world-action-art{width:56px;height:48px;flex-basis:56px} } body[data-world-motion=off] .world-furniture-dock .world-furniture-action{transition:none!important;transform:none!important} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action{transition:none!important;transform:none!important}} } @media print{.world-furniture-dock{display:none!important}} body[data-cafe-world=ghibli] #menuPage .menu-print-direct>span{display:none} /* A work surface with no available tools does not take up screen space. */ .world-furniture-dock[hidden]{display:none!important} /* A kitchen ledger and a parcel bench share the selected week, not data copies. */ .world-packing-terrace{display:none} @media screen{ body[data-cafe-world=ghibli] .world-packing-terrace{display:block;flex-basis:100%;min-width:0;border-top:1px solid #ad9063;padding-top:8px} .world-packing-terrace>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:#3d5841;font-weight:650;padding:8px 6px} .world-terrace-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:8px 0} .world-terrace-spread>section{min-width:0;background:#fff5d9;border:1px solid #b29467;border-radius:8px 10px 6px 9px;padding:14px;box-shadow:2px 3px 0 #8c70492a} .world-terrace-spread header{display:flex;align-items:center;gap:10px;border-bottom:1px dashed #b69d77;padding-bottom:10px;margin-bottom:10px} .world-terrace-spread header>.world-prop{width:72px;height:60px;flex:0 0 72px} .world-terrace-spread h3{font-size:17px;color:#3f5844;margin:0 0 5px;line-height:1.4} .world-terrace-spread p,.world-terrace-spread small{font-size:12px;line-height:1.7;color:#665c48;margin:6px 0;overflow-wrap:anywhere} .world-terrace-spread small{display:block} .world-terrace-materials ul{list-style:none;padding:0;margin:0} .world-terrace-materials li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:9px 0;border-bottom:1px solid #d9c8a5;font-size:13px} .world-terrace-materials li strong{overflow-wrap:anywhere;color:#384d3e} .world-terrace-materials li small{grid-column:1/-1;margin:0} .world-terrace-warnings{font-size:12px;line-height:1.7;color:#814c32;background:#fae7c7;border-left:3px solid #ac7150;padding:10px 10px 10px 26px;margin:10px 0} .world-terrace-parcel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0} .world-terrace-parcel-list button{min-height:64px;min-width:44px;border:1px solid #a7885a;border-bottom:4px solid #957344;background:#e8d0a6;border-radius:4px 6px 3px 5px;box-shadow:2px 2px 0 #75593c20;color:#3e503e;padding:8px;cursor:pointer;overflow-wrap:anywhere} .world-terrace-parcel-list button strong,.world-terrace-parcel-list button span{display:block;font-size:13px;line-height:1.6} .world-terrace-parcel-list button span{font-size:11px;color:#5d543f} .world-terrace-spread a{width:fit-content;margin-top:10px;font-size:13px} .world-packing-terrace button:focus-visible,.world-packing-terrace summary:focus-visible{outline:3px solid #3e6957;outline-offset:3px} .world-connected-workbench a[hidden]{display:none!important} @media(max-width:700px){.world-terrace-spread{grid-template-columns:minmax(0,1fr);gap:10px}.world-terrace-spread>section{padding:12px}.world-terrace-materials li{font-size:13px}.world-terrace-spread a{font-size:13px;min-height:44px;padding:8px 12px}} } @media print{.world-packing-terrace{display:none!important}} .world-menu-book{display:none} @media screen{ body[data-cafe-world=ghibli] .world-menu-book{display:block;min-width:44px;min-height:44px;max-width:100%;padding:7px 10px;margin:7px 0 0 auto;color:#3f5944;background:#f1dfb7;border:1px solid #ad9063;border-left:6px solid #758867;border-radius:3px 7px 7px 3px;box-shadow:1px 3px 0 #b69b6c;font-size:12px;line-height:1.4;cursor:pointer} .world-menu-book:focus-visible{outline:3px solid #3e6957;outline-offset:3px} body[data-cafe-world=ghibli] .world-cookbook [hidden]{display:none!important} } @media print{.world-menu-book{display:none!important}} @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-room-tenant.world-resident-rig-host{width:125px;height:132px;right:-6px;bottom:5px;animation:none!important;transform:none!important;pointer-events:none} .world-resident-rig-host .world-resident-rig{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none} } @media screen{ /* The real editable menu is the noticeboard; paper, magnets and frame stay behind its existing selects/counts instead of becoming a second UI. */ body[data-cafe-world=ghibli] #menuPage .panel:has(#menuBoard){border:7px solid #9d7953!important;border-radius:10px 8px 12px 7px;background:#ead9b6!important;box-shadow:inset 0 0 0 1px #c4a479,0 5px 0 #76583d33} body[data-cafe-world=ghibli] #menuPage .menu-board{border-collapse:separate;border-spacing:6px;background:#3e5d4d!important;border:5px solid #7e6347!important;border-radius:5px} body[data-cafe-world=ghibli] #menuPage .menu-board thead th{position:relative;background:#3e5d4d!important;color:#fff4d4!important;border:0!important;padding-top:19px} body[data-cafe-world=ghibli] #menuPage .menu-board thead th:not(:first-child)::before{content:"";position:absolute;top:5px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#d1a35d!important;border:1px solid #f0ce91!important;box-shadow:1px 2px 0 #223e2e66} body[data-cafe-world=ghibli] #menuPage .menu-board thead th:nth-child(2n)::before{background:#b9755c!important;border-color:#e2aa89!important} body[data-cafe-world=ghibli] #menuPage .menu-board tbody th{background:#3e5d4d!important;color:#fff4d4!important;border:0!important} body[data-cafe-world=ghibli] #menuPage .menu-board tbody td{background:#fff2d0!important;border:1px solid #cfb488!important;border-radius:3px 6px 4px 3px;box-shadow:1px 2px 0 #243f2f55;vertical-align:top} body[data-cafe-world=ghibli] #menuPage .menu-board .menu-day-button{color:#fff4d4!important;background:#506e59!important;border-color:#b3b28c!important;min-height:44px} body[data-cafe-world=ghibli] #menuPage .menu-day-nav{padding:9px;background:#42614f!important;border:5px solid #9c7953!important;border-radius:7px;gap:6px} body[data-cafe-world=ghibli] #menuPage .menu-day-nav button{background:#e9d6ae!important;color:#3b5040!important;border:1px solid #b59a6c!important;box-shadow:0 2px #263e2f55;min-height:44px} body[data-cafe-world=ghibli] #menuPage .menu-day-nav button[aria-pressed=true]{background:#fff4d2!important;color:#344d3c!important;border-bottom:4px solid #bc785b} body[data-cafe-world=ghibli] #menuPage .menu-day-card{background:#42614f!important;border:6px solid #9c7953!important;border-radius:8px 6px 10px 7px;padding:12px;box-shadow:0 4px 0 #76583d33} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header{color:#fff4d4!important;background:transparent!important;border:0!important;padding:5px 0 13px} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header h2{color:#fff4d4!important} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header button{color:#fff4d4!important;background:#506e59!important;border-color:#b3b28c!important;min-height:44px} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item{position:relative;background:#fff2d0!important;color:#3b4e3f!important;border:1px solid #ccb184!important;border-radius:4px 7px 3px 5px;padding:14px 12px;margin:0 0 12px;box-shadow:2px 3px 0 #29433366} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item>h3{color:#3c5542!important;border-bottom:1px dashed #bda278;padding-bottom:7px} body[data-cafe-world=ghibli] #menuPage .menu-cell-select,body[data-cafe-world=ghibli] #menuPage .menu-count-input{color:#354c3c!important;background:#fffae9!important;border-color:#b59b70!important} body[data-cafe-world=ghibli] #menuPage .menu-cell-display,body[data-cafe-world=ghibli] #menuPage .menu-count-caption{color:#354c3c!important} body[data-cafe-world=ghibli] #menuPage .menu-linked-note{color:#6b543c!important} body[data-cafe-world=ghibli] #menuPage .menu-board .menu-holiday,body[data-cafe-world=ghibli] #menuPage .menu-day-card>header>span{color:#f5d3ad!important} body[data-cafe-world=ghibli] #menuPage .menu-board .menu-off{color:#665942!important} @media(max-width:600px){ body[data-cafe-world=ghibli] #menuPage .menu-day-card{grid-template-columns:minmax(0,1fr)!important} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item{min-width:0} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .menu-item-inline{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .menu-cell-choice,body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .menu-linked-note{grid-column:1/-1} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .menu-count{grid-column:1;min-width:0} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .world-menu-book{grid-column:2;margin:0!important;align-self:end} } } /* Working task desk: original fields, checks, filters and handlers remain. */ @media screen{ body[data-cafe-world="ghibli"] #tasksPage .task-results{position:relative;padding:24px 16px 18px!important;border:8px solid #876348!important;border-radius:10px!important;background:repeating-linear-gradient(0deg,#c7ad80 0 3px,#ccb58d 3px 9px)!important;box-shadow:inset 0 0 0 2px #ead9b7,0 5px 0 #654c36!important;} body[data-cafe-world="ghibli"] #tasksPage .task-results>.tool-controls{padding:9px 12px;background:#fbf5df;border:1px solid #b8a179;border-radius:4px;box-shadow:1px 2px 0 #a58b64;} body[data-cafe-world="ghibli"] #tasksPage .task-results h2{color:#364c37!important;} body[data-cafe-world="ghibli"] #tasksPage .task-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0;} body[data-cafe-world="ghibli"] #tasksPage .task-toolbar button{min-height:44px;padding:8px 12px!important;background:#f7f0db!important;color:#344b38!important;border:1px solid #9c8560!important;border-radius:9px 9px 2px 2px!important;box-shadow:0 2px 0 #9d815c!important;} body[data-cafe-world="ghibli"] #tasksPage .task-toolbar button[aria-pressed="true"]{background:#385b40!important;color:#fffbed!important;border-color:#284431!important;box-shadow:inset 0 -3px 0 #263f2b!important;} body[data-cafe-world="ghibli"] #tasksPage .task-list{display:grid;gap:16px;padding-top:4px;} body[data-cafe-world="ghibli"] #tasksPage .task-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px 12px;padding:20px 14px 14px!important;background:#fff9e9!important;border:1px solid #ad976f!important;border-radius:3px 7px 5px 3px!important;box-shadow:2px 3px 0 #a68b63!important;color:#334733!important;} body[data-cafe-world="ghibli"] #tasksPage .task-item::before{content:"";position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:14px;border:2px solid #8b7355;border-radius:8px;background:#f0d3a1;box-shadow:0 1px 0 #fff8e7;pointer-events:none;} body[data-cafe-world="ghibli"] #tasksPage .task-item.is-overdue{border-left:6px solid #9a5037!important;} body[data-cafe-world="ghibli"] #tasksPage .task-item.is-done{opacity:1!important;border-left:9px solid #557154!important;background:repeating-linear-gradient(0deg,#f7f3e5 0 27px,#e9e2cb 27px 28px)!important;box-shadow:2px 3px 0 #958065!important;} body[data-cafe-world="ghibli"] #tasksPage .task-item.is-done::before{left:12px;top:10px;width:7px;height:18px;border:2px solid #8f795b;border-right-color:transparent;border-radius:8px;background:transparent;} body[data-cafe-world="ghibli"] #tasksPage .task-item h3{margin:0 0 5px!important;color:#334b36!important;overflow-wrap:anywhere;} body[data-cafe-world="ghibli"] #tasksPage .task-item small{color:#645841!important;line-height:1.6;} body[data-cafe-world="ghibli"] #tasksPage .task-item p{color:#465140!important;white-space:pre-wrap;overflow-wrap:anywhere;} body[data-cafe-world="ghibli"] #tasksPage .task-item>input[type="checkbox"]{appearance:none;display:block;flex:none;width:44px!important;height:44px!important;min-width:44px;margin:0!important;border:2px solid #6e7a56!important;border-radius:50%!important;background:#fffcef!important;box-shadow:inset 0 0 0 4px #eee5c8;cursor:pointer;} body[data-cafe-world="ghibli"] #tasksPage .task-item>input[type="checkbox"]:checked{background-color:#385b40!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='m11 23 7 7 15-17' fill='none' stroke='%23fffbed' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;box-shadow:inset 0 0 0 3px #5f7e55;} body[data-cafe-world="ghibli"] #tasksPage .task-item>input[type="checkbox"]:focus-visible{outline:3px solid #8a4b23;outline-offset:3px;} body[data-cafe-world="ghibli"] #tasksPage .task-item-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;} body[data-cafe-world="ghibli"] #tasksPage .task-item-actions button{min-height:44px!important;max-width:100%;} body[data-cafe-world="ghibli"] #tasksPage .task-note-mark{align-self:start;display:grid;place-items:center;width:44px;height:44px;color:#7d5c37;background:#f0dfb4;border-radius:3px;} body[data-cafe-world="ghibli"] #tasksPage .task-entry{background:#fbf5e3!important;border:2px solid #ac926b!important;border-radius:4px 4px 10px 10px!important;box-shadow:0 -5px 0 #8c7250!important;} body[data-cafe-world="ghibli"] #tasksPage .task-entry input,body[data-cafe-world="ghibli"] #tasksPage .task-entry select,body[data-cafe-world="ghibli"] #tasksPage .task-entry textarea{color:#334733!important;background:#fffdf4!important;} body[data-cafe-world="ghibli"] #tasksPage .task-empty{padding:18px;background:#fff9e9;border:1px dashed #9c8560;border-radius:3px;} @media(min-width:900px){body[data-cafe-world="ghibli"] #tasksPage .task-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}body[data-cafe-world="ghibli"] #tasksPage .task-empty{grid-column:1/-1;}} } /* The cat's feet are anchored by the SVG rig; no whole-image CSS bobbing. */ body[data-cafe-world=ghibli] #tasksPage>.world-working-resident{top:8px} body[data-cafe-world=ghibli] .world-working-resident .world-worker.world-cat-paper-host{animation:none!important;transform:none!important} .world-cat-paper-host .world-cat-paper-rig{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none} /* A writing desk around the original task form. Presentation only. */ @media screen{ body[data-cafe-world=ghibli] #tasksPage .task-entry[open]{padding:clamp(14px,2vw,24px)!important;border:8px solid #876348!important;border-bottom-width:12px!important;border-radius:8px 11px 5px 5px!important;background:repeating-linear-gradient(2deg,#c5a978 0 3px,#ccb58b 3px 12px)!important;box-shadow:inset 0 0 0 2px #e9d2aa,0 5px 0 #654c36!important;} body[data-cafe-world=ghibli] #tasksPage .task-entry>summary{display:list-item;min-height:44px;padding:9px 14px!important;max-width:100%;width:fit-content;border:1px solid #5e765a;border-bottom:4px solid #4f6549;border-radius:4px 10px 3px 3px;background:#e4eacb;color:#334c35;font-weight:700;cursor:pointer;} body[data-cafe-world=ghibli] #tasksPage .task-entry>.task-draft-note{padding:10px 13px;background:#faf0cd;border:1px solid #a48a61;border-radius:3px;color:#514730!important;line-height:1.65;overflow-wrap:anywhere;} body[data-cafe-world=ghibli] #taskEntryForm{position:relative;margin:14px 0 10px;padding:clamp(14px,2vw,22px);gap:16px!important;background:#fff9e9;border:1px solid #ad956e;border-radius:3px 7px 4px 3px;box-shadow:3px 4px 0 #9b7d5759;isolation:isolate;} body[data-cafe-world=ghibli] #taskEntryForm>label{color:#394b36;font-size:14px;font-weight:600;} body[data-cafe-world=ghibli] #taskEntryForm :is(input,select,textarea){width:100%;min-height:44px;border:1px solid #9b8764!important;border-bottom:2px solid #9b8764!important;border-radius:3px 6px 3px 3px!important;background:#fffdf4!important;color:#334733!important;font:inherit;box-shadow:inset 0 1px 2px #8b77541a;} body[data-cafe-world=ghibli] #taskEntryForm [name=title]{font-size:17px;font-weight:600;} body[data-cafe-world=ghibli] #taskEntryForm textarea{line-height:28px;background:repeating-linear-gradient(0deg,#fffdf4 0 27px,#e8dfc9 27px 28px)!important;resize:vertical;} body[data-cafe-world=ghibli] #taskEntryForm .task-extra-options{padding:10px 12px;background:#f5efd9;border:1px solid #b5a17b;border-left:4px solid #7b885d;border-radius:3px 6px 4px 3px;} body[data-cafe-world=ghibli] #taskEntryForm .task-extra-options>summary{min-height:44px;align-content:center;color:#385238;} body[data-cafe-world=ghibli] #taskEntryForm>.tool-controls{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:3;align-items:center;gap:8px;margin:0 -4px -4px;padding:10px;background:#efe4c6;border:1px solid #bba47a;border-bottom:4px solid #9d8058;border-radius:3px 3px 8px 5px;box-shadow:0 -3px 6px #76552d16;} body[data-cafe-world=ghibli] #taskEntryForm>.tool-controls button{min-height:44px!important;white-space:normal;max-width:100%;margin:0;} body[data-cafe-world=ghibli] #taskEntryForm>.tool-controls button[type=submit]{background:#385b40!important;color:#fffbed!important;border:1px solid #284431!important;border-bottom:4px solid #284431!important;border-radius:15px 6px 12px 6px!important;box-shadow:none!important;} body[data-cafe-world=ghibli] #taskEntryForm>.tool-controls [data-task-cancel-edit]{background:#fff9e9!important;color:#4e4b38!important;border:1px solid #9b8764!important;border-radius:4px 7px 3px 3px!important;} body[data-cafe-world=ghibli] #taskEntryForm [data-task-save-error]{position:relative;z-index:4;scroll-margin-block:110px;padding:12px 14px;border:2px solid #9d5439;border-left:6px solid #9d5439;border-radius:3px;background:#fff0d0;color:#683c27;overflow-wrap:anywhere;} body[data-cafe-world=ghibli] #taskEntryForm :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #8a4b23;outline-offset:3px;} @media(min-width:900px){body[data-cafe-world=ghibli] #taskEntryForm>.tool-controls{bottom:16px;}} @media(max-width:480px){body[data-cafe-world=ghibli] #taskEntryForm>.tool-controls [data-task-notifications]{flex-basis:100%;background:transparent!important;border-color:#b5a17b!important;color:#4b5c40!important;font-size:12px;}} } /* Pantry labels and drawers reuse the stock table's existing controls. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage .world-pantry-native-genre{display:none!important} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers{flex:1 1 220px;min-width:0;max-width:100%;border:2px solid #92704b;border-bottom:5px solid #745337;border-radius:5px 8px 3px 3px;background:#d6bc8d;box-shadow:inset 0 1px #f5e4bc;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers>summary{min-height:44px;align-content:center;padding:9px 12px!important;cursor:pointer;color:#344b35;font-size:14px;font-weight:700;overflow-wrap:anywhere;background:#f7efd7;border:0!important;border-radius:3px;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:9px;padding:12px;max-height:360px;overflow:auto;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers:not([open])>div{display:none} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers button{display:grid;grid-template-columns:minmax(0,1fr) 13px;gap:8px;align-items:center;min-height:50px!important;max-width:100%;margin:0;padding:9px 12px!important;white-space:normal;background:#f9f2dc!important;color:#3d4d36!important;border:1px solid #9d8157!important;border-bottom:4px solid #a88a5e!important;border-radius:4px 4px 7px 3px!important;box-shadow:inset 0 2px #fffbed!important;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers button span{overflow-wrap:anywhere;text-align:left;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers button i{width:11px;height:11px;border:2px solid #92704b;border-radius:50%;background:#ceb480;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers button[aria-pressed=true]{background:#385b40!important;color:#fffbed!important;border-color:#284431!important;border-bottom-color:#284431!important;box-shadow:inset 0 1px #63855a!important;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers button[aria-pressed=true] i{background:#f0d49c;border-color:#fff2ca;} body[data-cafe-world=ghibli] #materialsPage .materials-panel>.panel-head{align-items:start;gap:14px;} body[data-cafe-world=ghibli] #materialsPage .materials-panel .panel-actions{flex-wrap:wrap;align-items:start;min-width:0;max-width:100%;} body[data-cafe-world=ghibli] #materialsPage .material-search{flex:1 1 240px;min-height:44px!important;max-width:100%;border-radius:4px 8px 3px 3px;background:#fff9e6;border:1px solid #9d8157;} body[data-cafe-world=ghibli] #materialsPage .inventory-filters{padding:10px;background:#f1e6c8;border:1px solid #c1a57a;border-radius:4px;margin-bottom:14px;} body[data-cafe-world=ghibli] #materialsPage .inventory-filters button{min-height:44px!important;} body[data-cafe-world=ghibli] #materialsPage .material-stock-table{border-collapse:separate;border-spacing:0 12px;} body[data-cafe-world=ghibli] #materialRows .material-row{background:#fff7df!important;color:#344b35;border-color:#a58b64;border-radius:4px 8px 3px 3px;box-shadow:0 5px 0 #8e6944;} body[data-cafe-world=ghibli] #materialRows td{background:#fff7df;border-bottom:5px solid #93704a;padding-block:12px;} body[data-cafe-world=ghibli] #materialRows .material-name-link{color:#334d36!important;background:#f4e9c8;border:1px solid #c8af80;border-radius:3px 7px 3px 3px;padding:8px 10px;min-height:44px;text-align:left;overflow-wrap:anywhere;} body[data-cafe-world=ghibli] #materialRows :is(input,select){min-height:44px!important;background:#fffdf1!important;color:#334733!important;border:1px solid #9a835f!important;border-bottom:2px solid #9a835f!important;border-radius:3px 6px 3px 3px!important;} body[data-cafe-world=ghibli] #materialRows [data-material-stock-id]{font-size:20px;font-weight:700;} body[data-cafe-world=ghibli] #materialRows .stock-unit{font-size:14px;color:#665639;} body[data-cafe-world=ghibli] #materialRows :is(button,a){min-height:44px!important;} body[data-cafe-world=ghibli] #materialsPage .world-pantry-drawers :is(button,summary):focus-visible{outline:3px solid #8a4b23;outline-offset:3px;} @media(max-width:920px){body[data-cafe-world=ghibli] #materialRows .material-row{border:2px solid #aa8a60;border-bottom:8px solid #876348;border-radius:5px 8px 3px 3px;margin-bottom:8px;}body[data-cafe-world=ghibli] #materialRows td{border:0;border-bottom:1px solid #d9c49b;}body[data-cafe-world=ghibli] #materialsPage .table-wrap{padding:10px!important;background:repeating-linear-gradient(1deg,#c7ad7c 0 4px,#cfb88d 4px 13px);}} } @media print{.world-pantry-drawers{display:none!important}} @media screen and (max-width:600px){ body[data-cafe-world=ghibli] #materialRows .product{min-width:0;align-items:start;} body[data-cafe-world=ghibli] #materialRows .product>div{min-width:0;flex:1;} body[data-cafe-world=ghibli] #materialRows .material-name-link{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%;height:auto;line-height:1.5;} body[data-cafe-world=ghibli] #materialRows td:nth-child(4),body[data-cafe-world=ghibli] #materialRows td:nth-child(5){display:block;} body[data-cafe-world=ghibli] #materialRows td:nth-child(4)::before,body[data-cafe-world=ghibli] #materialRows td:nth-child(5)::before{display:block;margin-bottom:8px;} body[data-cafe-world=ghibli] #materialRows td:nth-child(4) .stock-adjust{display:grid!important;grid-template-columns:minmax(80px,1fr) auto;gap:8px;align-items:center;min-width:0;max-width:100%;} body[data-cafe-world=ghibli] #materialRows [data-material-stock-id]{width:100%!important;min-width:80px!important;grid-column:1;} body[data-cafe-world=ghibli] #materialRows .stock-adjust>.stock-unit{grid-column:2;white-space:normal;} body[data-cafe-world=ghibli] #materialRows .stock-adjust>.stock-stepper{grid-column:1/-1;display:flex;flex-direction:row!important;justify-content:flex-end;gap:6px;} body[data-cafe-world=ghibli] #materialRows .iu-setting{max-width:100%;} body[data-cafe-world=ghibli] #materialRows [data-material-threshold-id]{min-width:70px!important;} } @media screen and (max-width:600px){ body[data-cafe-world=ghibli] #materialRows td:nth-child(2) .product{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:8px;max-width:100%;width:100%;} body[data-cafe-world=ghibli] #materialRows .product>.bread{width:36px;height:36px;min-width:0;} body[data-cafe-world=ghibli] #materialRows .product>div{white-space:normal!important;} body[data-cafe-world=ghibli] #materialRows .material-name-link{width:100%;min-width:0!important;} } /* Place the move handle in its own header cell, never on top of the name. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage .materials-layout{grid-template-columns:minmax(0,1fr)!important;} body[data-cafe-world=ghibli] #materialsPage .materials-panel .table-wrap{padding:12px!important;overflow:visible!important;background:repeating-linear-gradient(1deg,#c7ad7c 0 4px,#cfb88d 4px 13px);} body[data-cafe-world=ghibli] #materialsPage .material-stock-table{display:block;min-width:0!important;width:100%;} body[data-cafe-world=ghibli] #materialsPage .material-stock-table thead{display:none;} body[data-cafe-world=ghibli] #materialRows{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:0;} body[data-cafe-world=ghibli] #materialRows .material-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;position:relative;min-width:0;border:2px solid #aa8a60;border-bottom:8px solid #876348;border-radius:5px 8px 3px 3px;overflow:hidden;} body[data-cafe-world=ghibli] #materialRows .material-row>td{grid-column:1/-1;min-width:0;border:0;border-bottom:1px solid #d9c49b;} body[data-cafe-world=ghibli] #materialRows .material-row>td:first-child{position:static!important;grid-column:2!important;grid-row:1;display:flex;padding:4px!important;justify-content:center;align-items:start;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(2){grid-column:1!important;grid-row:1;padding:12px!important;} @media(min-width:601px){ body[data-cafe-world=ghibli] #materialRows .material-row>td{display:flex;align-items:center;gap:10px;padding:12px;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(3)::before{content:'ジャンル';font-size:12px;flex:none;color:#665639;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(4)::before{content:'現在庫';font-size:12px;font-weight:600;flex:none;color:#665639;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(5)::before{content:'在庫注意ライン';font-size:12px;flex:none;color:#665639;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(7)::before{content:'発注先';font-size:12px;flex:none;color:#665639;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(7){flex-wrap:wrap;} body[data-cafe-world=ghibli] #materialRows .material-row>td:nth-child(8){justify-content:flex-end;flex-wrap:wrap;} body[data-cafe-world=ghibli] #materialRows .stock-adjust{flex-wrap:wrap!important;min-width:0;justify-content:flex-end;} body[data-cafe-world=ghibli] #materialRows .stock-adjust>.stock-stepper{flex-direction:row!important;} body[data-cafe-world=ghibli] #materialRows [data-material-stock-id]{min-width:80px;width:100px;max-width:180px;} body[data-cafe-world=ghibli] #materialRows .material-genre-input{min-width:0;width:100%;} body[data-cafe-world=ghibli] #materialRows .product{max-width:100%;min-width:0;} body[data-cafe-world=ghibli] #materialRows .product>div{min-width:0;} } @media(min-width:1200px){body[data-cafe-world=ghibli] #materialRows{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}} } @media screen{ body[data-cafe-world=ghibli] #materialRows [data-material-threshold-id]{min-width:70px!important;width:80px;flex:none;} body[data-cafe-world=ghibli] #materialRows .iu-setting{min-width:0;max-width:100%;flex-wrap:wrap;} } /* Finite letter-reading bird: decorative, never an order/receipt success indicator. */ body[data-cafe-world=ghibli] #ordersPage>.world-working-resident{top:8px} body[data-cafe-world=ghibli] .world-working-resident .world-worker.world-bird-letter-host{animation:none!important;transform:none!important} .world-bird-letter-host .world-bird-letter-rig{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none} /* An actual draft-writing desk. Native form, validation, quantities and save/cancel handlers stay intact. */ @media screen { body[data-cafe-world=ghibli] .po-dialog:has(#poOrderForm){background:repeating-linear-gradient(100deg,#c3aa80 0 52px,#b89b70 53px 54px);border:2px solid #987b50;border-radius:12px 9px 15px 8px;box-shadow:0 12px 28px #392d2945;overflow-x:hidden;overflow-y:auto} body[data-cafe-world=ghibli] .po-dialog:has(#poOrderForm) .po-dialog-head{background:#e8d5aa;border-bottom:2px solid #ad8f5e;gap:12px} body[data-cafe-world=ghibli] #poOrderForm{box-sizing:border-box;min-width:0;background:linear-gradient(100deg,#fff8df,#fbefd0);border:1px solid #b9a275;border-radius:3px 7px 5px 2px;padding:18px;box-shadow:3px 4px 0 #70563b28} body[data-cafe-world=ghibli] #poOrderForm :is(input,select,textarea){box-sizing:border-box;min-height:44px;color:#354d3b;background:#fffdf3;border:1px solid #a18c66;border-bottom-width:2px;border-radius:6px 3px 7px 3px;max-width:100%} body[data-cafe-world=ghibli] #poOrderForm :is(input,select,textarea):focus-visible{outline:3px solid #537751;outline-offset:2px} body[data-cafe-world=ghibli] #poOrderForm :is(.po-meta,.po-caption){color:#655f4d!important} body[data-cafe-world=ghibli] #poOrderForm .po-field label{color:#42563f;font-weight:650} body[data-cafe-world=ghibli] #poOrderForm .po-table-scroll{overflow:visible} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table{display:block;min-width:0;width:100%;background:none} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table tbody{display:grid;gap:12px} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px;border:1px dashed #b4a17c;border-radius:5px;background:#fffaf0} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table td{display:block;border:0;padding:0;min-width:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table td:first-child{grid-column:1/-1} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table td:nth-child(2)::before{content:'発注数';display:block;color:#52604a;font-size:.8rem;margin-bottom:4px} body[data-cafe-world=ghibli] #poOrderForm .po-editor-table td:last-child:not(:first-child){align-self:end;justify-self:end} body[data-cafe-world=ghibli] #poOrderForm .po-quantity{display:flex;flex-wrap:wrap;gap:8px;align-items:center} body[data-cafe-world=ghibli] #poOrderForm .po-quantity>input{width:100px;min-width:80px;max-width:100%;flex:0 1 100px} body[data-cafe-world=ghibli] #poOrderForm .po-order-product-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} body[data-cafe-world=ghibli] #poOrderForm .po-order-product-picker select{flex:1 1 160px;min-width:0;width:0} body[data-cafe-world=ghibli] .po-dialog:has(#poOrderForm) .po-dialog-actions{background:#ecdbb7;border-top:2px solid #b49a6c;position:sticky;bottom:0;gap:10px;flex-wrap:wrap} body[data-cafe-world=ghibli] .po-dialog:has(#poOrderForm) .po-dialog-actions button{min-height:44px} @media(max-width:540px){body[data-cafe-world=ghibli] .po-dialog:has(#poOrderForm) .po-dialog-body{padding:10px}body[data-cafe-world=ghibli] #poOrderForm{padding:12px}body[data-cafe-world=ghibli] #poOrderForm .po-form-grid{grid-template-columns:minmax(0,1fr)}body[data-cafe-world=ghibli] #poOrderForm .po-editor-table tr{grid-template-columns:minmax(0,1fr)}body[data-cafe-world=ghibli] #poOrderForm .po-editor-table td:last-child:not(:first-child){justify-self:end}} } /* Receiving is a stock-changing operation: show native warnings, units and quantities together. */ @media screen { body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm){background:#d3bd92;border:2px solid #96794d;border-radius:12px 9px 15px 8px;overflow-x:hidden;overflow-y:auto} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-head{background:#e8d5aa;border-bottom:2px solid #ad8f5e} body[data-cafe-world=ghibli] #poReceiptForm{min-width:0;box-sizing:border-box;padding:18px;border:1px solid #b9a275;border-radius:4px 7px 5px 2px;background:linear-gradient(100deg,#fff8df,#fbefd0);box-shadow:3px 4px 0 #70563b28} body[data-cafe-world=ghibli] #poReceiptForm :is(.po-meta,.po-caption){color:#655f4d!important} body[data-cafe-world=ghibli] #poReceiptForm .po-notice{color:#66523f!important;background:#f5e8d5;border:1px solid #c9b28d;font-size:12px;line-height:1.8} body[data-cafe-world=ghibli] #poReceiptForm .po-notice.warning{border-left:4px solid #a27b46} body[data-cafe-world=ghibli] #poReceiptForm .po-table-scroll{overflow:visible} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table{display:block;min-width:0;width:100%;background:none} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table tbody{display:grid;gap:12px} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,1fr);gap:12px;padding:12px;border:1px dashed #b4a17c;border-radius:5px;background:#fffaf0} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table td{display:block;min-width:0;border:0;padding:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table td:first-child{grid-column:1/-1} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table td:nth-child(2)::before{content:'入荷待ち';display:block;font-size:.8rem;color:#52604a;margin-bottom:5px} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table td:nth-child(3)::before{content:'今回届いた数';display:block;font-size:.8rem;color:#52604a;margin-bottom:5px} body[data-cafe-world=ghibli] #poReceiptForm input{box-sizing:border-box;min-height:44px;max-width:100%;color:#354d3b;background:#fffdf3;border:1px solid #a18c66;border-bottom-width:2px;border-radius:6px 3px 7px 3px} body[data-cafe-world=ghibli] #poReceiptForm input[type=number]{width:110px;min-width:80px;text-align:center;font-size:16px;font-variant-numeric:tabular-nums} body[data-cafe-world=ghibli] #poReceiptForm input:disabled{background:#e9e4d8;color:#655f4d} body[data-cafe-world=ghibli] #poReceiptForm input:focus-visible{outline:3px solid #537751;outline-offset:2px} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-actions{background:#ecdbb7;border-top:2px solid #b49a6c;position:sticky;bottom:0;flex-wrap:wrap;gap:10px} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-actions button{min-height:44px} @media(max-width:540px){body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-body{padding:10px}body[data-cafe-world=ghibli] #poReceiptForm{padding:12px}body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table tr{grid-template-columns:minmax(0,1fr) minmax(100px,1.25fr);gap:9px}} } /* Original state-filter buttons become three labelled document trays; counts retain their native meaning. */ @media screen { body[data-cafe-world=ghibli] #ordersPage .po-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0 13px;border-bottom:5px solid #a58b61;background:linear-gradient(transparent calc(100% - 8px),#d9c399 0)} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button{box-sizing:border-box;position:relative;min-width:0;min-height:108px;padding:16px 12px 12px;color:#42573f!important;background:linear-gradient(#fff7dc calc(100% - 12px),#d1b789 0)!important;border:2px solid #b89c68;border-bottom:9px solid #9f8254;border-radius:6px 8px 4px 4px;box-shadow:2px 3px 0 #775a3c20;text-align:left;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button::after{content:"";position:absolute;width:20px;height:4px;bottom:-7px;left:calc(50% - 10px);border-radius:3px;background:#6e5738;pointer-events:none} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button>span{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button strong{font-size:24px;font-variant-numeric:tabular-nums} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button small{color:#655f4d!important;line-height:1.5} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button[aria-pressed=true]{border-color:#52734b;box-shadow:0 0 0 2px #52734b,2px 5px 0 #775a3c30;background:linear-gradient(110deg,#edf3d9,#e0e9c6)!important} body[data-cafe-world=ghibli] #ordersPage .po-workflow>button:focus-visible{outline:3px solid #315c46;outline-offset:4px} @media(max-width:540px){body[data-cafe-world=ghibli] #ordersPage .po-workflow{gap:6px}body[data-cafe-world=ghibli] #ordersPage .po-workflow>button{padding:12px 6px 8px;min-height:124px}body[data-cafe-world=ghibli] #ordersPage .po-workflow>button>span{display:block}body[data-cafe-world=ghibli] #ordersPage .po-workflow>button b{font-size:11px;white-space:nowrap}body[data-cafe-world=ghibli] #ordersPage .po-workflow>button strong{display:block;font-size:20px}body[data-cafe-world=ghibli] #ordersPage .po-workflow>button small{font-size:10px}} } /* The original order record is a paper folder; state and amount labels remain native. */ @media screen { body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card{position:relative;border:1px solid #bca478;border-left:6px solid #b59967;border-radius:5px 9px 6px 3px;background:#fff5db;box-shadow:2px 3px 0 #99815a30} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=outside]{border-left-color:#a58e60} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=partial]{border-left-color:#b18344} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=inside]{border-left-color:#5c8156} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=cancelled]{border-left-color:#9a8b79} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .world-parcel-vignette{position:absolute;right:10px;top:10px;width:30px;height:26px;padding:0;border:0;background:none} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .world-parcel-vignette svg{width:30px;height:26px} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .world-parcel-vignette>span{display:none} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .po-list-top{padding-right:36px;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .po-meta{color:#655f4d!important} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .po-order-items{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px dashed #cbb88f} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .po-order-items>span{box-sizing:border-box;max-width:100%;border-bottom:1px dashed #cbb88f;border-radius:0;background:#fffaf0;color:#4c5943;padding:9px 6px;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #ordersPage .po-content article.po-card .po-order-actions button{min-height:44px;max-width:100%} } /* Original shift controls are a planned-work ledger, never an attendance clock. */ @media screen { body[data-cafe-world=ghibli] #shiftsPage :is(.sh-mobile-week,.sh-desktop-week){box-sizing:border-box;background:linear-gradient(90deg,#e4d1a7,#fff8df 28px);border:1px solid #bca377;border-left:10px solid #9d8257;border-radius:5px 10px 8px 5px;padding:12px;box-shadow:3px 4px 0 #8f785336} body[data-cafe-world=ghibli] #shiftsPage .sh-mobile-shifts{gap:12px} body[data-cafe-world=ghibli] #shiftsPage .sh-mobile-person{position:relative;min-height:96px;width:100%;border:1px solid #bea778;border-left:5px solid #b79d6f;border-radius:3px 7px 5px 3px;background:repeating-linear-gradient(0deg,#fffaf0 0 27px,#e9dfc8 28px 29px);box-shadow:2px 3px 0 #947c5320;color:#3c553d} body[data-cafe-world=ghibli] #shiftsPage .sh-mobile-person strong{align-self:flex-start;max-width:100%;box-sizing:border-box;padding:3px 10px;color:#43543c;background:#e9d8b2;border:1px solid #b39b6d;border-radius:3px 6px 4px 3px;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #shiftsPage .sh-mobile-person :is(span,small){max-width:100%;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #shiftsPage :is(.sh-note,.sh-mobile-person small){color:#655b43!important} body[data-cafe-world=ghibli] #shiftsPage .sh-mobile-day-tabs button{min-height:44px;border-bottom:3px solid #a88d60;background:#f8edcd;color:#4a5d41} body[data-cafe-world=ghibli] #shiftsPage .sh-mobile-day-tabs button[aria-pressed=true]{background:#dfe9cc!important;color:#304b36!important;border-color:#55754b} body[data-cafe-world=ghibli] .sh-dialog:has(#shEditForm){box-sizing:border-box;background:linear-gradient(90deg,#e2cda2,#fff6da 24px);border:1px solid #b29a6c;border-left:10px solid #987c50;border-radius:5px 10px 8px 4px;box-shadow:0 15px 40px #41352245;overflow-x:hidden;overflow-y:auto} body[data-cafe-world=ghibli] .sh-dialog:has(#shEditForm) .sh-dialog-head{position:sticky;top:0;z-index:3;background:#eee0bd;border-bottom:2px solid #b59a69;padding:10px 6px;gap:12px} body[data-cafe-world=ghibli] #shEditForm{box-sizing:border-box;min-width:0;background:#fffaf0;border:1px solid #c7b58d;border-radius:3px 7px 5px 3px;padding:14px} body[data-cafe-world=ghibli] #shEditForm .sh-segment{box-sizing:border-box;min-width:0;background:#f7efd9;border:1px dashed #b7a37b;border-radius:4px;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr))} body[data-cafe-world=ghibli] #shEditForm .sh-segment label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#4b5a43} body[data-cafe-world=ghibli] #shEditForm :is(input:not([type=checkbox]),select){box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;background:#fffdf3;color:#354d3b;border:1px solid #a18c66;border-bottom-width:2px;border-radius:6px 3px 7px 3px} body[data-cafe-world=ghibli] #shEditForm button{min-height:44px;max-width:100%} body[data-cafe-world=ghibli] #shEditForm>.sh-actions:last-child{position:sticky;bottom:0;background:#f4e7c6;border-top:2px solid #b59b6e;padding:10px 0;z-index:2} body[data-cafe-world=ghibli] .sh-dialog:has(#shEditForm) :is(.sh-note,.sh-label){color:#655b43!important} body[data-cafe-world=ghibli] .sh-dialog:has(#shEditForm) :is(.sh-draft-status,.sh-discard-check){background:#f5e6c6;color:#674d2e;border-left:4px solid #a57a42;padding:10px} body[data-cafe-world=ghibli] :is(#shiftsPage .sh-mobile-person,#shEditForm :is(input,select,button)):focus-visible{outline:3px solid #315c46;outline-offset:3px} @media(min-width:720px){body[data-cafe-world=ghibli] #shEditForm .sh-segment{grid-template-columns:1fr 1fr 1.3fr auto}} @media(max-width:540px){body[data-cafe-world=ghibli] .sh-dialog:has(#shEditForm){padding:12px;width:100%}body[data-cafe-world=ghibli] #shEditForm{padding:10px}} } /* Unknown automatic weather stays neutral; saved forecasts never become live observations. */ @media screen{ .world-duty-clock{font-size:12px;line-height:1.65;color:#52604a;overflow-wrap:anywhere} body[data-cafe-world=ghibli][data-world-weather=unknown]{--world-daylight:#a9bab51c} body[data-cafe-world=ghibli][data-world-weather=unknown] :is(.world-window-sun,.world-sun){opacity:0} body[data-cafe-world=ghibli][data-world-weather=unknown] .world-window-cloud{opacity:.55} body[data-cafe-world=ghibli][data-world-weather=unknown] .world-scenery{background:linear-gradient(#a9c1bf,#ded9bc)} body[data-cafe-world=ghibli][data-world-weather=unknown][data-world-phase=night] .world-scenery{background:linear-gradient(#344f60,#73877c)} } /* The real shop follows the local clock. A labelled folding card previews the chosen menu week. */ @media screen{ .world-season-window [data-world-season-branch]{display:none} body[data-world-season=spring] .world-season-window [data-world-season-branch=spring],body[data-world-season=summer] .world-season-window [data-world-season-branch=summer],body[data-world-season=autumn] .world-season-window [data-world-season-branch=autumn],body[data-world-season=winter] .world-season-window [data-world-season-branch=winter]{display:inline} body[data-world-phase=night] .world-season-window [data-world-season-branch]{filter:brightness(.75)} body[data-cafe-world=ghibli] .world-scenery>svg.world-scenery-season{inset:12px auto auto 0;width:145px;height:90px;z-index:4;pointer-events:none;filter:none} .world-week-season{flex:0 1 auto;max-width:100%;color:#495d43} .world-week-season>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:5px 9px;background:#fff4d5;border:1px solid #ad946a;border-radius:3px 6px 3px 2px;box-shadow:0 2px #92745133;cursor:pointer;font-size:12px;font-weight:600;list-style:none} .world-week-season>summary::-webkit-details-marker{display:none} .world-week-season>summary:after{content:'⌄';margin-left:auto;color:#627052} .world-week-season[open]>summary:after{content:'⌃'} .world-week-season>summary:focus-visible{outline:3px solid #4b7454;outline-offset:2px} [data-world-season-icon]{display:block;width:36px;height:25px;flex:none;overflow:hidden;border:1px solid #b59b73;border-radius:5px 5px 1px 1px} .world-season-preview-image{display:block;width:100%;height:100%;pointer-events:none} .world-week-season[open]{flex-basis:100%} .world-season-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;margin-top:7px;padding:10px;background:#fff4da;border:1px solid #b59b73;border-bottom:3px solid #a6875c;box-shadow:inset 2px 0 #ead9ac;overflow-wrap:anywhere} [data-world-season-picture]{height:100px;border:5px solid #b6976b;border-radius:25px 25px 2px 2px;overflow:hidden;background:#d6ddd2} .world-season-card strong{font-size:13px;color:#40563c} .world-season-card p{font-size:12px;line-height:1.65;margin:4px 0;color:#5c654c} @media(max-width:700px){.world-connected-workbench>span{flex:1 1 125px;flex-basis:125px;font-size:12px}.world-week-season>summary{min-width:108px}.world-season-card{grid-template-columns:94px minmax(0,1fr);gap:8px;padding:8px}[data-world-season-picture]{height:76px;border-width:4px}.world-week-season[open]>summary{width:max-content;max-width:100%}} } @media print{.world-week-season{display:none!important}} /* Native photo actions sit on an album desk. No photo or record is created by decoration. */ @media screen{ body[data-cafe-world=ghibli] #photosPage>nav[aria-label="写真の種類"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:#b39063;border:1px solid #8e6b46;border-bottom:4px solid #8e6b46;border-radius:5px 8px 3px 3px} body[data-cafe-world=ghibli] #photosPage [aria-label="料理写真の登録状態"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px} body[data-cafe-world=ghibli] #photosPage :is([data-gallery-view],[data-photo-filter]){min-width:0;min-height:44px;padding:9px 8px;background:#fff2d1!important;color:#40573e!important;border:1px solid #a5895e;border-radius:4px 4px 2px 2px;box-shadow:0 2px #7f633b30;white-space:normal;line-height:1.5} body[data-cafe-world=ghibli] #photosPage :is([data-gallery-view],[data-photo-filter])[aria-pressed=true]{background:#526f51!important;color:#fff7df!important;border-color:#3f5d42} body[data-cafe-world=ghibli] #photosPage [data-photo-filter]{font-size:13px;padding-inline:4px;white-space:nowrap} body[data-cafe-world=ghibli] #photosPage>.panel{background:#f8edcd;border:1px solid #baa075;border-left:5px solid #a77d51;border-radius:4px;box-shadow:inset 2px 0 #ead4a4} body[data-cafe-world=ghibli] #photoSearch{min-height:44px;background:#fff9e9;color:#40563d;border:1px solid #ad946b;border-radius:3px 7px 3px 3px} body[data-cafe-world=ghibli] #photosPage .photo-gallery{gap:14px;align-items:start} body[data-cafe-world=ghibli] #photosPage .photo-tile{min-width:0;max-width:100%;padding:12px;background:#fff7df;border:1px solid #c1a477;border-bottom:4px solid #ad885b;border-radius:3px 5px 3px 2px;box-shadow:2px 3px #8d71442b;overflow:visible} body[data-cafe-world=ghibli] #photosPage .photo-tile :is(img,.photo-empty){width:100%;max-width:100%;height:150px;object-fit:contain;background:#eee2bd;border:4px solid #e3cda1;border-radius:2px;color:#64694d} body[data-cafe-world=ghibli] #photosPage .photo-tile h3{margin:10px 0;min-height:0;font-size:14px;line-height:1.65;overflow-wrap:anywhere;color:#40563d} body[data-cafe-world=ghibli] #photosPage .photo-tile label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:8px;background:#e9dcaf;color:#40573e;border:1px solid #b2976d;border-radius:3px;font-size:13px;line-height:1.5;cursor:pointer} body[data-cafe-world=ghibli] #photosPage .photo-tile input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap} body[data-cafe-world=ghibli] #photosPage .photo-tile label:focus-within{outline:3px solid #4b7454;outline-offset:2px} body[data-cafe-world=ghibli] #photosPage .photo-tile button{min-height:44px;width:100%;margin-top:8px;padding:8px;color:#795447;background:#fff8e5;border:1px solid #c6aa80;border-radius:3px} body[data-cafe-world=ghibli] #photosPage [data-photo-count]{font-size:12px;color:#536247} body[data-cafe-world=ghibli] #photosPage .record-photo-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;padding:12px;background:#fff6dc;border:1px solid #c1a477;border-bottom:3px solid #ad885b;margin:10px 0;border-radius:3px} body[data-cafe-world=ghibli] #photosPage .record-photo-card img{border:4px solid #e3cda1;background:#eee2bd} body[data-cafe-world=ghibli] #photosPage .record-photo-card p{margin:0;color:#495d43;font-size:12px;line-height:1.65;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #photosPage .record-photo-card :is(a,button){min-width:0;min-height:44px;margin:0;display:grid;place-items:center;background:#fff8e5;color:#795447;border:1px solid #c6aa80;border-radius:3px} @media(min-width:720px){body[data-cafe-world=ghibli] #photosPage .record-photo-card{grid-template-columns:100px minmax(0,1fr) auto auto;gap:12px}body[data-cafe-world=ghibli] #photosPage .record-photo-card :is(a,button){min-width:110px}} @media(max-width:540px){body[data-cafe-world=ghibli] #photosPage .photo-gallery{gap:10px}body[data-cafe-world=ghibli] #photosPage .photo-tile{padding:9px}body[data-cafe-world=ghibli] #photosPage .photo-tile :is(img,.photo-empty){height:110px}} } /* 173 WIP: native register/member dialogs as a paper index book. */ html body[data-cafe-world=ghibli] dialog.smb-dialog[open]{display:flex;flex-direction:column;overflow:hidden;border:3px solid #9b805d!important;border-left:10px solid #6f7355!important;border-radius:5px 14px 14px 5px!important;background:linear-gradient(90deg,#e9ddbd 0 8px,#fff8e7 8px)!important;color:#443b2c;box-shadow:0 8px 0 #bba47d,0 18px 38px #281f1959!important;padding:20px 22px 22px;scroll-padding-block:90px 24px} body[data-cafe-world=ghibli] .smb-dialog>.smb-head{position:relative;top:0;flex:none;z-index:3;padding:14px 0 12px;background:#fff8e7;border-bottom:2px solid #bcaa82;margin-bottom:14px;gap:10px} body[data-cafe-world=ghibli] .smb-dialog>.smb-head h2{font-size:1.3rem;line-height:1.4;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .smb-dialog .smb-close{flex-shrink:0;background:#f1e6c9!important;color:#3f5139!important;border:1px solid #9e8c67;min-width:70px;min-height:44px} body[data-cafe-world=ghibli] .smb-dialog :is(input,select,textarea){min-height:44px;background:#fffdf4;color:#403b2e;border:1px solid #a29272;border-radius:5px} body[data-cafe-world=ghibli] .smb-dialog textarea{min-height:88px} body[data-cafe-world=ghibli] .smb-dialog #smbSearchForm{padding:4px 14px 14px;background:#eee2c3;border:2px solid #af9871;border-radius:5px;box-shadow:inset 0 -4px #dfcfaa} body[data-cafe-world=ghibli] .smb-dialog #smbSearchForm label{margin-top:8px} body[data-cafe-world=ghibli] .smb-dialog #smbSearchForm select{width:100%} body[data-cafe-world=ghibli] .smb-dialog .smb-note{color:#605442;line-height:1.65;font-size:14px;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .smb-dialog .smb-member{position:relative;padding:14px;border:1px solid #bcaa82;border-left:5px solid #b08e58;border-radius:3px 8px 8px 3px;background:#fffdf4;box-shadow:0 3px #daceaf;cursor:default;min-width:0} body[data-cafe-world=ghibli] .smb-dialog .smb-member:focus-within{outline:2px solid #566c49;outline-offset:2px} body[data-cafe-world=ghibli] .smb-dialog .smb-member [data-quick]{display:block;width:100%;min-height:48px;padding:12px;background:#355b46!important;color:#fffdf4!important;border:1px solid #244b36;border-radius:6px;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.6} body[data-cafe-world=ghibli] .smb-dialog .smb-member [data-quick] b{color:inherit} body[data-cafe-world=ghibli] .smb-dialog .smb-member [data-quick]:disabled{opacity:1;background:#e9e2d0!important;color:#635b4b!important;border:1px dashed #9c927b;cursor:default} body[data-cafe-world=ghibli] .smb-dialog .smb-member small{color:#544c3c;font-size:14px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .smb-dialog .smb-member [data-detail]{min-height:44px;background:#f2e8cf!important;color:#3f5139!important;border:1px solid #b8a27b;border-radius:5px;white-space:normal;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .smb-dialog .smb-status:not(:empty){padding:12px;border:1px solid #bdad8d;border-radius:4px;background:#fffdf4;color:#4b4537;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .smb-dialog[data-stale="1"] .smb-status{border-color:#9b5c4c;color:#803f31} @media(max-width:520px){body[data-cafe-world=ghibli] .smb-dialog{padding:14px;width:calc(100vw - 24px);max-height:90dvh}body[data-cafe-world=ghibli] .smb-dialog #smbSearchForm{padding:4px 10px 12px}body[data-cafe-world=ghibli] .smb-dialog .smb-member{padding:10px}} @media print{.smb-dialog{box-shadow:none!important}} body[data-cafe-world=ghibli] .smb-dialog>.smb-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 4px 8px;scroll-padding-block:8px} body[data-cafe-world=ghibli] .smb-dialog>.smb-status{flex:none;margin:12px 0 0;max-height:min(180px,25vh);overflow:auto} body[data-cafe-world=ghibli] .smb-dialog>.smb-status:empty{display:none} /* 174 unpublished: home member choices share the readable index-book layout. */ @media screen { #globalSearchResults [data-search-members]{overflow-wrap:anywhere} #globalSearchResults [data-search-members] [data-member-choice]{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;min-width:0;min-height:44px;padding:12px;margin:8px 0;text-align:left;white-space:normal;line-height:1.6} #globalSearchResults [data-search-members] [data-member-choice] :is(b,small){display:block;max-width:100%;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #globalSearchResults [data-member-choice]{border-left:4px solid #7b8260;background:#fffdf4!important;color:#3f5139!important;box-shadow:0 2px #daceaf} body[data-cafe-world=ghibli] #globalSearchResults [data-member-choice] small{color:#536247} } /* 174 unpublished: pause the same scenery animation instead of restarting it. */ @media screen { body[data-cafe-world=ghibli]:is(.world-is-working,[data-world-visible=false]) :is(.world-cloud,.world-sky-weather,.world-window-cloud), body[data-cafe-world=ghibli]:is(.world-is-working,[data-world-visible=false]) .world-room-window:before{animation-play-state:paused!important} body[data-cafe-world=normal] :is(.world-cloud,.world-sky-weather,.world-window-cloud), body[data-cafe-world=normal] .world-room-window:before{animation:none!important} @media(prefers-reduced-motion:reduce){ body[data-cafe-world=ghibli] :is(.world-cloud,.world-sky-weather,.world-window-cloud), body[data-cafe-world=ghibli] .world-room-window:before{animation:none!important} } } /* 174 unpublished: separate register light from the sync mailbox. */ @media screen{ body[data-cafe-world=ghibli] .world-front-counter:has([data-world-counter=smaregi]){grid-template-columns:repeat(2,minmax(0,1fr))} body[data-cafe-world=ghibli] .world-front-counter:has([data-world-counter=smaregi])>a:last-child{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start} body[data-cafe-world=ghibli] [data-world-counter=smaregi]{border-left:5px solid #8b8264;background:linear-gradient(105deg,#eee0bf,#fff5dc)} body[data-cafe-world=ghibli] [data-world-counter=smaregi] strong{font-size:clamp(14px,1.5vw,20px);line-height:1.5;overflow-wrap:anywhere} body[data-cafe-world=ghibli] [data-world-counter=smaregi] span{font-size:12px;line-height:1.6;overflow-wrap:anywhere} body[data-cafe-world=ghibli] [data-world-counter=smaregi] small{display:flex;align-items:center;gap:7px;color:#45583e} .world-register-lamp{display:inline-block;flex:none;width:12px;height:12px;border:2px solid #746b50;border-radius:50%;background:#c7b991;box-shadow:inset 0 1px 2px #564f3940} [data-world-register-state=verified] .world-register-lamp{background:#63835b;box-shadow:0 0 0 3px #a5b88c66} :is([data-world-register-state=offline],[data-world-register-state=blocked]) .world-register-lamp{background:#b98248} @media(max-width:540px){body[data-cafe-world=ghibli] .world-front-counter:has([data-world-counter=smaregi]){gap:7px}body[data-cafe-world=ghibli] .world-front-counter:has([data-world-counter=smaregi])>a{padding:10px;min-height:95px}} } /* 174 unpublished: a confirmed Smaregi read becomes a paper receipt on the counter. */ @media screen{ body[data-cafe-world=ghibli] .world-front-counter>.world-sales-receipt{position:relative;background:#fffdf3;border-top:4px solid #7f8063;border-bottom:1px dashed #b4a581;padding-bottom:15px;overflow:visible} body[data-cafe-world=ghibli] .world-sales-receipt:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:5px;background:linear-gradient(135deg,#fffdf3 50%,transparent 51%) 0 0/10px 5px repeat-x;pointer-events:none} body[data-cafe-world=ghibli] .world-sales-receipt small{font-size:11px;color:#4c5b41;letter-spacing:.04em} body[data-cafe-world=ghibli] .world-sales-receipt strong{font-size:clamp(19px,2vw,26px);line-height:1.5;max-width:100%;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-sales-receipt span{white-space:pre-line;font-size:11px;line-height:1.65;color:#526047} body[data-cafe-world=ghibli] .world-sales-receipt[data-world-receipt-state=unknown]{background:#f2ead6;border:1px dashed #a89a7b} body[data-cafe-world=ghibli] .world-sales-receipt[data-world-receipt-state=unknown]:after{display:none} body[data-cafe-world=ghibli] .world-sales-receipt:is([data-world-receipt-state=previous],[data-world-receipt-state=unconfirmed]){border-top-color:#a17e50} body[data-cafe-world=ghibli] .world-sales-receipt[data-world-receipt-arrival]{animation:world-receipt-arrive .32s ease-out} @keyframes world-receipt-arrive{from{box-shadow:inset 0 6px 0 #d9cba7,0 2px #80604444}to{box-shadow:inset 0 0 0 #d9cba700,0 2px #80604444}} body[data-cafe-world=ghibli]:is(.world-is-working,[data-world-visible=false]) .world-sales-receipt{animation:none!important} body[data-world-motion=off] .world-sales-receipt,body[data-cafe-world=normal] .world-sales-receipt{animation:none!important} @media(prefers-reduced-motion:reduce){.world-sales-receipt{animation:none!important}} } /* 174 unpublished: the same cat sits beside the real writing-desk heading. */ @media screen{ body[data-cafe-world=ghibli] #tasksPage .task-entry.world-task-occupied>summary{box-sizing:border-box;position:relative;min-height:126px;min-width:min(100%,300px);padding-right:108px!important;padding-top:46px!important;padding-bottom:46px!important;display:list-item} body[data-cafe-world=ghibli] #tasksPage>.world-working-resident.world-task-at-desk{position:absolute!important;left:var(--world-task-seat-left)!important;top:var(--world-task-seat-top)!important;right:auto!important;bottom:auto!important;width:100px!important;height:126px!important;z-index:2;pointer-events:none} body[data-cafe-world=ghibli] #tasksPage>.world-task-at-desk .world-worker{left:4px;bottom:0;width:83px!important;height:118px!important} body[data-cafe-world=ghibli] #tasksPage>.world-task-at-desk .world-work-object{display:none} body[data-cafe-world=ghibli] #tasksPage:has(>.world-task-at-desk) .world-room-sign>div:nth-child(2){padding-right:0} } /* 174 unpublished: a paper product card inside its wooden drawer. Native fields/actions stay put. */ @media screen { body[data-cafe-world=ghibli] :is(#productModal,#materialModal).show>.modal{display:flex;flex-direction:column;overflow:hidden;width:min(680px,calc(100vw - 24px));max-height:min(88dvh,860px);padding:0!important;border-color:#9b7850!important;border-radius:8px 5px 10px 6px!important;box-shadow:0 6px 0 #76583a,0 18px 46px #3b302645} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) .modal-head{flex:none;gap:12px;margin:0;padding:14px 16px;background:linear-gradient(105deg,#d9be8f,#eee0bd);border-bottom:3px solid #a88859} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) .modal-head h2{margin:0;color:#3e523c;font-size:20px;line-height:1.5;overflow-wrap:anywhere} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) .close{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;color:#40533b;background:#fff8e3;border:1px solid #a18d67;border-radius:5px} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) :is(#addForm,#addMaterialForm){min-height:0;margin:0;overflow-y:auto;overflow-x:hidden;padding:16px;background:#fff8e7;scroll-padding-block:16px 110px} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) .field>label{font-size:14px;line-height:1.6;color:#3f513b} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px;color:#3e4c36;background:#fffdf5} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) :is(input:not([type=checkbox]):not([type=radio]),select):disabled{opacity:1;background:#eae5d5;color:#625d4b;border-style:dashed} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) .modal-actions{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0;padding:12px 0 0;background:#fff8e7;border-top:2px solid #b8a17c} body[data-cafe-world=ghibli] :is(#productModal,#materialModal) .modal-actions button{min-height:44px;min-width:0;white-space:normal;flex:1;line-height:1.5} } @media screen{body[data-cafe-world=ghibli]:has(:is(#productModal,#materialModal).show)>.mobile-bottom-nav{visibility:hidden}} /* A single shelf reset only when the original filtered list is empty. */ @media screen{body[data-cafe-world=ghibli] #materialsPage .world-pantry-reset:not([hidden]){display:block;min-height:44px;margin:0 auto 20px;padding:10px 16px;background:#f7efd7;color:#344b35;border:2px solid #92704b;border-bottom:4px solid #745337;border-radius:4px 7px 3px 3px;font-weight:700;}body[data-cafe-world=ghibli] #materialsPage .world-pantry-reset:focus-visible{outline:3px solid #8a4b23;outline-offset:3px;}} @media print{.world-pantry-reset{display:none!important}} /* Cloth bends at its fixed upper corner, inside the existing window frame. */ @media screen{body[data-cafe-world=ghibli] .world-room-window>i:first-of-type{transform-origin:0 0;}body[data-cafe-world=ghibli] .world-room-window>i:last-of-type{transform-origin:100% 0;}} /* The comparison lives inside the original ingredient breakdown, not in every closed shelf. */ @media screen{body[data-cafe-world=ghibli] #recipesPage .world-stock-scale{margin:12px 0 4px;padding:10px;background:#f7efd7;color:#344b35;border:1px solid #af956c;border-bottom:4px solid #92704b;border-radius:4px 7px 3px 3px;max-width:340px;box-sizing:border-box;}body[data-cafe-world=ghibli] #recipesPage .world-stock-scale svg{display:block;width:min(200px,100%);height:auto;margin:0 auto;}body[data-cafe-world=ghibli] #recipesPage .world-stock-scale>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:center;font-size:12px;overflow-wrap:anywhere;}body[data-cafe-world=ghibli] #recipesPage .world-stock-scale strong{display:block;font-size:14px;line-height:1.5;color:#344b35;}body[data-cafe-world=ghibli] #recipesPage .world-stock-scale figcaption{font-size:12px;line-height:1.6;margin-top:8px;color:#60563f;}body[data-cafe-world=ghibli] #recipesPage .world-stock-scale[data-world-scale-known=false]{border-style:dashed;}} @media print{.world-stock-scale{display:none!important}} /* The original ingredient tag and scaled value become a small measuring plate. */ @media screen{body[data-cafe-world=ghibli] .world-cookbook .world-book-right li:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,.85fr);gap:12px;align-items:center;padding:6px 0;border-bottom:0;}body[data-cafe-world=ghibli] .world-cookbook .world-book-right li>span{padding:8px 6px;border-bottom:2px dotted #bca57a;background:linear-gradient(1deg,#fcf6df,#fffaf0);color:#344b35;font-size:14px;line-height:1.6;min-width:0;overflow-wrap:anywhere;}body[data-cafe-world=ghibli] .world-cookbook .world-book-right li>strong,body[data-cafe-world=ghibli] .world-cookbook .world-book-right li>.world-material-bench>strong{display:grid;place-items:center;min-height:52px;min-width:0;padding:8px 10px;background:radial-gradient(ellipse at 50% 35%,#fffcf1 0 58%,#e5e8d5 60% 70%,#fffaf0 73%);border:1px solid #a5ad93;border-bottom:4px solid #8e9d80;border-radius:42% 42% 45% 45% / 28% 28% 48% 48%;box-shadow:0 3px 0 #816d4630;color:#344b35;font-size:18px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;box-sizing:border-box;text-align:center;}} /* A short matching ribbon on the two explicitly consecutive business-day cards. */ @media screen{body[data-cafe-world=ghibli] #menuPage .world-menu-day-ribbon{display:block;width:fit-content;max-width:100%;box-sizing:border-box;margin:3px 0 5px;padding:3px 11px 3px 7px;border-left:4px solid #6d8559;background:#e5e9cf;color:#365039;border-radius:2px 6px 6px 2px;font-size:12px;line-height:1.5;font-weight:700;overflow-wrap:anywhere;}} @media print{.world-menu-day-ribbon{display:none!important}} /* The world restores the visible ingredient row; do not also anchor to furniture rebuilt above it. */ @media screen{body[data-cafe-world=ghibli] #recipesPage{overflow-anchor:none;}} /* Three companions keep the full quantity target clear; the recipe book gets its own row. */ @media screen and (max-width:600px){ body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .menu-item-inline{grid-template-columns:minmax(0,1fr)!important;} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .menu-count{grid-column:1/-1;} body[data-cafe-world=ghibli] #menuPage .menu-mobile-item .world-menu-book{grid-column:1/-1;justify-self:end;margin-top:4px!important;} } /* One menu resident uses the existing decorative header area, never a quantity arrow. */ @media screen{ body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-writer-active{width:68px!important;height:56px!important;top:10px!important;} body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-writer-active>.world-worker{width:68px!important;height:56px!important;animation:none!important;transform:none!important;pointer-events:none!important;} body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-writer-active>.world-work-object, body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-writer-active>.world-handed-letter{display:none!important;} .world-menu-writer-host>svg{overflow:hidden!important;} } /* A decoration uses existing empty footer space, without adding a row or moving any control. */ @media screen { body[data-cafe-world=ghibli] #menuPage .world-menu-writer-card{position:relative!important;} body[data-cafe-world=ghibli] #menuPage .world-menu-writer-seat{position:absolute!important;left:1px;bottom:0;width:64px;height:48px;pointer-events:none;line-height:0;} body[data-cafe-world=ghibli] #menuPage .world-menu-writer-seat>svg{display:block!important;width:64px!important;height:48px!important;transform:none!important;animation:none!important;overflow:hidden!important;} body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-writer-away{visibility:hidden!important;} } @media print{.world-menu-writer-seat{display:none!important;}} /* Address label on the native saved note, never a delivery receipt or a new form. */ @media screen{ body[data-cafe-world=ghibli] #tasksPage .world-task-recipient{display:flex;align-items:flex-start;gap:7px;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:7px;padding:6px 10px 6px 7px;border:1px dashed #9a9873;border-left:4px solid #718260;background:#f4efd9;color:#38503b;border-radius:2px 6px 3px 2px;line-height:1.6;} body[data-cafe-world=ghibli] #tasksPage .world-task-recipient>span:last-child{min-width:0;overflow-wrap:anywhere;white-space:normal;} body[data-cafe-world=ghibli] #tasksPage .world-task-recipient-stamp{flex:0 0 18px;color:#706c4d;line-height:1.6;} body[data-cafe-world=ghibli] #tasksPage .is-done .world-task-recipient{border-color:#b7ae91;background:#eee9db;color:#66614e;} } @media print{.world-task-recipient-stamp{display:none!important}.world-task-recipient{display:inline;background:none;border:0;color:inherit}.world-task-recipient::before{content:' ／ ';}} /* The basket's hanging label mirrors the original status, without moving/hiding its accessible node. */ @media screen { body[data-cafe-world=ghibli] #inventoryPage .world-stock-sign-source{opacity:0!important;} body[data-cafe-world=ghibli] .world-bread-basket>b.world-stock-sign{left:6px;right:6px;bottom:8px;min-height:25px;box-sizing:border-box;display:grid;place-items:center;padding:2px 3px;background:#faf0cf;border:1px solid #94764b;border-bottom:3px solid #8e7147;border-radius:2px 4px 3px 2px;color:#51472f;font-weight:700;font-size:11px;line-height:1.5;box-shadow:1px 2px 0 #60492d25;} body[data-cafe-world=ghibli] .world-stock-sign::before{content:'';position:absolute;top:-11px;left:calc(50% - 12px);width:24px;height:11px;border:1px solid #806541;border-bottom:0;border-radius:50% 50% 0 0;pointer-events:none;} body[data-cafe-world=ghibli] #productRows .product-row[data-world-stock=unknown] .world-bread-basket{background:repeating-linear-gradient(90deg,#c6b799 0 6px,#d8ccb4 7px 11px);border-color:#9d8e73;} } /* The daily shelf keeps the native menu in its own column, outside long product names. */ @media screen { body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>.product-row{grid-template-columns:minmax(0,1fr) 44px!important;} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>.product-row>td:nth-child(2){grid-column:1!important;min-width:0;padding-right:8px!important;} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] #productRows>.product-row>td:nth-child(7){grid-column:2!important;grid-row:1!important;align-self:start;padding:7px 0!important;min-width:0;border-top:0;} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] .us31-product-menu>summary{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;box-sizing:border-box;} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] .us31-product-menu[open]{z-index:5;} body[data-cafe-world=ghibli] #inventoryPage[data-bread-view=daily] .us31-product-menu>div{position:absolute;right:0;top:calc(100% + 4px);width:180px;max-width:calc(100vw - 50px);box-sizing:border-box;z-index:5;box-shadow:0 5px 14px #3f483333;} } @media screen and (max-width:600px){ body[data-cafe-world=ghibli] #inventoryPage .world-bread-basket{width:74px;height:54px;} body[data-cafe-world=ghibli] #inventoryPage .world-bread-basket>i{width:40px;height:34px;left:calc(3px + var(--loaf)*6px);bottom:calc(17px + mod(var(--loaf),2)*4px);} body[data-cafe-world=ghibli] #inventoryPage .world-bread-basket>b.world-stock-sign{bottom:6px;} } /* Two baskets compare registered quantities; original entry and filters stay native. */ body[data-cafe-world="ghibli"] .world-waste-compare{margin:0 12px 14px;border:1px solid #b79565;border-radius:12px;background:#fff8e5;color:#4b4635;overflow:hidden} body[data-cafe-world="ghibli"] .world-waste-compare>summary{min-height:44px;box-sizing:border-box;padding:12px;cursor:pointer;font-weight:700;line-height:1.4} .world-waste-compare-body{padding:0 10px 10px}.world-waste-compare-note{font-size:12px;line-height:1.6;margin:4px 0 10px}.world-waste-compare-table-wrap{max-height:360px;overflow:auto} .world-waste-compare-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.world-waste-compare-table th,.world-waste-compare-table td{padding:8px 4px;white-space:normal!important;overflow-wrap:anywhere;border-bottom:1px solid #ddcca7;vertical-align:top;text-align:left}.world-waste-compare-table thead th{position:sticky;top:0;background:#fff8e5;z-index:1;text-align:center;font-size:12px}.world-waste-compare-table th:first-child{width:30%}.world-waste-compare-table svg{display:block;width:64px;max-width:100%;height:36px;margin:0 auto 3px}.world-waste-compare-table time,.world-waste-compare-table td>span{display:block}.world-waste-compare-table time{font-size:11px;font-weight:400;line-height:1.6}.world-waste-compare-table td small{font-size:11px}.world-waste-unregistered{color:#6f6957}.world-waste-uncertain{color:#8a432b;font-weight:700} @media print{.world-waste-compare{display:none!important}} /* Paused dishes remain in their own closed stall; management uses the native form. */ body[data-cafe-world="ghibli"] .world-paused-stall{margin:0 0 16px;border:1px solid #b39465;border-radius:12px;background:#f7edda;color:#514b38;overflow:hidden}.world-paused-stall>summary{min-height:52px;box-sizing:border-box;cursor:pointer;padding:10px 14px;font-weight:700;line-height:1.5}.world-stall-awning{display:inline-block;width:32px;height:16px;margin:0 8px 0 0;border:2px solid #8c7757;border-radius:2px 2px 6px 6px;background:repeating-linear-gradient(90deg,#a9ae8e 0 8px,#eee1bc 8px 16px);vertical-align:middle}.world-paused-stall-body{padding:0 12px 12px}.world-paused-stall-body p{font-size:12px;line-height:1.6}.world-paused-stall-body ul{list-style:none;margin:0;padding:0}.world-paused-stall-body li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px dashed #c7b28a}.world-paused-stall-body li>span{flex:1;min-width:0;overflow-wrap:anywhere}.world-paused-stall-body small,.world-paused-stall-body strong{display:block}.world-paused-stall-body small{font-size:11px;font-weight:400}.world-paused-stall-body button{min-height:44px;min-width:76px;padding:8px;flex-shrink:0;color:#35503d;background:#ede5c9;border:1px solid #a3936c;border-radius:9px;font-weight:700} @media print{.world-paused-stall{display:none!important}} /* One shop: plaster walls, a shared timber frame and paper on the actual work surfaces. */ @media screen{ body[data-cafe-world=ghibli]{--house-wall:#f2e8cc;--house-paper:#fff7e2;--house-timber:#b89a68;--house-edge:#94794e;--house-ink:#3e503b;--house-green:#486c51;--house-line:#c9b58b} body[data-cafe-world=ghibli][data-world-phase=night]{--house-wall:#e0e2d1;--house-timber:#a99a77} body[data-cafe-world=ghibli][data-world-phase=evening]{--house-wall:#eedcbe;--house-timber:#b48d60} body[data-cafe-world=ghibli] .world-room-sign{background:linear-gradient(110deg,var(--house-wall),#edf0d9);border-color:var(--house-line);border-bottom:3px solid var(--house-edge);box-shadow:none} body[data-cafe-world=ghibli] .world-furniture-dock{background:var(--house-timber)!important;border-color:var(--house-edge);border-bottom-width:5px;box-shadow:0 2px 0 #775b3c22} body[data-cafe-world=ghibli] .world-connected-workbench{background:var(--house-paper);border:1px solid var(--house-line);border-bottom:2px solid var(--house-edge);box-shadow:none;padding:8px 10px;margin:0 0 12px;gap:6px} body[data-cafe-world=ghibli] .world-packing-terrace{border:0;border-top:1px dashed var(--house-line);background:transparent;padding:0;margin-top:4px} body[data-cafe-world=ghibli] .world-packing-terrace>summary{min-height:44px;box-sizing:border-box;padding:10px 4px} body[data-cafe-world=ghibli] .world-store-map{background:var(--house-paper);border:1px solid var(--house-line);border-bottom:3px solid var(--house-edge);margin:18px 0 12px} body[data-cafe-world=ghibli] .world-store-map>summary{min-height:44px;box-sizing:border-box} body[data-cafe-world=ghibli] .reference-main-nav{background-color:var(--house-timber);border-color:var(--house-edge)} body[data-cafe-world=ghibli] .mobile-bottom-nav{background-color:var(--house-timber);border-top-color:var(--house-edge)} body[data-cafe-world=ghibli] .world-paused-stall{background:var(--house-paper);border-color:var(--house-line)} body[data-cafe-world=ghibli] #ordersPage .po-card-body{background:var(--house-paper)} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-room-sign{min-height:72px;box-sizing:border-box;padding:8px 10px;margin:8px 0;gap:8px} body[data-cafe-world=ghibli] .world-room-sign p{margin:3px 0 0;line-height:1.4;font-size:11px} body[data-cafe-world=ghibli] .world-room-light{width:54px;height:48px;flex-shrink:0} body[data-cafe-world=ghibli] .world-furniture-dock{margin:0 0 8px;padding:5px 6px 7px;gap:6px;border-bottom-width:4px} body[data-cafe-world=ghibli] .world-furniture-dock .world-furniture-action{min-height:48px!important;flex:1 1 130px;gap:6px;padding:5px 7px!important;font-size:12px} body[data-cafe-world=ghibli] .world-furniture-dock .world-action-art{width:36px;height:30px;flex:0 0 36px} body[data-cafe-world=ghibli] .world-furniture-dock .world-action-art svg{width:36px;height:30px} body[data-cafe-world=ghibli] .world-connected-workbench{margin-bottom:8px;padding:6px 8px;gap:4px} body[data-cafe-world=ghibli] .world-connected-workbench>span{flex:1 1 140px;font-size:11px} body[data-cafe-world=ghibli] .world-connected-workbench>div{gap:4px} body[data-cafe-world=ghibli] .world-connected-workbench a{min-height:44px;box-sizing:border-box;padding:8px 6px;font-size:11px;display:flex;align-items:center;justify-content:center} body[data-cafe-world=ghibli] .world-week-season>summary{min-height:44px;min-width:96px;padding:6px;font-size:11px} body[data-cafe-world=ghibli] #ordersPage .po-header{margin:4px 0 8px;gap:8px} body[data-cafe-world=ghibli] #ordersPage .po-header h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} body[data-cafe-world=ghibli] #ordersPage .po-header-actions{width:100%;gap:6px} body[data-cafe-world=ghibli] #ordersPage .po-header-actions .po-button{min-height:44px;flex:1 1 120px;text-align:center} body[data-cafe-world=ghibli] .world-paused-stall{margin-top:12px} } @media screen{ body[data-cafe-world=ghibli] .world-menu-support{margin:12px 0;background:var(--house-paper);border:1px solid var(--house-line);border-bottom:3px solid var(--house-edge);border-radius:8px} body[data-cafe-world=ghibli] .world-menu-support>summary{min-height:44px;box-sizing:border-box;padding:12px;cursor:pointer;font-weight:700} body[data-cafe-world=ghibli] .world-menu-support-body{padding:0 10px 10px} body[data-cafe-world=ghibli] .world-menu-support-body>.prep-open{min-height:44px;margin:8px 0} body[data-cafe-world=ghibli] .world-menu-support .menu-print-direct{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #menuPage .menu-board-toolbar{padding:8px;border:1px solid var(--house-line);border-bottom-width:3px;margin:0 0 8px;gap:6px} body[data-cafe-world=ghibli] #menuPage .menu-tools{gap:6px} body[data-cafe-world=ghibli] #menuPage .menu-tools>label{margin:0} body[data-cafe-world=ghibli] #menuPage #menuWeek{min-height:44px;box-sizing:border-box} } @media print{.world-menu-support>summary{display:none!important}.world-menu-support{border:0!important;background:none!important}.world-menu-support-body{padding:0!important}} .world-order-line{display:none} @media screen{ body[data-cafe-world="ghibli"] #ordersPage .po-order-items>.world-order-item{display:block!important;min-width:0;background:var(--house-paper,#fff7e2)!important;border:1px solid var(--house-line,#c9b58b)!important;border-left:5px solid var(--house-timber,#b89a68)!important;border-radius:5px;padding:10px 12px!important;box-shadow:0 2px 0 #96774b24} body[data-cafe-world="ghibli"] .world-order-original{display:none} body[data-cafe-world="ghibli"] #ordersPage .po-order-items .world-order-line{display:block;min-width:0;padding:0!important;border:0!important;border-radius:0;background:none!important;box-shadow:none;color:var(--house-ink,#3e503b)} body[data-cafe-world="ghibli"] .world-order-name{display:block;overflow-wrap:anywhere;line-height:1.5} body[data-cafe-world="ghibli"] .world-order-line dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0;padding-top:7px;border-top:1px dashed var(--house-line,#c9b58b)} body[data-cafe-world="ghibli"] .world-order-line dl div{min-width:0} body[data-cafe-world="ghibli"] .world-order-line dt{font-size:11px;line-height:1.5} body[data-cafe-world="ghibli"] .world-order-line dd{font-size:15px;font-weight:700;margin:3px 0 0;overflow-wrap:anywhere} body[data-cafe-world="ghibli"] .world-order-issue{display:block;margin-top:7px;color:#864222;line-height:1.5} body[data-cafe-world="ghibli"] .po-order-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px} } .world-order-reader{display:none} @media screen{ body[data-cafe-world=ghibli] .world-order-reader{display:block;position:relative;flex:0 0 52px;width:52px;height:54px;pointer-events:none} body[data-cafe-world=ghibli] .world-order-reader>.world-resident-art{width:48px;height:48px;display:block;object-fit:contain} body[data-cafe-world=ghibli] .world-order-reader-paper{position:absolute;bottom:2px;right:0;width:22px;height:17px;background:repeating-linear-gradient(#fff8df 0 5px,#d3bc88 6px 7px);border:1px solid #97764b;border-radius:2px;transform:rotate(-8deg);box-shadow:1px 2px 0 #765d3a25} body[data-cafe-world=ghibli] .po-dialog-head:has(.world-order-reader){background:var(--house-paper,#fff7e2);gap:10px} body[data-cafe-world=ghibli] .po-dialog-head:has(.world-order-reader) h2{flex:1;min-width:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .po-dialog-head:has(.world-order-reader) .po-dialog-close{flex:0 0 44px;min-width:44px;min-height:44px} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #menuPage .panel:has(#menuBoard){padding:8px!important;border-width:4px!important} body[data-cafe-world=ghibli] #menuPage .menu-board-toolbar{padding:4px 0 6px!important} body[data-cafe-world=ghibli] #menuPage .menu-tools{align-items:start;gap:6px} body[data-cafe-world=ghibli] #menuPage .menu-tools>label{width:100%;display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap} body[data-cafe-world=ghibli] #menuPage .menu-tools #menuWeek{flex:1;min-width:150px;max-width:220px} body[data-cafe-world=ghibli] #menuPage .menu-tools #generateMenuBtn{min-height:48px;font-size:13px;padding:8px!important;margin:0!important;align-self:start} body[data-cafe-world=ghibli] #menuPage .menu-tools #simpleMenuActions{align-self:start;padding:0!important;min-height:0;height:auto} body[data-cafe-world=ghibli] #menuPage #simpleMenuActions>summary{padding:9px 7px;min-height:48px;box-sizing:border-box;font-size:12px!important;line-height:1.5} body[data-cafe-world=ghibli] #menuPage .menu-day-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px!important;border-width:3px!important;gap:5px} body[data-cafe-world=ghibli] #menuPage .menu-day-nav>button{width:100%;min-width:0;padding:6px 2px!important;min-height:44px;font-size:12px!important} body[data-cafe-world=ghibli] #menuPage .menu-day-card{padding:8px;border-width:3px!important;gap:6px} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header{padding:2px 0 6px;gap:6px;align-items:center} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header h2{font-size:18px;margin:0;white-space:nowrap} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header button{font-size:12px;padding:6px 8px;white-space:nowrap;min-height:44px} } @media screen{ body[data-cafe-world=ghibli] .world-recipe-bookmarks{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 10px;border-bottom:1px dashed var(--house-line,#c9b58b);margin-bottom:10px} body[data-cafe-world=ghibli] .world-recipe-bookmarks[hidden]{display:none} body[data-cafe-world=ghibli] .world-recipe-bookmarks button{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border:1px solid #aa8d61;border-bottom:3px solid #aa8d61;border-radius:3px 3px 8px 8px;color:#3d503c;background:#f3e4bc;text-align:left} body[data-cafe-world=ghibli] .world-recipe-bookmarks button b{display:grid;place-items:center;min-width:24px;min-height:24px;background:#d9ddbc;border-radius:50%} body[data-cafe-world=ghibli] .world-recipe-bookmarks button span{font-size:12px} body[data-cafe-world=ghibli] .world-recipe-bookmarks button:focus-visible{outline:3px solid #36718a;outline-offset:3px} } @media print{.world-recipe-bookmarks{display:none!important}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] #recipesPage .rp-header h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body[data-cafe-world=ghibli] #recipesPage .rp-header{margin:4px 0 8px!important;padding:4px 0 8px!important;min-height:0!important}} @media screen{body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=unknown]{border-left:6px dashed #a57942!important}body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=unknown] .world-parcel-lid{transform:none!important;transition:none!important}} @media screen{ body[data-cafe-world=ghibli] .world-task-support{padding:0;background:var(--house-paper,#fff7e2);border:1px solid var(--house-line,#c9b58b);border-bottom:3px solid var(--house-edge,#94794e);border-radius:5px;margin:12px 0} body[data-cafe-world=ghibli] .world-task-support>summary{min-height:44px;box-sizing:border-box;padding:12px;cursor:pointer;font-weight:700} body[data-cafe-world=ghibli] .world-task-support>div{padding:0 12px 12px} body[data-cafe-world=ghibli] .world-task-support .task-notification-guide{margin:8px 0;padding:10px;border:0;background:none} body[data-cafe-world=ghibli] .world-task-support a{display:inline-block;min-height:44px;box-sizing:border-box;padding:10px 0} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #tasksPage>.heading h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body[data-cafe-world=ghibli] #tasksPage>.heading{margin:4px 0 10px;padding:0;min-height:0}body[data-cafe-world=ghibli] #tasksPage>.heading .task-heading-actions{width:100%}} @media print{.world-task-support{display:none!important}} @media screen{ body[data-cafe-world=ghibli] .world-kitchen-mixer-host{animation:none!important;transform:none!important} body[data-cafe-world=ghibli] .world-kitchen-mixer-host>svg{overflow:hidden;width:100%;height:100%} body[data-cafe-world=ghibli] .world-kitchen-mixer-active>.world-work-object{visibility:hidden} } @media screen{ body[data-cafe-world=ghibli] .world-room-interior{position:absolute;inset:0 0 65px;pointer-events:none;z-index:0;overflow:hidden;opacity:.9} body[data-cafe-world=ghibli] .world-room-interior>svg{display:block;width:100%;height:100%} body[data-cafe-world=ghibli] .world-house-plan .world-room-window{z-index:2} body[data-cafe-world=ghibli] .world-house-plan .world-room-furniture{z-index:1} body[data-cafe-world=ghibli] .world-house-plan .world-home-room{background-color:var(--house-wall,#f2e8cc)} body[data-cafe-world=ghibli] .world-house-plan .world-room-label{border-color:var(--house-edge,#94794e);background:var(--house-paper,#fff7e2);box-shadow:0 -2px 0 #fff9df80} body[data-cafe-world=ghibli] .world-house-plan .world-home-room:focus-visible{outline:4px solid #36718a;outline-offset:-5px} body[data-cafe-world=ghibli] .world-house-plan .world-home-room:focus-visible .world-room-label{background:#fffbe9} body[data-cafe-world=ghibli] .world-book-stove>.world-kitchen-mixer-host{width:79px;height:108px;left:131px;top:9px} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-book-stove>.world-kitchen-mixer-host{width:66px;height:83px;left:78px;top:-3px}} @media print{.world-room-interior{display:none!important}} @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-home-room{background-image:url('world-bakery-wall175.png');background-size:100% calc(100% - 57px);background-position:top;background-repeat:no-repeat;background-color:#c0a174;box-shadow:inset 0 5px #fff4d457} body[data-cafe-world=ghibli] .world-house-plan .world-home-room:after{background:none} body[data-cafe-world=ghibli] .world-room-interior:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--house-light-angle,125deg),transparent 0 44%,#fff3b1 45% 67%,transparent 68%);opacity:var(--house-light-opacity,.15);pointer-events:none} body[data-cafe-world=ghibli][data-world-phase=evening] .world-room-interior:after{background:radial-gradient(ellipse at 40% 4%,#ffdf9c88,transparent 70%);opacity:.2} body[data-cafe-world=ghibli][data-world-phase=night] .world-room-interior:after{background:radial-gradient(ellipse at 40% 4%,#ffe1a2a0,transparent 72%);opacity:.35} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-home-room{background-blend-mode:multiply;background-color:#a2ac9a;box-shadow:inset 0 0 40px #e2c58828} } @media screen{body[data-cafe-world=ghibli] .world-house-plan .world-roof{background-image:url('world-bakery-wall175.png');background-color:#887253;background-blend-mode:multiply;background-size:100% 430%;background-position:bottom;background-repeat:no-repeat}body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{background-image:linear-gradient(#ead7b455,#e3cc9f33),url('world-bakery-wall175.png');background-size:100% 100%,100% 430%;background-position:center,bottom;background-repeat:no-repeat}body[data-cafe-world=ghibli][data-world-phase=night] .world-room-tenant[data-life-pose="soot:1"],body[data-cafe-world=ghibli][data-world-phase=night] .world-room-tenant[data-life-pose="bird:1"]{animation:none!important;transform:none!important}} @media screen{ body[data-cafe-world=ghibli] .world-window-scene image[data-world-landscape]{opacity:0} body[data-cafe-world=ghibli] .world-window-scene.world-landscape-ready image[data-world-landscape]{opacity:1} body[data-cafe-world=ghibli] .world-painted-sun,body[data-cafe-world=ghibli] .world-painted-moon{opacity:0} body[data-cafe-world=ghibli] .world-landscape-ready .world-painted-sun,body[data-cafe-world=ghibli] .world-landscape-ready .world-painted-moon{opacity:1} body[data-cafe-world=ghibli][data-world-weather=cloudy] .world-window-scene image[data-world-landscape]{filter:brightness(.91) saturate(.75)} body[data-cafe-world=ghibli][data-world-weather=rain] .world-window-scene image[data-world-landscape]{filter:brightness(.76) saturate(.7)} body[data-cafe-world=ghibli][data-world-weather=snow] .world-window-scene image[data-world-landscape]{filter:saturate(.5) brightness(.96)} body[data-cafe-world=ghibli][data-world-phase=evening] .world-window-scene image[data-world-landscape]{filter:brightness(.78) sepia(.17)} body[data-cafe-world=ghibli][data-world-phase=night] .world-window-scene image[data-world-landscape]{filter:brightness(.32) saturate(.5)} } @media screen{body[data-cafe-world=ghibli] .world-house-plan .world-kitchen-walking-room .world-room-furniture>.world-prop{width:64%}body[data-cafe-world=ghibli] .world-kitchen-mixer-host>svg[data-kitchen-resident-rig=walk]{overflow:visible;will-change:transform}} /* The original order dialogs are the parcel desk's paper drawers. Screen only. */ @media screen { body[data-cafe-world=ghibli] .po-dialog{background:var(--house-paper,#fff7e2);border:5px solid var(--house-wood,#b79461);border-radius:8px;box-shadow:0 9px 0 var(--house-edge,#94794e),0 24px 70px #352a3540;--po-line:#d7c7a2;--po-muted:#626b55;--po-ink:#344c3a;color:var(--po-ink)} body[data-cafe-world=ghibli] .po-dialog-head,body[data-cafe-world=ghibli] .po-dialog-actions{background:var(--house-paper,#fff7e2)} body[data-cafe-world=ghibli] .po-dialog-head{border-bottom:2px solid var(--po-line)} body[data-cafe-world=ghibli] .po-dialog-head h2{overflow-wrap:anywhere;min-width:0} body[data-cafe-world=ghibli] .po-dialog-close{width:44px;height:44px;min-width:44px;flex:0 0 44px;color:#36523e;background:#eee0bc;border:1px solid #b69c70;border-radius:6px} body[data-cafe-world=ghibli] .po-dialog .po-field input,body[data-cafe-world=ghibli] .po-dialog .po-field textarea{background:#fffdf3;color:#344c3a;border-color:#bda983} body[data-cafe-world=ghibli] .po-dialog .po-field input:disabled{color:#656b5a;background:#eee8d6} body[data-cafe-world=ghibli] .po-dialog .po-quantity button{width:44px;height:44px;min-width:44px;background:#f7eacb;color:#36523e;border-color:#b69c70} body[data-cafe-world=ghibli] .po-dialog .po-quantity input[type=number]{min-height:44px;background:#fffdf3;color:#344c3a} body[data-cafe-world=ghibli] .po-dialog .po-dialog-actions{border-top:2px solid var(--po-line)} body[data-cafe-world=ghibli] .po-dialog .po-dialog-actions>.po-button{min-height:44px} body[data-cafe-world=ghibli] .po-dialog :is(button,input,textarea,select):focus-visible{outline:3px solid #36718a;outline-offset:2px} } @media screen and (max-width:480px){ body[data-cafe-world=ghibli] .po-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} body[data-cafe-world=ghibli] .po-dialog-actions>.po-button{width:100%;min-width:0;white-space:nowrap;padding-inline:7px} } @media screen{ /* Keep native focused fields inside the body rather than underneath sticky actions. */ body[data-cafe-world=ghibli] .po-dialog{display:flex;flex-direction:column;overflow:hidden} body[data-cafe-world=ghibli] .po-dialog-head,body[data-cafe-world=ghibli] .po-dialog-actions{flex:0 0 auto;position:relative} body[data-cafe-world=ghibli] .po-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain} } .world-order-arrival{display:none} @media screen{ body[data-cafe-world=ghibli] .world-order-date{position:relative;padding:7px 13px 7px 20px;background:#f9edcb;border:1px solid #bda579;border-radius:3px 9px 4px 3px;box-shadow:1px 2px 0 #b7a27a40;color:#405641;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-order-date:before{content:'';position:absolute;left:6px;top:12px;width:5px;height:5px;border:1px solid #bda579;border-radius:50%;background:#fffaf0} body[data-cafe-world=ghibli] .world-order-date-original{display:none} body[data-cafe-world=ghibli] .world-order-arrival{display:grid;gap:2px;line-height:1.45} body[data-cafe-world=ghibli] .world-order-arrival small{font-size:11px;color:#626d52} body[data-cafe-world=ghibli] .world-order-arrival>span{font-size:13px;font-weight:700} body[data-cafe-world=ghibli] .world-order-arrival em{font-size:11px;font-style:normal;color:#875322} body[data-cafe-world=ghibli] .world-order-date:is([data-world-arrival=confirm],[data-world-arrival=unknown],[data-world-arrival=missing]){border-style:dashed;background:#fff3da} body[data-cafe-world=ghibli] .world-order-date[data-world-arrival=draft]{background:#fff8df} body[data-cafe-world=ghibli] .world-order-date:is([data-world-arrival=received],[data-world-arrival=cancelled]){background:#ede7d5;color:#626753;box-shadow:none} } .world-shortage-priority{display:none} @media screen{ body[data-cafe-world=ghibli] .rp-demand-row .world-shortage-date{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;padding:4px 7px;margin-top:6px;background:#f5e8c7;border:1px solid #bca57b;border-radius:3px 7px 3px 3px;color:#665638;line-height:1.5} body[data-cafe-world=ghibli] .world-shortage-priority{display:inline-block;max-width:100%;padding:1px 5px;background:#ead398;color:#604b29;border:1px solid #b79b60;border-radius:3px;font-size:10px;font-weight:700} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .rp-demand-row>td:first-child>.world-shortage-date{justify-self:start;max-width:100%;box-sizing:border-box;margin-top:7px;font-size:12px}} .world-customer-stand{display:contents} @media screen{ body[data-cafe-world=ghibli] .world-customer-stand{display:block;position:relative;margin:16px 0 28px;border:5px solid var(--house-wood,#b79461);border-bottom:12px solid var(--house-edge,#94794e);border-radius:7px 7px 3px 3px;background:var(--house-paper,#fff7e2);box-shadow:0 4px 0 #846947,2px 9px 18px #6f573027} body[data-cafe-world=ghibli] .world-customer-stand:after{content:'';display:block;height:15px;position:absolute;top:calc(100% + 12px);left:15%;right:15%;pointer-events:none;background:linear-gradient(90deg,#94794e 0 9px,transparent 9px calc(100% - 9px),#94794e calc(100% - 9px) 100%)} body[data-cafe-world=ghibli] .world-customer-stand-head{padding:10px 13px;border-bottom:1px solid #c7b38b;background:#efe0be} body[data-cafe-world=ghibli] .world-customer-stand-head #customerMenuStatus{margin:0;color:#415640;font-weight:700;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-customer-stand-stage{min-width:0;padding:12px} body[data-cafe-world=ghibli] .world-customer-stand-edit{display:flex;align-items:center;gap:10px;flex-wrap:wrap} body[data-cafe-world=ghibli] .world-customer-stand-edit #customerEditModeBtn{min-height:44px;flex:none} body[data-cafe-world=ghibli] .world-customer-stand-edit #customerDragHint{flex:1;min-width:160px;font-size:12px;line-height:1.7;margin:0 0 10px} body[data-cafe-world=ghibli] .world-customer-stand #customerMenuPreview{margin:0;max-width:100%;box-sizing:border-box;padding:8px;border:2px solid #b3986b;border-radius:2px;background:#fffef5;box-shadow:inset 0 0 0 3px #efe5ce;overflow:auto} body[data-cafe-world=ghibli] .world-customer-stand-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#eee0be;border-top:2px solid #bca476} body[data-cafe-world=ghibli] .world-customer-stand-output>button{min-height:44px;min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-customer-stand-output>button:disabled{opacity:.55;cursor:not-allowed} body[data-cafe-world=ghibli] .world-customer-stand :is(button,input,select):focus-visible{outline:3px solid #36718a;outline-offset:2px} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-customer-stand{border-width:4px;border-bottom-width:10px}body[data-cafe-world=ghibli] .world-customer-stand-stage{padding:8px}body[data-cafe-world=ghibli] .world-customer-stand-output{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px}body[data-cafe-world=ghibli] .world-customer-stand-output>button:last-child{grid-column:1/-1}} @media print{.world-customer-stand:after{display:none!important}.world-customer-stand-head,.world-customer-stand-edit,.world-customer-stand-output{display:none!important}} /* Read-only view of the native preview; original export and editor stay on the stand. */ @media screen{ body[data-cafe-world=ghibli] [data-world-customer-zoom]{min-height:44px;flex:none} body[data-cafe-world=ghibli] .world-customer-zoom{box-sizing:border-box;width:min(960px,calc(100vw - 16px));max-width:calc(100vw - 16px);height:min(900px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:5px solid var(--house-wood,#b79461);border-radius:7px;background:var(--house-paper,#fff7e2);color:#344c3a;overflow:hidden} body[data-cafe-world=ghibli] .world-customer-zoom[open]{display:flex;flex-direction:column} body[data-cafe-world=ghibli] .world-customer-zoom::backdrop{background:#263c35a3} body[data-cafe-world=ghibli] .world-customer-zoom>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:2px solid #bca476;flex:none} body[data-cafe-world=ghibli] .world-customer-zoom h2{font-size:16px;margin:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-customer-zoom button{min-height:44px;min-width:64px;flex:none} body[data-cafe-world=ghibli] .world-customer-zoom-paper{min-height:0;overflow:auto;overscroll-behavior:contain;background:#d4c5a8;padding:12px} body[data-cafe-world=ghibli] .world-customer-zoom-paper>img{display:block;width:max(650px,100%);max-width:none;height:auto;background:white;box-shadow:0 3px 12px #63563e40} body[data-cafe-world=ghibli] .world-customer-zoom :is(button,[tabindex]):focus-visible{outline:3px solid #36718a;outline-offset:-3px} } @media print{.world-customer-zoom{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-customer-zoom h2{font-size:14px}body[data-cafe-world=ghibli] .world-customer-zoom header small{font-size:11px;color:#626b55}} /* Native archived records remain read-only books, distinct from the current menu. */ @media screen{ body[data-cafe-world=ghibli] #menuHistoryPage .world-history-shelf{background:var(--house-paper,#fff7e2);border:3px solid var(--house-wood,#b79461);box-shadow:0 7px 0 var(--house-edge,#94794e);padding:14px} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-volume{position:relative;margin:14px 0;padding:13px 12px 13px 25px;background:#eee4ca;border:1px solid #b8a37c;border-left:10px solid #6b8266;border-radius:3px 6px 6px 3px;box-shadow:0 3px 0 #bbaa8a;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-volume:before{content:'';position:absolute;inset:0 auto 0 7px;width:2px;border-left:1px solid #ac9c7c;pointer-events:none} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-volume small{display:block;line-height:1.6;color:#62634e} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-volume .sh-actions{gap:8px;flex-wrap:wrap} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-volume button,body[data-cafe-world=ghibli] #menuHistoryPage [data-world-history-return]{min-height:44px;white-space:normal} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-openbook{position:relative;background:linear-gradient(90deg,#d9c8a2 0 8px,#fff8e7 8px 100%);border:3px solid #b89e72;border-left:8px solid #6b8266;padding:15px 12px 15px 20px;box-shadow:0 5px 0 #c6b595} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-openbook h2{margin:0 0 8px;font-size:18px;overflow-wrap:anywhere;scroll-margin-top:20px} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-openbook .sh-scroll{margin-top:12px} body[data-cafe-world=ghibli] #menuHistoryPage :is([data-mh-view],[data-world-history-return],.world-history-openbook h2):focus-visible{outline:3px solid #36718a;outline-offset:2px} } @media screen{ body[data-cafe-world=ghibli] #menuHistoryPage .world-history-shelf{background:var(--house-paper,#fff7e2)!important;border-color:var(--house-wood,#b79461)!important;border-radius:4px 7px 7px 4px!important;box-shadow:0 7px 0 var(--house-edge,#94794e)!important} body[data-cafe-world=ghibli] #menuHistoryPage .world-history-openbook{background:linear-gradient(90deg,#d9c8a2 0 8px,#fff8e7 8px 100%)!important;border-color:#b89e72!important;border-left:8px solid #6b8266!important;border-radius:3px 7px 7px 3px!important;box-shadow:0 5px 0 #c6b595!important} } @media screen{body[data-cafe-world=ghibli] .world-batch-measure{margin:12px 0;padding:10px;background:#f4e7c7;border:1px solid #bda779;border-left:5px solid #78906a;border-radius:3px 7px 7px 3px}body[data-cafe-world=ghibli] .world-batch-measure>button{min-height:44px;max-width:100%;white-space:normal}body[data-cafe-world=ghibli] .world-batch-measure p{font-size:12px;line-height:1.7;margin:8px 0}body[data-cafe-world=ghibli] .world-batch-measure summary{min-height:44px;display:flex;align-items:center;cursor:pointer}body[data-cafe-world=ghibli] .world-batch-measure ul{padding-left:20px;line-height:1.7}} @media print{.world-batch-measure>button,.world-batch-measure details{display:none!important}} /* The native weekly ingredient table is one shopping basket; no new quantity totals. */ [data-world-basket-week]{display:none} @media screen{ body[data-cafe-world=ghibli] #recipesPage .world-demand-basket{background:#fff8e6!important;border:4px solid #b99963!important;border-radius:7px 7px 18px 18px!important;box-shadow:0 6px 0 #9d7e4c!important} body[data-cafe-world=ghibli] .world-demand-basket-tag{background:#f0e1b8;border:2px solid #ad9160;border-radius:4px 9px 5px 4px;padding:10px;margin-top:12px;gap:8px} body[data-cafe-world=ghibli] .world-demand-basket-tag [data-world-basket-week]{display:block;font-weight:700;font-size:13px;color:#415640} body[data-cafe-world=ghibli] .world-demand-basket-tag>.rp-meta{color:#62644d;line-height:1.6;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-demand-basket-tag>[data-rp-order-week]{min-height:44px;white-space:normal;line-height:1.5} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-demand-basket-tag{position:sticky;top:8px;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);gap:4px 8px;box-sizing:border-box} body[data-cafe-world=ghibli] .world-demand-basket-tag>[data-world-basket-week]{grid-column:1;grid-row:1} body[data-cafe-world=ghibli] .world-demand-basket-tag>.rp-meta{grid-column:1;grid-row:2;font-size:11px} body[data-cafe-world=ghibli] .world-demand-basket-tag>[data-rp-order-week]{grid-column:2;grid-row:1/span 2;align-self:center;padding:8px;box-sizing:border-box} } @media screen{body[data-cafe-world=ghibli] #recipesPage .world-demand-basket{overflow:visible}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-demand-basket-tag{grid-template-columns:minmax(0,1fr);padding:9px}body[data-cafe-world=ghibli] .world-demand-basket-tag>[data-world-basket-week]{grid-column:1;grid-row:1;overflow-wrap:normal}body[data-cafe-world=ghibli] .world-demand-basket-tag>.rp-meta{grid-column:1;grid-row:2}body[data-cafe-world=ghibli] .world-demand-basket-tag>[data-rp-order-week]{grid-column:1;grid-row:3;justify-self:stretch}} .world-shortage-compartment{display:none} @media screen{body[data-cafe-world=ghibli] .world-shortage-compartment{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;margin-top:10px;background:#edf0dd;border:1px solid #acb596;border-radius:3px 7px 7px 3px}body[data-cafe-world=ghibli] .world-shortage-compartment>svg{width:34px;height:40px;flex:none}body[data-cafe-world=ghibli] .world-shortage-compartment>button{min-height:44px;max-width:100%;white-space:normal;font-size:12px;padding:8px 10px;color:#36523c;background:#fff8e5;border:1px solid #a9ad8b;border-radius:5px}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-demand-basket .rp-week-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}body[data-cafe-world=ghibli] .world-demand-basket [data-rp-week]{grid-column:1/-1;grid-row:1;box-sizing:border-box;min-width:0;width:100%}body[data-cafe-world=ghibli] .world-demand-basket [data-rp-action=prev-week]{grid-column:1;grid-row:2;width:44px;min-height:44px}body[data-cafe-world=ghibli] .world-demand-basket [data-rp-action=next-week]{grid-column:3;grid-row:2;width:44px;min-height:44px}body[data-cafe-world=ghibli] .world-demand-basket [data-rp-action=open-week]{grid-column:2;grid-row:2;min-height:44px;min-width:0;padding-inline:5px}} @media screen{ body[data-cafe-world=ghibli] #ordersPage .world-supplier-bag{background:#f8f0d8!important;border:3px solid #b29d6d!important;border-radius:7px 7px 20px 20px!important;box-shadow:0 5px 0 #ae966044!important} body[data-cafe-world=ghibli] .world-supplier-bag>.po-card-head{flex-wrap:wrap;background:repeating-linear-gradient(0deg,#eee2bd 0 3px,#f0e6ca 3px 6px);border-bottom:2px solid #ad9466;padding:14px} body[data-cafe-world=ghibli] .world-supplier-bag>.po-card-head h2{overflow-wrap:anywhere;flex:1;min-width:120px} body[data-cafe-world=ghibli] .world-supplier-bag-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:12px;color:#5c6045} body[data-cafe-world=ghibli] .world-supplier-bag-tools button{min-height:44px;padding:8px 12px;background:#fff8e4;color:#3f583e;border:1px solid #af9b6c;border-radius:5px;flex:none} body[data-cafe-world=ghibli] .world-supplier-bag-body[hidden]{display:none!important} body[data-cafe-world=ghibli] .world-supplier-bag-body>.po-group-row{border-bottom:1px dashed #c4b38c} } @media screen{body[data-cafe-world=ghibli] .world-supplier-bag>.po-card-head>label{min-height:44px;display:inline-flex;align-items:center}} /* Actual native scheduled orders and receipt actions share the arrival cart. */ @media screen{ body[data-cafe-world=ghibli] .world-arrival-calendar-head{gap:8px;flex-wrap:wrap} body[data-cafe-world=ghibli] .world-arrival-calendar-head button{min-height:44px;min-width:44px} body[data-cafe-world=ghibli] .world-arrival-calendar-window{overflow-x:auto;overscroll-behavior-x:contain;padding:4px;box-sizing:border-box;background:#efe4c8;border:2px solid #ad976c;border-radius:5px} body[data-cafe-world=ghibli] .world-arrival-calendar{min-width:350px;gap:4px} body[data-cafe-world=ghibli] .world-arrival-calendar>[data-po-date]{min-width:44px;min-height:64px;box-sizing:border-box;background:#fff8e4;border-color:#b8a27b} body[data-cafe-world=ghibli] .world-arrival-calendar>[data-po-date].selected{background:#e3ebd2;border:2px solid #6c815e} body[data-cafe-world=ghibli] .world-arrival-detail{position:relative;padding-top:12px;border-top:3px solid #b29a68;margin-top:22px} body[data-cafe-world=ghibli] .world-arrival-detail>h3{font-size:17px;line-height:1.6;overflow-wrap:anywhere;margin:4px 0 12px;scroll-margin-top:16px} body[data-cafe-world=ghibli] .world-arrival-cart{height:36px;max-width:110px;pointer-events:none} body[data-cafe-world=ghibli] .world-arrival-cart>svg{display:block;width:100%;height:100%} body[data-cafe-world=ghibli] .world-arrival-door{display:flex;align-items:center;gap:9px;padding:9px;margin:9px 0 12px;background:#f4e7c3;border:1px solid #baa071;border-radius:4px 8px 4px 4px} body[data-cafe-world=ghibli] .world-arrival-door>svg{width:34px;height:38px;flex:none} body[data-cafe-world=ghibli] .world-arrival-door>button{min-height:44px;white-space:normal} body[data-cafe-world=ghibli] .world-arrival-detail>h3:focus-visible{outline:3px solid #36718a;outline-offset:3px} } @media screen{body[data-cafe-world=ghibli] #ordersPage .world-arrival-calendar-window>.world-arrival-calendar.po-calendar{min-width:350px;grid-template-columns:repeat(7,minmax(44px,1fr));gap:4px}body[data-cafe-world=ghibli] #ordersPage .world-arrival-calendar.po-calendar>button[data-po-date]{min-width:44px;min-height:64px}body[data-cafe-world=ghibli] #ordersPage .world-arrival-calendar-head button.po-button{min-width:44px;min-height:44px}body[data-cafe-world=ghibli] #ordersPage .world-arrival-door>button.po-button{min-height:44px}} @media screen{body[data-cafe-world=ghibli] .world-shift-roster{margin:16px 0;background:#fff4d6;border:2px solid #ad9665;border-radius:5px 9px 6px 5px;color:#40523b;box-shadow:0 4px 0 #c6b58e}body[data-cafe-world=ghibli] .world-shift-roster>summary{min-height:44px;padding:12px;box-sizing:border-box;cursor:pointer;font-weight:700;font-size:14px;line-height:1.6}body[data-cafe-world=ghibli] .world-shift-roster-body{padding:0 12px 12px}body[data-cafe-world=ghibli] .world-shift-roster-body>p{font-size:12px;line-height:1.7}body[data-cafe-world=ghibli] .world-roster-resident{display:flex;align-items:end;gap:8px;height:72px}body[data-cafe-world=ghibli] .world-roster-resident>svg{width:76px;height:72px}body[data-cafe-world=ghibli] .world-shift-roster ul{padding:0;margin:0;list-style:none}body[data-cafe-world=ghibli] .world-shift-roster li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px dashed #bba87e}body[data-cafe-world=ghibli] .world-shift-roster li>div{min-width:0;flex:1 1 170px}body[data-cafe-world=ghibli] .world-shift-roster li :is(span,small){display:block;font-size:12px;line-height:1.7;overflow-wrap:anywhere}body[data-cafe-world=ghibli] .world-shift-roster li button{min-height:44px;white-space:normal;padding:8px 12px;border:1px solid #ad9c72;border-radius:5px;background:#fff9e8;color:#36523b}} @media print{.world-shift-roster{display:none!important}} /* Native shift checks keep their own counts, filters and original actions. The chime is silent. */ @media screen{body[data-cafe-world=ghibli] #shiftsPage .world-shift-check{background:#fff4d9;border:2px solid #ac9566;border-radius:5px 9px 5px 5px}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check>summary{min-height:44px;line-height:1.7;overflow-wrap:anywhere;padding:12px}body[data-cafe-world=ghibli] .world-shift-chime{display:inline-flex;width:29px;height:47px;vertical-align:middle;margin-right:10px;pointer-events:none}body[data-cafe-world=ghibli] .world-shift-chime>svg{width:100%;height:100%}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue{background:#fff8e8;border-inline-start:4px solid #af805e;line-height:1.7;white-space:normal;overflow-wrap:anywhere}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue.warning{border-inline-start-color:#99a57d}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check button.sh-issue{min-height:44px}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue-filters{display:flex;flex-wrap:wrap;gap:12px}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue-filters label{min-width:0;max-width:100%}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue-filters select{min-height:44px;max-width:100%;box-sizing:border-box}} @media print{.world-shift-chime{display:none!important}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue-filters label{flex:1 1 100%;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue-filters select{width:100%;min-width:0}body[data-cafe-world=ghibli] #shiftsPage .world-shift-check .sh-issue-filters>p{flex-basis:100%;margin:0}} @media screen{body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack{margin:16px 0;padding:12px;background:#f5e8c5;border:2px solid #aa9566;border-radius:6px;color:#45583f}body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack>summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:10px 0;font-weight:700}body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack>p{font-size:12px;line-height:1.7}body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack ul{list-style:none;padding:0;margin:0}body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border:1px solid #bfa77a;border-radius:4px;margin-top:8px;background:#fff7df}body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack li>span{flex:1 1 150px;min-width:0;overflow-wrap:anywhere}body[data-cafe-world=ghibli] #tasksPage .world-unassigned-rack button{min-height:44px}body[data-cafe-world=ghibli] .world-unassigned-label{display:inline-block;margin:5px 7px;padding:3px 9px;background:#fff6dc;border:1px dashed #aa9366;border-radius:3px;color:#655c40}} @media print{.world-unassigned-rack,.world-unassigned-label{display:none!important}} @media screen{body[data-cafe-world=ghibli] #shiftsPage .world-shift-stations{margin:16px 0;padding:12px;background:#f3ead2;border:2px solid #ad9569;border-radius:6px}body[data-cafe-world=ghibli] #shiftsPage .world-shift-stations>summary{min-height:44px;padding:10px 0;box-sizing:border-box;cursor:pointer;font-weight:700;line-height:1.6}body[data-cafe-world=ghibli] #shiftsPage .world-shift-stations>p{font-size:12px;line-height:1.7}body[data-cafe-world=ghibli] #shiftsPage .world-station-native-days .sh-mobile-day-tabs{display:flex;overflow-x:auto;gap:6px}body[data-cafe-world=ghibli] #shiftsPage .world-station-native-days button{min-width:44px;min-height:44px;flex:none}body[data-cafe-world=ghibli] .world-station-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body[data-cafe-world=ghibli] .world-station-places section{min-width:0;padding:12px;background:#fff8e4;border:1px solid #c0aa7e;border-radius:5px}body[data-cafe-world=ghibli] .world-station-places h3{display:flex;align-items:center;gap:8px;font-size:15px}body[data-cafe-world=ghibli] .world-station-places h3>svg{width:36px;height:40px;flex:none}body[data-cafe-world=ghibli] .world-station-places ul{list-style:none;margin:0;padding:0}body[data-cafe-world=ghibli] .world-station-places li{padding:8px 0;border-top:1px dashed #c8b58d;font-size:12px;line-height:1.7}body[data-cafe-world=ghibli] .world-station-places li :is(time,span){display:block}body[data-cafe-world=ghibli] .world-station-places section>p{font-size:12px;line-height:1.7}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-station-places{grid-template-columns:minmax(0,1fr)}} @media print{.world-shift-stations{display:none!important}} @media screen{body[data-cafe-world=ghibli] #tasksPage .world-working-resident>.world-resident-task-button{position:absolute;left:0;bottom:0;width:70%;height:100%;min-width:44px;min-height:44px;box-sizing:border-box;pointer-events:auto;cursor:pointer;z-index:3;background:transparent;border:0;border-radius:8px;box-shadow:none;padding:0}body[data-cafe-world=ghibli] #tasksPage .world-resident-task-button:hover{outline:2px solid #b4a279;outline-offset:2px}body[data-cafe-world=ghibli] #tasksPage .world-resident-task-button:focus-visible{outline:3px solid #367285;outline-offset:3px}} .world-task-note{box-sizing:border-box;width:min(580px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:0;background:#fff4d7;color:#3b513c;border:3px solid #ac9163;border-radius:6px;overflow:hidden}.world-task-note::backdrop{background:#29382b88}.world-task-note>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:2px solid #bba476}.world-task-note h2{font-size:17px;line-height:1.6;margin:0;overflow-wrap:anywhere}.world-task-note button,.world-task-note select{min-height:44px;box-sizing:border-box;max-width:100%;background:#fff9e8;border:1px solid #ad986d;border-radius:4px;color:#3e543d;padding:9px 12px}.world-task-note>header button{min-width:44px;flex:none}.world-task-note-body{padding:14px;max-height:calc(100dvh - 136px);overflow:auto;overscroll-behavior:contain}.world-task-note-body>p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.world-task-note label{display:grid;gap:7px;font-size:13px}.world-task-note select{width:100%;min-width:0}.world-task-note ul{list-style:none;padding:0;margin:0}.world-task-note li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px dashed #bca77d}.world-task-note li>span{min-width:0;flex:1 1 160px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.world-task-note li>button{font-size:12px;white-space:normal} @media print{.world-task-note,.world-resident-task-button{display:none!important}} .world-task-note-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.world-task-note-tabs button{flex:1 1 110px;min-width:0;font-size:13px}.world-task-note-tabs button[aria-pressed=true]{background:#e4ead0;border:2px solid #81916c;font-weight:700}.world-task-note [data-world-note-more]{width:100%;margin:10px 0}.world-task-note label[hidden]{display:none} @media screen{body[data-cafe-world=ghibli] .world-week-news{margin-top:16px;padding:14px;background:repeating-linear-gradient(#fff3d4 0 27px,#d8c9a5 28px,#fff3d4 29px);border:2px solid #ac9363;border-radius:4px 7px 5px 4px;box-shadow:3px 4px 0 #b39f7744}body[data-cafe-world=ghibli] .world-week-news>summary{min-height:44px;box-sizing:border-box;padding:10px 0;font-weight:700;line-height:1.6;cursor:pointer}body[data-cafe-world=ghibli] .world-week-news>p{font-size:12px;line-height:1.8;background:#fff3d4}body[data-cafe-world=ghibli] .world-week-news ol{margin:0;padding:0;list-style:none}body[data-cafe-world=ghibli] .world-week-news li{padding:12px 0;border-top:1px dashed #b5a17a;line-height:1.8}body[data-cafe-world=ghibli] .world-week-news li :is(strong,time,span){display:block;overflow-wrap:anywhere;background:#fff3d4}body[data-cafe-world=ghibli] .world-week-news li time,body[data-cafe-world=ghibli] .world-week-news li span{font-size:12px}body[data-cafe-world=ghibli] .world-week-news button{min-height:44px;max-width:100%;margin-top:7px;padding:8px 12px;white-space:normal;background:#fff9e8;color:#40533c;border:1px solid #ac986d;border-radius:4px}} @media print{.world-week-news{display:none!important}} @media screen{body[data-cafe-world=ghibli] .prep-open.world-prep-window-button{display:inline-grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:2px 12px;max-width:100%;min-height:72px;box-sizing:border-box;text-align:left;padding:10px 12px;white-space:normal}body[data-cafe-world=ghibli] .world-prep-window-art{grid-column:1;grid-row:1/3;width:60px;height:65px;pointer-events:none}body[data-cafe-world=ghibli] .world-prep-window-art>svg{display:block;width:100%;height:100%}body[data-cafe-world=ghibli] .world-prep-planned-shadow{opacity:0;filter:brightness(0);pointer-events:none}body[data-cafe-world=ghibli] .world-prep-window-art[data-world-prep-shadow=true] .world-prep-planned-shadow{opacity:.23}body[data-cafe-world=ghibli] .world-prep-window-caption{grid-column:2;grid-row:2;font-size:11px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}body[data-cafe-world=ghibli] .world-prep-window-button:focus-visible{outline:3px solid #397187;outline-offset:3px}} @media print{.world-prep-window-art,.world-prep-window-caption{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-first-greeting{position:relative;max-width:100%;box-sizing:border-box;margin:8px 0 12px;padding:9px 12px;border-left:3px solid #b99768;border-radius:2px 7px 7px 2px;background:#fff6df;color:#514734;font-size:12px;line-height:1.7;overflow-wrap:anywhere;box-shadow:0 2px 5px #6e513313;animation:none;pointer-events:none}} @media print{.world-first-greeting{display:none!important}} @media screen{ body[data-cafe-world=ghibli] #prepGuideDialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);padding:16px 18px;border:2px solid #c3a575;border-left:7px solid #8b7050;border-radius:3px 12px 12px 3px;background:linear-gradient(90deg,#e5d5af55,transparent 30px),#fff9e8;box-shadow:7px 9px 0 -3px #d5c49d,0 14px 44px #39291733} body[data-cafe-world=ghibli] #prepGuideDialog header,body[data-cafe-world=ghibli] #prepGuideDialog .prep-controls{flex:none} body[data-cafe-world=ghibli] #prepGuideDialog header{gap:12px} body[data-cafe-world=ghibli] #prepGuideDialog h2{margin:2px 0 8px} body[data-cafe-world=ghibli] #prepGuideDialog .prep-controls{padding:10px 0;gap:8px} body[data-cafe-world=ghibli] #prepGuideDialog [data-prep-body]{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 2px 8px;scroll-padding-block:10px} body[data-cafe-world=ghibli] #prepGuideDialog .prep-dishes article{border:1px solid #dbcbab;background:#fffdf5;border-radius:3px 8px 8px 3px} body[data-cafe-world=ghibli] #prepGuideDialog [data-prep-close]{flex:none;min-width:60px} } @media screen and (max-width:550px){ body[data-cafe-world=ghibli] #prepGuideDialog[open]{padding:10px 12px} body[data-cafe-world=ghibli] #prepGuideDialog h2{font-size:20px} body[data-cafe-world=ghibli] #prepGuideDialog .prep-controls{display:grid;grid-template-columns:minmax(0,1fr)} body[data-cafe-world=ghibli] #prepGuideDialog .prep-controls label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px} body[data-cafe-world=ghibli] #prepGuideDialog .prep-controls input{min-width:0;max-width:100%;box-sizing:border-box} body[data-cafe-world=ghibli] #prepGuideDialog .prep-controls button{width:100%} } @media screen and (prefers-reduced-motion:no-preference){body[data-cafe-world=ghibli][data-world-motion=on][data-world-visible=true] #tasksPage .task-item.is-done.world-task-pin-confirmed::before{animation:world-task-pin-settle 260ms ease-out 1}} @keyframes world-task-pin-settle{0%{transform:translateY(-5px) rotate(-8deg)}65%{transform:translateY(1px) rotate(2deg)}100%{transform:none}} @media screen{ body[data-cafe-world=ghibli] #inventoryPage .world-record-journal{border-left:6px solid #806949!important;border-radius:3px 10px 10px 3px!important;background:linear-gradient(90deg,#d3bd9250,transparent 24px),#fff9e9!important;box-shadow:4px 4px 0 -1px #cbbb94!important} body[data-cafe-world=ghibli] #inventoryPage .world-record-journal-scope{margin:0 16px 8px;color:#675940;font-size:12px;line-height:1.7;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #inventoryPage .world-record-journal .activity-row{border-bottom:1px solid #dfd1b5;background:transparent;gap:8px} body[data-cafe-world=ghibli] #inventoryPage .world-record-journal .activity-text{min-width:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #inventoryPage .world-record-journal .activity-qty{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums} } @media print{.world-record-journal-scope{display:none!important}} /* Common fittings on existing action drawers; no replacement controls or state. */ @media screen{ body[data-cafe-world=ghibli] :is(.modal-actions button.submit,.modal-actions button.primary,.po-dialog-actions button.primary,.po-setting-save button.primary,.sh-dialog button.sh-primary,#salesForm button.primary):not(.danger):not(.forest-quantity):not(.world-furniture-action){min-height:44px;background:linear-gradient(#e5cc8d,#ccb071)!important;color:#3e3525!important;border:1px solid #8c7342!important;border-bottom:3px solid #8c7342!important;border-radius:6px!important;box-shadow:inset 0 1px #fff1c6,0 2px 0 #705d3429!important;text-shadow:none} body[data-cafe-world=ghibli] :is(.modal-actions button.submit,.modal-actions button.primary,.po-dialog-actions button.primary,.po-setting-save button.primary,.sh-dialog button.sh-primary,#salesForm button.primary):not(.danger):not(.forest-quantity):not(.world-furniture-action):active:not(:disabled){transform:none!important;box-shadow:inset 0 2px 3px #76603955!important;background:#cdb176!important} body[data-cafe-world=ghibli] :is(.modal-actions button.submit,.modal-actions button.primary,.po-dialog-actions button.primary,.po-setting-save button.primary,.sh-dialog button.sh-primary,#salesForm button.primary):not(.danger):not(.forest-quantity):not(.world-furniture-action):disabled{opacity:1!important;background:#e3ddce!important;color:#6c6557!important;border-style:dashed!important;box-shadow:none!important;cursor:not-allowed} body[data-cafe-world=ghibli] :is(.modal-actions button.secondary,.po-dialog-actions button.po-button:not(.primary):not(.danger)){min-height:44px;background:#fff8e7!important;color:#4d503f!important;border:1px solid #b8a781!important;box-shadow:0 1px 0 #b8a78155!important} } /* The original name remains the identifier; color alone never identifies a dish. */ @media screen{ body[data-cafe-world=ghibli] :is(#menuPage .menu-cell-display,#recipesPage .rp-recipe-card h3,.world-cookbook #worldRecipeTitle,#prepGuideDialog .prep-dishes strong).world-dish-trail{text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--world-dish-thread);text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:auto} body[data-cafe-world=ghibli] #prepGuideDialog .prep-dishes strong.world-dish-trail>small{text-decoration:none} } @media screen{ body[data-cafe-world=ghibli] .world-customer-source-rail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;box-sizing:border-box;padding:8px;margin-bottom:8px;border:1px solid #b79b6a;background:#f9eccd;border-radius:3px} body[data-cafe-world=ghibli] .world-customer-source-rail>label{font-size:13px;flex:none} body[data-cafe-world=ghibli] .world-customer-source-rail>input{min-height:44px;min-width:0;max-width:100%;box-sizing:border-box;font-size:16px;flex:1 1 150px} body[data-cafe-world=ghibli] .world-customer-source-rail>button{min-height:44px;white-space:normal;overflow-wrap:anywhere;flex:1 1 150px} } /* Native disclosure is the reverse of the paper; warnings remain outside it. */ @media screen{ body[data-cafe-world=ghibli] #recipesPage :is(.rp-calculation,.rp-formula){box-sizing:border-box;min-width:0;max-width:100%;border:1px solid #c2ab7c;border-radius:3px 8px 3px 3px;background:#f9efd7;color:#514b3b} body[data-cafe-world=ghibli] #recipesPage :is(.rp-calculation,.rp-formula)>summary{box-sizing:border-box;min-height:44px;padding:8px 12px;line-height:1.6;cursor:pointer;text-decoration:none;white-space:normal;overflow-wrap:anywhere;color:#4c5943} body[data-cafe-world=ghibli] #recipesPage .rp-calculation>summary{display:list-item;list-style-position:inside} body[data-cafe-world=ghibli] #recipesPage :is(.rp-calculation,.rp-formula)[open]{background:linear-gradient(135deg,transparent calc(100% - 10px),#d6bf92 calc(100% - 10px)),#fff9e9;box-shadow:2px 2px 0 #9f85512b} body[data-cafe-world=ghibli] #recipesPage :is(.rp-calculation,.rp-formula)[open]>summary{border-bottom:1px solid #dfcfac} body[data-cafe-world=ghibli] #recipesPage :is(.rp-calculation,.rp-formula)>p{min-width:0;max-width:100%;margin:10px 12px 14px;line-height:1.8;overflow-wrap:anywhere;white-space:normal} body[data-cafe-world=ghibli] #recipesPage :is(.rp-calculation,.rp-formula)>summary:focus-visible{outline:3px solid #5a7963;outline-offset:2px} } @media screen{ body[data-cafe-world=ghibli] #ordersPage .world-selection-basket{display:grid;grid-template-columns:minmax(0,1fr) auto;bottom:var(--world-basket-bottom,15px);gap:9px;box-sizing:border-box;max-width:100%;border:2px solid #a08656;border-bottom:7px solid #a08656;border-radius:7px 7px 12px 12px;background:repeating-linear-gradient(0deg,#f3e6c6 0 6px,#e9d7b0 7px 8px);backdrop-filter:none;box-shadow:0 3px 0 #78644130} body[data-cafe-world=ghibli] #ordersPage .world-selection-basket>span{color:#405b42;font-weight:700;line-height:1.7} body[data-cafe-world=ghibli] #ordersPage .world-selection-basket .po-order-actions{min-width:0;gap:7px} body[data-cafe-world=ghibli] #ordersPage .world-selection-basket button{min-height:44px;white-space:normal} body[data-cafe-world=ghibli] .world-selection-slips{grid-column:1/-1;display:flex;gap:6px;max-width:100%;min-width:0;overflow-x:auto;list-style:none;padding:4px 0;margin:0} body[data-cafe-world=ghibli] .world-selection-slips li{flex:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border:1px solid #c0aa7d;border-radius:2px 5px 2px 2px;background:#fff9e8;font-size:12px;color:#4c5740} } @media screen and (max-width:550px){body[data-cafe-world=ghibli] #ordersPage .world-selection-basket{grid-template-columns:minmax(0,1fr);padding:10px}body[data-cafe-world=ghibli] #ordersPage .world-selection-basket .po-order-actions{display:grid;grid-template-columns:1fr 1fr}body[data-cafe-world=ghibli] #ordersPage .world-selection-basket button{min-width:0;padding:8px}} @media screen and (max-height:560px){body[data-cafe-world=ghibli] #ordersPage .world-selection-basket{position:static}} @media print{.world-selection-slips{display:none!important}} /* Existing recipe form on the same kitchen desk; only the sheet scrolls. */ @media screen{ body[data-cafe-world=ghibli] dialog.rp-dialog[open]{max-height:calc(100dvh - 24px);background:#f6e9c8;border:2px solid #aa8d5d;border-left:8px solid #9a7b4f;border-radius:4px 11px 9px 4px;overflow:auto} body[data-cafe-world=ghibli] .rp-dialog #rpRecipeForm{display:flex;flex-direction:column;max-height:calc(100dvh - 28px);min-height:0;overflow:hidden} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-heading{position:static;flex:none;padding:10px 12px;background:#eedbb1;border-bottom:2px solid #b49a6c;gap:8px} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-heading h2{min-width:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .rp-dialog #rpEditorBody{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:12px;background:#fff8e5} body[data-cafe-world=ghibli] .rp-dialog :is(input,select,button){min-height:44px} body[data-cafe-world=ghibli] .rp-dialog .rp-remove{min-width:44px;min-height:44px;flex:none} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer{position:static;flex:none;padding:10px 12px;background:#eedfbb;border-top:2px solid #b49a6c;gap:8px} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer>div{min-width:0;gap:8px} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer button{min-width:0;white-space:normal;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer button.primary{background:linear-gradient(#e5cc8d,#ccb071)!important;border:1px solid #8c7342!important;border-bottom-width:3px!important;color:#3e3525!important;box-shadow:inset 0 1px #fff1c6!important} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer button.primary:disabled{opacity:1!important;background:#e3ddce!important;color:#6c6557!important;border-style:dashed!important;box-shadow:none!important} body[data-cafe-world=ghibli] .rp-dialog [data-rp-save-status]{flex:none;margin:0;font-size:12px;line-height:1.6} body[data-cafe-world=ghibli] .rp-dialog .rp-discard-prompt{flex:none;margin:10px;padding:12px;background:#fff4d7;line-height:1.6} body[data-cafe-world=ghibli] .rp-dialog #rpRecipeForm:has(.rp-discard-prompt:not([hidden])){display:block;max-height:none;overflow:visible} body[data-cafe-world=ghibli] .rp-dialog #rpRecipeForm:has(.rp-discard-prompt:not([hidden])) #rpEditorBody{overflow:visible} } @media screen and (max-width:550px){ body[data-cafe-world=ghibli] .rp-dialog .rp-editor-fields{padding:12px;gap:10px} body[data-cafe-world=ghibli] .rp-dialog #rpIngredientRows{padding:0 12px 12px} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer>div{display:grid;grid-template-columns:1fr 1.5fr;width:100%} body[data-cafe-world=ghibli] .rp-dialog .rp-dialog-footer>button{width:100%} } @media screen{ body[data-cafe-world=ghibli] .world-menu-work-note{position:relative;clear:both;padding:12px;margin:0 0 14px;border:1px solid #c2a878;border-left:4px solid #9a7b52;background:#fff8df;box-shadow:2px 3px 0 #9d86542b;color:#43543f} body[data-cafe-world=ghibli] .world-menu-work-note small{font-size:11px;letter-spacing:.03em;color:#7d6543} body[data-cafe-world=ghibli] .world-menu-work-note p{font-size:12px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-menu-work-note>span{display:block;margin-top:7px;font-size:13px;font-variant-numeric:tabular-nums} body[data-cafe-world=ghibli] .world-menu-work-note>[data-world-book-week]{display:block;min-height:44px;margin-top:9px;max-width:100%;white-space:normal} body[data-cafe-world=ghibli] .world-menu-week-usage{margin:10px 0} body[data-cafe-world=ghibli] .world-menu-week-usage>summary{min-height:44px;align-content:center;cursor:pointer;color:#5a674b;font-size:13px} } @media print{.world-menu-work-note{display:none!important}} /* Receipt state is a record, not proof of a local successful operation. */ @media screen{body[data-cafe-world=ghibli] .world-parcel-vignette .world-parcel-lid{transition:none}} /* Compact static threshold in the existing detail status row; list cards stay small. */ .world-order-threshold{display:none} @media screen{ body[data-cafe-world=ghibli] .world-order-threshold-row{align-items:center;gap:8px} body[data-cafe-world=ghibli] .world-order-threshold{display:grid;justify-items:center;gap:3px;margin-left:auto;max-width:180px;min-width:0;color:#4f5e49;flex:0 1 180px} body[data-cafe-world=ghibli] .world-order-threshold-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:128px;height:28px;isolation:isolate} body[data-cafe-world=ghibli] .world-order-threshold-scene>span{display:flex;align-items:end;justify-content:center;position:relative;border-bottom:3px solid #9b997f} body[data-cafe-world=ghibli] .world-threshold-inside{border-bottom-color:#ab7c49!important;background:repeating-linear-gradient(90deg,transparent 0 13px,#a87d4224 14px 15px)} body[data-cafe-world=ghibli] .world-order-threshold-scene svg{width:28px;height:24px;display:block} body[data-cafe-world=ghibli] .world-threshold-door{position:absolute;inset:1px auto 0 59px;width:10px;border:3px solid #8b6b46;border-bottom:0;border-radius:8px 8px 0 0;background:#f2e4c3;box-shadow:0 1px 0 #9b7950} body[data-cafe-world=ghibli] .world-order-threshold-caption{font-size:11px;line-height:1.5;text-align:center;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-order-threshold[data-world-doorway=stale],body[data-cafe-world=ghibli] .world-order-threshold[data-world-doorway=unknown]{color:#83512c} } /* In a short window, read the entire original detail sheet in one scroll. A fixed six-button footer must not reduce its inputs to a 32px slit. */ @media screen and (max-height:560px){ body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm){display:block;overflow:auto;overscroll-behavior:contain} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-body{overflow:visible;max-height:none} } /* One selected ingredient uses the existing measuring bowl and original name/value. A fixed bowl shape never implies measured progress or compatible units. */ @media screen{ body[data-cafe-world=ghibli] .world-cookbook[data-world-bowl=known] .world-kitchen-scale,body[data-cafe-world=ghibli] .world-cookbook[data-world-bowl=reference] .world-kitchen-scale{display:none} body[data-cafe-world=ghibli] .world-cookbook .world-book-right li.world-selected-bowl:not([hidden]){grid-template-columns:minmax(0,1fr);justify-items:center;gap:5px;padding:8px 0 12px;background:linear-gradient(transparent 94%,#c5ad7c55 94%);} body[data-cafe-world=ghibli] .world-cookbook .world-book-right li.world-selected-bowl>span{box-sizing:border-box;max-width:100%;padding:7px 14px;border:1px solid #bda775;border-bottom:3px solid #bda775;border-radius:3px;background:#fff8e4;text-align:center;box-shadow:0 2px 0 #9b795329} body[data-cafe-world=ghibli] .world-cookbook .world-book-right li.world-selected-bowl>strong,body[data-cafe-world=ghibli] .world-cookbook .world-book-right li.world-selected-bowl>.world-material-bench>strong{width:min(180px,100%);min-height:82px;padding:15px 12px 20px;border-radius:43% 43% 42% 42% / 26% 26% 60% 60%;font-size:20px;background:radial-gradient(ellipse at 50% 16%,#fffdf5 0 48%,#e0e5d4 51% 61%,#faf8e9 64%);border-bottom-width:5px;box-shadow:0 4px 0 #816d4620} body[data-cafe-world=ghibli] .world-cookbook .world-book-right li[data-world-bowl=reference]>span{border-style:dashed} } /* Native completed papers share one binding; original controls and source labels stay on each page. */ @media screen{ body[data-cafe-world=ghibli] #tasksPage .task-results.world-completed-book{background:linear-gradient(100deg,#728066,#4e6552)!important;border-color:#56674e!important;border-radius:4px 12px 12px 4px!important;box-shadow:inset 5px 0 0 #324c3c,0 4px 0 #d0bd92!important} body[data-cafe-world=ghibli] #tasksPage .world-completed-book>.tool-controls{border-left:7px solid #ad9261;align-items:center;gap:8px;flex-wrap:wrap} body[data-cafe-world=ghibli] #tasksPage .world-completed-bookmark{min-height:44px;min-width:44px;max-width:100%;margin-left:auto;padding:9px 18px;border:1px solid #856d43;border-bottom:4px solid #856d43;border-radius:2px 2px 9px 2px;background:#d9bd7d;color:#3c3928;font-weight:700;box-shadow:1px 2px 0 #74604333} body[data-cafe-world=ghibli] #tasksPage .world-completed-pages{background:linear-gradient(90deg,#d2bc8b 0 5px,#fff9e7 5px calc(50% - 5px),#af9970 calc(50% - 5px) calc(50% + 5px),#fff9e7 calc(50% + 5px));border-color:#a48c62;border-radius:3px 10px 8px 3px;padding:12px} body[data-cafe-world=ghibli] #tasksPage .world-completed-pages>.task-item.is-done{background:repeating-linear-gradient(#fff9e7 0 27px,#ded5ba 27px 28px)!important;border-left-width:4px!important;box-shadow:1px 3px 0 #c2ad7c!important} body[data-cafe-world=ghibli] #tasksPage .world-completed-pages>.task-item.is-done::before{left:5px;top:9px;width:8px;height:18px;border-color:#9e8b6b;border-right-color:transparent} body[data-cafe-world=ghibli] #tasksPage .world-completed-book-state{padding:10px 12px;color:#754a2d;background:#fff1d7;border-left:4px solid #b68d54;font-size:13px;line-height:1.7;overflow-wrap:anywhere} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #tasksPage .world-completed-pages{background:linear-gradient(90deg,#d2bc8b 0 5px,#fff9e7 5px);padding:9px}} @media screen{ body[data-cafe-world=ghibli] #tasksPage .world-completed-detail{margin-top:8px;border-top:1px dashed #ad9870;border-bottom:1px dashed #ad9870;background:#fff9e7} body[data-cafe-world=ghibli] #tasksPage .world-completed-detail>summary{min-height:44px;box-sizing:border-box;cursor:pointer;padding:11px 8px;color:#425a40;font-size:13px;font-weight:700;line-height:1.6} body[data-cafe-world=ghibli] #tasksPage .world-completed-detail>summary:focus-visible{outline:3px solid #8a5b32;outline-offset:1px} body[data-cafe-world=ghibli] #tasksPage .world-completed-detail>p{padding:0 8px 8px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere} } /* The dial mirrors only the original kitchen timer, never cooking completion. */ .world-timer-clock{flex:none;width:44px;height:44px;align-self:center;pointer-events:none;--timer-second-angle:0deg}.world-timer-clock .world-timer-second{transform-origin:28px 29px;transform:rotate(var(--timer-second-angle));transition:none}.world-timer-clock:not([data-world-clock-state=running]) .world-timer-second{visibility:hidden}.world-timer-clock[data-world-clock-state=running] .world-timer-face{fill:#fff8df}.world-timer-clock[data-world-clock-state=elapsed] .world-timer-face{stroke:#a4783d} body[data-world-motion=off] .world-timer-clock .world-timer-second{transform:none}@media(prefers-reduced-motion:reduce){.world-timer-clock .world-timer-second{transform:none}}@media print{.world-timer-clock{display:none!important}} @media screen{ /* One empty space marks the native low-stock condition; it is never a quantity. */ body[data-cafe-world=ghibli] #inventoryPage .world-bread-basket.world-basket-low>i{width:34px;left:calc(2px + var(--loaf)*4px)} body[data-cafe-world=ghibli] #inventoryPage .world-basket-gap{position:absolute;right:4px;bottom:17px;width:14px;height:22px;box-sizing:border-box;border:1px dashed #806741;border-radius:9px 9px 3px 3px;background:#f7edce99;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #inventoryPage .world-low-stock-tag{background:#fff1c8;color:#785a37;border:1px solid #b39860;border-bottom-width:3px;border-radius:2px 5px 3px 2px} } @media screen{ body[data-cafe-world=ghibli] #inventoryPage .world-zero-stock-seat{display:block;position:relative;flex:none;width:78px;min-height:76px;align-self:center} body[data-cafe-world=ghibli] #inventoryPage .world-zero-stock-seat>.world-bread-basket{margin-top:3px;width:74px;height:54px;box-sizing:border-box} body[data-cafe-world=ghibli] #inventoryPage .world-zero-prep-button{display:flex;align-items:center;justify-content:center;gap:4px;position:absolute;left:0;bottom:0;width:74px;min-width:44px;min-height:44px;padding:4px;background:#faf0cf;color:#51472f;border:1px solid #94764b;border-bottom:3px solid #8e7147;border-radius:3px 5px 4px 2px;box-shadow:1px 2px #60492d25;cursor:pointer;z-index:2} body[data-cafe-world=ghibli] #inventoryPage .world-zero-prep-button>.tag{padding:0;border:0;background:none;color:inherit;opacity:1!important;font-size:11px;font-weight:700;line-height:1.5;white-space:normal} body[data-cafe-world=ghibli] #inventoryPage .world-zero-prep-button::after{content:'↗';font-size:14px;line-height:1} body[data-cafe-world=ghibli] #inventoryPage .world-zero-prep-button:focus-visible{outline:3px solid #45634b;outline-offset:3px} body[data-cafe-world=ghibli] #inventoryPage .world-zero-prep-ready .world-stock-sign{visibility:hidden} } @media screen{.world-cookbook .world-book-right{position:relative}.world-material-page-corner{position:absolute;top:0;right:0;width:20px;height:24px;pointer-events:none;transform-origin:right center;clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(135deg,#cfb77e,#fff4cf 58%,#a58a5d);z-index:1}.world-material-page-corner[hidden]{display:none!important}} @media print{.world-material-page-corner{display:none!important}}@media(prefers-reduced-motion:reduce){.world-material-page-corner{display:none!important}} /* I037: the existing paper spread scrolls between the same title and original actions. */ @media screen{ body[data-cafe-world=ghibli] dialog.world-cookbook[open]{display:flex;flex-direction:column;height:min(820px,calc(100dvh - 30px));overflow:hidden;box-sizing:border-box} body[data-cafe-world=ghibli] .world-cookbook>header{flex:none;gap:10px;padding:8px 12px;align-items:flex-start} body[data-cafe-world=ghibli] .world-cookbook>header>div{min-width:0;max-height:min(140px,24dvh);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable} body[data-cafe-world=ghibli] .world-cookbook h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere} body[data-cafe-world=ghibli] .world-cookbook>header>button{flex:none} body[data-cafe-world=ghibli] .world-cookbook>.world-book-spread{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start} body[data-cafe-world=ghibli] .world-cookbook>.world-book-spread:focus-visible{outline:2px solid #647b50;outline-offset:-3px} body[data-cafe-world=ghibli] .world-cookbook>footer{flex:none;padding:6px;gap:6px} body[data-cafe-world=ghibli] .world-cookbook>footer button{min-width:0;padding:6px 8px;overflow-wrap:anywhere} } @media screen and (max-height:480px){ body[data-cafe-world=ghibli] .world-cookbook .world-book-left{padding:10px} body[data-cafe-world=ghibli] .world-cookbook .world-book-stove{float:right;width:70px;height:50px;margin:0 0 6px 8px} body[data-cafe-world=ghibli] .world-cookbook .world-book-stove>.world-prop{width:68px;height:50px} body[data-cafe-world=ghibli] .world-cookbook .world-book-stove>span{left:40px;top:0;width:26px;height:43px} } @media screen{body[data-cafe-world=ghibli] .world-unmade-cart-note{padding:10px 12px;border:1px dashed #a38b61;border-left:4px solid #a38b61;background:#fff7dd;color:#5c513d;line-height:1.7;font-size:13px;overflow-wrap:anywhere}} /* Same paper, two explicit bookmarks: no extra fixed bar on a short screen. */ .world-book-page-link{display:none} @media screen{ body[data-cafe-world=ghibli] .world-portion-tools{clear:both;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end} body[data-cafe-world=ghibli] .world-portion-tools>label{padding-top:10px} body[data-cafe-world=ghibli] .world-cookbook .world-book-page-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 9px;border-radius:3px 3px 9px 3px;border-bottom:4px solid #9d865e;background:#e6d6a9;font-size:12px;white-space:nowrap} body[data-cafe-world=ghibli] .world-material-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px} body[data-cafe-world=ghibli] .world-material-heading>h3{margin:0} body[data-cafe-world=ghibli] #worldBookMaterials:focus-visible{outline:2px solid #63794c;outline-offset:3px} } @media screen{body[data-cafe-world=ghibli] :is(#poOrderForm,#poReceiptForm) .world-order-unit-tag{display:block;width:fit-content;max-width:100%;box-sizing:border-box;margin:7px 0 0;padding:5px 10px;border:1px solid #baa071;border-left:4px solid #a98a56;border-radius:2px 8px 4px 2px;background:#fff6d9;color:#584e3a;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}} @media screen{body[data-cafe-world=ghibli] button.world-order-reader{pointer-events:auto;padding:2px;min-height:54px;box-sizing:border-box;background:#f7ebc8;border:1px solid #b59a6e;border-bottom:3px solid #a48b62;border-radius:4px 4px 9px 4px}body[data-cafe-world=ghibli] button.world-order-reader>.world-prop{display:block;width:44px;height:46px;pointer-events:none}body[data-cafe-world=ghibli] button.world-order-reader>.world-bird-letter-rig{display:block;width:44px;height:46px;pointer-events:none}body[data-cafe-world=ghibli] button.world-order-reader:focus-visible{outline:3px solid #557746;outline-offset:2px}} @media screen{ body[data-cafe-world=ghibli] #tasksPage .world-pending-wall .task-item>div{min-width:0} body[data-cafe-world=ghibli] #tasksPage .world-pending-wall .task-item h3,body[data-cafe-world=ghibli] #tasksPage .world-pending-wall .task-item small{overflow-wrap:anywhere} body[data-cafe-world=ghibli] #tasksPage .world-pending-detail{margin-top:8px;border-block:1px dashed #b69c6d;background:#fff9e7} body[data-cafe-world=ghibli] #tasksPage .world-pending-detail>summary{box-sizing:border-box;min-height:44px;padding:11px 8px;cursor:pointer;color:#655034;font-size:13px;font-weight:700;line-height:1.6} body[data-cafe-world=ghibli] #tasksPage .world-pending-detail>summary:focus-visible{outline:3px solid #8a5b32;outline-offset:1px} body[data-cafe-world=ghibli] #tasksPage .world-pending-detail>p{margin:0;padding:0 8px 8px;white-space:pre-wrap;overflow-wrap:anywhere} } @media screen{ body[data-cafe-world=ghibli] #tasksPage .world-pending-wall>.tool-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px} body[data-cafe-world=ghibli] #tasksPage .world-pending-bookmark{min-width:72px;min-height:44px;margin-left:auto;border-radius:4px 4px 12px 4px;border-bottom:4px solid #987448!important;background:#fff3cb!important;color:#4b3c28!important} } @media screen{ /* Native "無し" retains its dash/select and original quantity visibility; it is a different paper from a dish with quantity zero. */ body[data-cafe-world=ghibli] #menuPage .menu-item-inline[data-world-dish=none]{background:#faf6e9;background-image:none;border-bottom:1px dashed #ae9b7c;box-shadow:none} body[data-cafe-world=ghibli] #menuPage .menu-item-inline[data-world-dish=empty]{box-shadow:inset 0 2px #cab58d} } @media screen{ /* Same native day replacement action, sitting on the day's header as a loose paper slip. */ body[data-cafe-world=ghibli] #menuPage button[data-regen-day]{position:relative;box-sizing:border-box;min-height:44px;min-width:44px;padding:10px 19px 10px 10px!important;border:1px solid #9c8052!important;border-radius:3px 3px 9px 3px!important;background:linear-gradient(135deg,#fff7d9,#f3e5ba)!important;color:#493b25!important;box-shadow:1px 2px 0 #ad9366!important;white-space:normal;line-height:1.5} body[data-cafe-world=ghibli] #menuPage button[data-regen-day]::after{content:"";pointer-events:none;position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:1px solid #b19768;border-bottom:1px solid #b19768;border-radius:0 0 5px;background:#f8edcf} body[data-cafe-world=ghibli] #menuPage button[data-regen-day]:focus-visible{outline:3px solid #815730!important;outline-offset:3px} body[data-cafe-world=ghibli] #menuPage button[data-regen-day]:active{box-shadow:inset 0 1px 2px #b6a17b!important} } @media screen{ /* Native print button and its original caption stay together beside the native week controls. */ body[data-cafe-world=ghibli] #menuPage .menu-print-direct{position:relative;display:flex;flex-wrap:wrap!important;gap:8px;box-sizing:border-box;padding:16px 10px 10px!important;margin:8px 0 12px!important;border:1px solid #b8a076;border-bottom:3px solid #a68c5f;background:linear-gradient(105deg,#fff7df,#f5ebd0);border-radius:3px 6px 5px 4px} body[data-cafe-world=ghibli] #menuPage .menu-print-direct::before{content:"";position:absolute;pointer-events:none;top:-7px;left:18px;width:24px;height:13px;box-sizing:border-box;border:3px solid #8c826b;border-radius:5px 5px 3px 3px;background:#b8af96;box-shadow:inset 0 0 0 1px #e7e0cd} body[data-cafe-world=ghibli] #menuPage .menu-print-direct #menuPrintBtn{min-height:48px;white-space:normal;line-height:1.6} } @media screen{ body[data-cafe-world=ghibli] #menuPage .menu-print-direct>span{display:block;flex:1 1 100%;font-size:12px;line-height:1.6;color:#655338} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #menuPage .menu-print-direct #menuPrintBtn{flex:1 1 100%!important;width:100%!important;min-width:0;padding:10px!important;font-size:16px!important} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #menuPage .world-menu-none-drawer{margin:12px 0 0;border:1px dashed #b69c70;border-radius:4px;background:#f7f0db} body[data-cafe-world=ghibli] #menuPage .world-menu-none-drawer>summary{box-sizing:border-box;min-height:44px;padding:11px 10px;line-height:1.6;font-size:13px;color:#63543a;cursor:pointer} body[data-cafe-world=ghibli] #menuPage .world-menu-none-drawer>summary:focus-visible{outline:3px solid #815730;outline-offset:2px} body[data-cafe-world=ghibli] #menuPage .world-menu-none-drawer>.menu-mobile-item{margin:8px!important} } @media screen{ body[data-cafe-world=ghibli] #recipesPage .world-uncertain-slip{box-sizing:border-box;max-width:100%;margin:8px 0;padding:8px;border:1px solid #b69c63;border-left:4px solid #ac8050;border-radius:2px 5px 3px;background:#fff1c9;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #recipesPage .world-uncertain-slip>.rp-unmatched{display:block;margin:0 0 8px;font-size:13px;line-height:1.7;color:#785027;white-space:normal;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #recipesPage .world-uncertain-slip>.rp-button{box-sizing:border-box;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.6} body[data-cafe-world=ghibli] #recipesPage .rp-missing,body[data-cafe-world=ghibli] #recipesPage .rp-demand-panel>.rp-notice{border-left:4px solid #ac8050;background:#fff1d0;overflow-wrap:anywhere} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #recipesPage .world-uncertain-slip>.rp-button{width:100%}} @media screen and (max-width:700px) and (max-height:500px){ /* On a short screen the same basket tag stays in flow, leaving the entire native correction action reachable. */ body[data-cafe-world=ghibli] #recipesPage .world-demand-basket-tag{position:static} } /* The same saved stock change hangs beside the original status, with its own hit area. */ body[data-cafe-world=ghibli] #inventoryPage .world-undo-stock{position:relative;box-sizing:border-box;min-width:44px;min-height:44px;max-width:100%;margin:4px 0 4px 6px;padding:10px 9px 7px 13px;white-space:normal;overflow-wrap:anywhere;justify-content:center;border-radius:2px 5px 3px 2px!important;border-bottom:3px solid #a38a5d;background:linear-gradient(115deg,#f9efcf,#eee0b8);box-shadow:1px 2px 0 #70553222;line-height:1.6} body[data-cafe-world=ghibli] #inventoryPage .world-undo-stock::before{content:'';position:absolute;left:3px;top:4px;width:4px;height:9px;border:1px solid #897555;border-radius:3px;pointer-events:none} body[data-cafe-world=ghibli] #inventoryPage .world-undo-stock:focus-visible{outline:3px solid #55745a;outline-offset:3px} @media print{.world-undo-stock{display:none!important}} @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #recipesPage .world-demand-origin-button{position:relative;box-sizing:border-box;display:inline-block;max-width:100%;min-width:44px;min-height:44px;padding:12px 2px 6px;border:1px solid #b69b68;border-bottom:3px solid #a48a5c;border-radius:2px 5px 3px 2px!important;background:#fbf0d1;color:inherit;font:inherit;text-align:left;line-height:1.6;white-space:normal;overflow-wrap:anywhere;vertical-align:top} body[data-cafe-world=ghibli] #recipesPage .world-demand-origin-button::before{content:'';position:absolute;left:4px;top:3px;width:4px;height:6px;border:1px solid #897555;border-radius:3px;pointer-events:none} body[data-cafe-world=ghibli] #recipesPage .world-demand-origin-button:focus-visible{outline:3px solid #55745a;outline-offset:2px} } body[data-cafe-world=ghibli] #recipesPage .world-demand-origin-value{white-space:nowrap} @media screen{ body[data-cafe-world=ghibli] #recipesPage .world-stock-scale strong{white-space:nowrap;overflow-wrap:normal} body[data-cafe-world=ghibli] #recipesPage .world-stock-scale[data-world-scale-layout=stacked]>div{grid-template-columns:minmax(0,1fr);gap:8px} body[data-cafe-world=ghibli] #recipesPage .world-stock-scale[data-world-scale-layout=native]>div{display:none} .world-scale-native-reference{display:none} body[data-cafe-world=ghibli] #recipesPage .world-stock-scale[data-world-scale-layout=native] .world-scale-native-reference{display:block} } @media screen{ body[data-cafe-world=ghibli] #shiftsPage .world-shift-check-entrance{display:inline-flex;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-width:44px;min-height:52px;max-width:100%;padding:4px 9px;background:#f6edcf;border:1px solid #a68f60;border-bottom:3px solid #947949;border-radius:3px 7px 3px 3px!important;color:#4f6048;font:inherit;font-size:13px;line-height:1.5;white-space:normal} body[data-cafe-world=ghibli] #shiftsPage .world-shift-check-entrance>.world-shift-chime{flex:none;margin:0;width:24px;height:42px} body[data-cafe-world=ghibli] #shiftsPage .world-shift-check-entrance:focus-visible{outline:3px solid #55745a;outline-offset:2px} } @media print{.world-shift-check-entrance{display:none!important}} /* The same native detail/edit button opens the same box record. */ @media screen{ body[data-cafe-world=ghibli] #ordersPage .po-content article.world-order-box-linked .world-parcel-vignette{width:72px;height:76px;display:block;z-index:2} body[data-cafe-world=ghibli] #ordersPage .po-content article.world-order-box-linked .world-order-box-opener{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;min-width:44px;min-height:76px;box-sizing:border-box;padding:6px!important;line-height:1.5;font-size:12px;border-radius:5px!important} body[data-cafe-world=ghibli] #ordersPage .po-content article.world-order-box-linked .world-order-box-opener svg{width:36px;height:28px;flex:none;pointer-events:none} body[data-cafe-world=ghibli] #ordersPage .po-content article.world-order-box-linked .po-list-top{padding-right:88px;min-height:76px;box-sizing:border-box} body[data-cafe-world=ghibli] #ordersPage .po-content article.world-order-box-linked .po-list-top>*{min-width:0;max-width:100%;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #ordersPage .po-content article.world-order-box-linked .world-order-box-opener:focus-visible{outline:3px solid #315c46;outline-offset:2px} } @media screen{ body[data-cafe-world=ghibli] #ordersPage .world-arrival-cart:has(.world-arrival-return){height:auto;max-width:100%;margin:4px 0 12px;pointer-events:auto} body[data-cafe-world=ghibli] #ordersPage .world-arrival-return{display:inline-flex;align-items:center;gap:8px;min-height:48px!important;min-width:44px;max-width:100%;padding:6px 12px;background:#fff5dc;border:1px solid #aa9165;border-bottom-width:3px;border-radius:5px!important;color:#48573c;font:inherit;font-size:13px;line-height:1.5;cursor:pointer;pointer-events:auto} body[data-cafe-world=ghibli] #ordersPage .world-arrival-return>svg{width:58px;height:26px;flex:none;pointer-events:none} body[data-cafe-world=ghibli] #ordersPage .world-arrival-return:focus-visible{outline:3px solid #315c46;outline-offset:2px} } @media screen{ body[data-cafe-world=ghibli] #ordersPage .world-supplier-bag-tools{min-width:0;align-items:stretch} body[data-cafe-world=ghibli] #ordersPage .world-supplier-bag-tools>[data-world-bag-selected]{min-width:0;flex:1;min-height:44px;box-sizing:border-box;padding:6px 8px;white-space:normal;overflow-wrap:anywhere;font-size:12px;border-radius:5px!important} body[data-cafe-world=ghibli] #ordersPage .world-supplier-bag-tools>[data-world-bag-selected]:focus-visible{outline:3px solid #315c46;outline-offset:2px} } @media screen{ body[data-cafe-world=ghibli] #ordersPage .world-supplier-bag-body>.po-group-row.world-supplier-choice-row{grid-template-columns:44px minmax(150px,1fr) minmax(100px,.65fr) minmax(112px,.65fr) auto} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice{display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;margin:0;padding:0;border:1px solid #baa274;border-bottom-width:3px;border-radius:5px;background:#fff7e0;cursor:pointer;align-self:start} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice>input{margin:0;flex:none} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice:focus-within{outline:3px solid #315c46;outline-offset:2px} } @media screen and (max-width:750px){ body[data-cafe-world=ghibli] #ordersPage .world-supplier-bag-body>.po-group-row.world-supplier-choice-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:8px} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice-row>.world-supplier-choice{grid-column:1;grid-row:1/3} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice-row>div:first-of-type{grid-column:2/-1;grid-row:1;min-width:0} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice-row>div:nth-of-type(2){grid-column:2;grid-row:2;min-width:0} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice-row>div:nth-of-type(3){grid-column:3;grid-row:2;min-width:0} body[data-cafe-world=ghibli] #ordersPage .world-supplier-choice-row>.po-product-actions{grid-column:2/-1;grid-row:3} } @media screen{ body[data-cafe-world=ghibli] #ordersPage .po-order-actions>.world-order-step-paper{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #bda87b;border-left:4px solid #ad8e58;border-radius:5px;background:#f8edce} body[data-cafe-world=ghibli] #ordersPage .world-order-step-paper>.po-next-action{margin:0;padding:0;background:none;border:0;max-width:100%;line-height:1.7;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #ordersPage .world-order-step-paper>button{justify-self:start;max-width:100%;white-space:normal;min-height:44px} } /* Same task title is the paper handle; original fresh-read/showEntry remains the only action. */ body[data-cafe-world=ghibli] .world-task-note li>.world-task-note-item{display:grid;gap:8px;width:100%;text-align:left;white-space:normal;min-width:0;padding:12px} .world-task-note-item>.world-task-note-title{font-size:14px;line-height:1.7;overflow-wrap:anywhere;min-width:0} .world-task-note-item>.world-task-note-action{font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:3px} /* Native waste record paper: the brief impression requires exact local readback. */ body[data-cafe-world=ghibli] #wasteForm .world-waste-record-slip{min-height:44px;border:1px solid #71836c;border-radius:4px;box-shadow:inset 0 0 0 3px #fff5d533;white-space:normal} body[data-cafe-world=ghibli][data-world-motion=on] #wasteForm .world-waste-record-confirmed{animation:world-waste-record-settle 620ms ease-out 1} @keyframes world-waste-record-settle{0%{box-shadow:inset 0 0 0 3px #ead8a9;transform:translateY(0)}30%{box-shadow:inset 0 0 0 3px #ead8a9;transform:translateY(1px)}100%{box-shadow:inset 0 0 0 3px #fff5d533;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #wasteForm .world-waste-record-confirmed{animation:none}} body[data-cafe-world=ghibli] #wasteSummaryRows .world-waste-basket-reader{display:inline-grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:1px;vertical-align:middle;min-width:52px;min-height:54px;max-width:100%;padding:4px 7px;background:#fff3cf;border:1px solid #b49a68;border-radius:5px;color:inherit} body[data-cafe-world=ghibli] #wasteSummaryRows .world-waste-basket-reader>svg{width:34px;height:19px;max-width:100%;pointer-events:none} body[data-cafe-world=ghibli] #wasteSummaryRows .world-waste-basket-reader>.waste-count{white-space:nowrap} @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #wasteSummaryRows>tr{position:relative;padding:12px;min-height:0} body[data-cafe-world=ghibli] #wasteSummaryRows>tr .quantity-arrow-pairs{position:static;top:auto;bottom:auto;right:auto;transform:none;display:flex;flex-direction:row;width:max-content;max-width:100%;margin-top:8px} body[data-cafe-world=ghibli] #wasteSummaryRows>tr .waste-stepper{display:flex;flex-direction:row} body[data-cafe-world=ghibli] #wasteSummaryRows>tr>td:last-child{position:static;padding:6px 0 0;max-width:100%} body[data-cafe-world=ghibli] #wasteSummaryRows>tr .product{max-width:100%;white-space:normal} } /* The same warning remains beside native acknowledgement; this glass never measures validity. */ @media screen{ body[data-cafe-world=ghibli] #smConfirm .world-confirmation-paper>.world-confirmation-note{position:relative;box-sizing:border-box;min-width:0;padding:12px;border:1px solid #c1ad81;border-left:4px solid #a08452;border-radius:3px;background:#fff5db;color:#514a3c;line-height:1.8;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #smConfirm .world-confirmation-timed-note{padding-left:40px} body[data-cafe-world=ghibli] #smConfirm .world-confirmation-timed-note::before{content:"";position:absolute;left:10px;top:16px;width:18px;height:24px;background:#9b7b46;clip-path:polygon(0 0,100% 0,100% 10%,84% 10%,84% 32%,58% 50%,84% 68%,84% 90%,100% 90%,100% 100%,0 100%,0 90%,16% 90%,16% 68%,42% 50%,16% 32%,16% 10%,0 10%);pointer-events:none} body[data-cafe-world=ghibli] #smConfirm .world-confirmation-ack{box-sizing:border-box;min-height:44px;padding:8px;line-height:1.7;border:1px solid #b6b699;border-radius:4px;background:#f3f2dd;cursor:pointer} body[data-cafe-world=ghibli] #smConfirm .world-confirmation-ack>input{flex:0 0 18px;margin:0} body[data-cafe-world=ghibli] #smConfirm .world-confirmation-ack:focus-within{outline:3px solid #5a7963;outline-offset:2px} } @media screen and (max-height:500px){body[data-cafe-world=ghibli] #smConfirm .world-confirmation-paper>.modal-actions{position:static;bottom:auto}} /* One native directory sheet: keep the original sticky heading clear of every focused link. */ @media screen{ body[data-cafe-world=ghibli] #mobileFeatureMenu{padding:0 16px 16px;scroll-padding-block:80px 16px;overscroll-behavior:contain} body[data-cafe-world=ghibli] #mobileFeatureMenu>.mobile-stock-picker-head{top:0;margin:0 -16px;padding:12px 16px;gap:12px;background:#fff9e6;border-bottom:1px solid #c6ab7d} body[data-cafe-world=ghibli] #mobileFeatureMenu h2{min-width:0;font-size:20px;line-height:1.5;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #mobileFeatureMenu>.mobile-stock-picker-head>button{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:4px!important} body[data-cafe-world=ghibli] #mobileFeatureMenu>section{min-width:0} body[data-cafe-world=ghibli] #mobileFeatureMenu nav a{box-sizing:border-box;min-height:48px;overflow-wrap:anywhere;border-radius:4px 6px 3px 5px} } @media screen and (max-width:400px){body[data-cafe-world=ghibli] #mobileFeatureMenu section nav{grid-template-columns:minmax(0,1fr)}} /* The original stock-kind picker keeps its close handle in the same small sheet. */ @media screen{ body[data-cafe-world=ghibli] #mobileStockPicker{padding:0 16px 12px;scroll-padding-block:76px 8px} body[data-cafe-world=ghibli] #mobileStockPicker>.mobile-stock-picker-head{position:sticky;top:0;z-index:2;margin:0 -16px;padding:12px 16px;gap:12px;background:#fff9e6;border-bottom:1px solid #c6ab7d} body[data-cafe-world=ghibli] #mobileStockPicker>.mobile-stock-picker-head>button{box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:4px!important} body[data-cafe-world=ghibli] #mobileStockPicker>nav{padding-top:12px} body[data-cafe-world=ghibli] #mobileStockPicker>nav>a{border-radius:4px!important} } @media screen and (max-height:500px){body[data-cafe-world=ghibli] #mobileStockPicker{max-height:calc(100dvh - 100px)}} /* A narrow photo desk keeps each original full caption and file picker on one card. */ @media screen and (max-width:400px){ body[data-cafe-world=ghibli] #photosPage .photo-gallery{grid-template-columns:minmax(0,1fr)} body[data-cafe-world=ghibli] #photosPage .photo-tile input[type=file]{scroll-margin-block:16px 112px} body[data-cafe-world=ghibli] #photosPage .photo-tile label{scroll-margin-block:16px 112px} } /* The native PC choice and its native unconfirmed-state note share one destination label. */ @media screen{ body[data-cafe-world=ghibli] #smRelayPanel>.sm-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;box-sizing:border-box;min-width:0;padding:12px;margin:12px 0 0;border:1px solid #baa075;border-left:4px solid #9d8056;border-bottom:0;background:#fff6dc} body[data-cafe-world=ghibli] #smRelayPanel>.sm-actions>label{display:grid;gap:6px;min-width:0;line-height:1.6} body[data-cafe-world=ghibli] #smRelayPanel [data-relay-host]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px} body[data-cafe-world=ghibli] #smRelayPanel>.sm-actions>button{min-width:0;min-height:44px;white-space:normal} body[data-cafe-world=ghibli] #smRelayPanel>.sm-actions+p[role=status]{box-sizing:border-box;padding:10px 12px;margin:0 0 14px;border:1px solid #baa075;border-left:4px solid #9d8056;border-top:0;background:#fff6dc;overflow-wrap:anywhere} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #smRelayPanel>.sm-actions{grid-template-columns:minmax(0,1fr)}} /* The original password stays masked; a narrow manual drawer gives it a full input row. */ @media screen{ body[data-cafe-world=ghibli] #smConnectionPanel .sm-actions>label{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px;line-height:1.6;cursor:pointer;border:1px solid #b7a37b;border-radius:3px;background:#fff6dc} body[data-cafe-world=ghibli] #smConnectionPanel .sm-actions>label>input{flex:0 0 18px;width:18px;min-width:18px;margin:0} body[data-cafe-world=ghibli] #smConnectionPanel :is(#smBridgePin,#smRemember,.sm-actions>button){scroll-margin-block:16px 112px} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #smConnectionPanel .sm-detail-content>.sm-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch} body[data-cafe-world=ghibli] #smConnectionPanel #smBridgePin{box-sizing:border-box;width:100%;min-width:0;min-height:44px} body[data-cafe-world=ghibli] #smConnectionPanel .sm-actions>button{min-width:0;min-height:44px;white-space:normal} } /* The already-sized native staff form uses the same desk paper, with no control/layout change. */ @media screen{ body[data-cafe-world=ghibli] .sh-dialog:has(#shStaffError){background:#fff8e7;color:#43543c} body[data-cafe-world=ghibli] .sh-dialog:has(#shStaffError) .sh-dialog-head{background:#fff8e7} body[data-cafe-world=ghibli] .sh-dialog:has(#shStaffError) :is(.sh-label,.sh-note){color:#655b43} } /* The existing local/shared review cards use the same mailbox paper; native layout stays intact. */ @media screen{ body[data-cafe-world=ghibli] #businessSyncPanel :is(.sync-summary article,.sync-conflict){background:#fff8e7;border-color:#b9a37b;color:#43543c} body[data-cafe-world=ghibli] #businessSyncPanel :is(.sync-advanced,.sync-individual-review)>summary{background:#f1e7c9;color:#4c5a40} } /* A narrow product sign keeps the native full name above its current setting and two controls. */ @media screen and (max-width:700px){ body[data-cafe-world=ghibli] #smIndividualPanel .table-wrap>table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0} body[data-cafe-world=ghibli] #smIndividualPanel :is(thead,tbody){display:block;width:100%;min-width:0} body[data-cafe-world=ghibli] #smIndividualPanel tr{display:grid;grid-template-columns:60px minmax(0,1fr);min-width:0} body[data-cafe-world=ghibli] #smIndividualPanel :is(th,td){min-width:0;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box} body[data-cafe-world=ghibli] #smIndividualPanel :is(th,td):first-child{grid-column:1/-1} body[data-cafe-world=ghibli] #smIndividualPanel tbody tr{margin-bottom:12px;border:2px solid #a68a66;border-radius:3px;background:#fff8e4} body[data-cafe-world=ghibli] #smIndividualPanel tbody td:first-child{padding:12px;font-weight:600;line-height:1.8} body[data-cafe-world=ghibli] #smIndividualPanel tbody td:nth-child(2){display:flex;align-items:center;padding:10px 6px;font-size:12px} body[data-cafe-world=ghibli] #smIndividualPanel tbody td:last-child:not(:first-child){display:flex;align-items:center;gap:6px;padding:10px 6px;flex-wrap:wrap} body[data-cafe-world=ghibli] #smIndividualPanel [data-sm-direct]{flex:0 0 auto;min-width:44px;min-height:44px;scroll-margin-block:16px 112px} } /* The same two-day ribbon is a reading handle only while both native menu entries match. */ @media screen{ body[data-cafe-world=ghibli] #menuPage .world-menu-day-ribbon[role=button]{min-width:44px;min-height:44px;padding-block:10px;cursor:pointer;align-content:center;text-decoration:underline;text-underline-offset:3px} body[data-cafe-world=ghibli] #menuPage .world-menu-day-ribbon[role=button]:focus-visible{outline:3px solid #4f6b45;outline-offset:2px} } /* Focus must leave the original day-replacement action above the fixed phone navigation. */ @media screen{body[data-cafe-world=ghibli] #menuPage button[data-regen-day]{scroll-margin-block:16px 112px}} @media screen{body[data-cafe-world=ghibli] #menuHistoryPage .world-history-openbook .sh-scroll:focus-visible{outline:3px solid #36718a;outline-offset:2px;scroll-margin-block:16px 112px}} @media screen{body[data-cafe-world=ghibli] #inventoryPage .world-record-journal-return{min-height:44px;box-sizing:border-box;padding-block:6px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px;cursor:pointer}body[data-cafe-world=ghibli] #inventoryPage .world-record-journal-return:focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media screen{body[data-cafe-world=ghibli] .world-cookbook .world-recipe-usage{overflow-wrap:anywhere}} /* Scenery resumes only on a fresh original idle, never from a paused old frame. */ @media screen{body[data-cafe-world=ghibli] .world-scenery:not([data-world-scenery-active=true]) :is(.world-cloud,.world-sky-weather),body[data-cafe-world=ghibli] :is(.world-room-window,.world-room-light):not([data-world-scenery-active=true]) .world-window-cloud,body[data-cafe-world=ghibli] .world-room-window:not([data-world-scenery-active=true])::before{animation:none!important}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-house-plan .world-kitchen-walking-room .world-room-furniture>.world-prop{width:56%}} @media screen{body[data-cafe-world=ghibli] #inventoryPage .world-stock-record-seal{position:absolute;width:26px;height:21px;left:calc(50% - 13px);bottom:2px;z-index:2;pointer-events:none;overflow:hidden}} @media screen{body[data-cafe-world=ghibli] #poReceiptForm input[type=number][data-po-receive-id]{width:min(100%,18ch);max-width:100%;box-sizing:border-box}} @media screen and (max-width:540px){body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table tr{grid-template-columns:minmax(0,1fr)}} /* Same original order-detail table: full name above its three original quantities. */ @media screen and (max-width:540px){ body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-table{display:block;min-width:0;width:100%} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-table :is(thead,tbody){display:block} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-table tr{display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr))} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-table :is(th,td){padding:10px 6px;white-space:nowrap} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-table :is(th,td):first-child{grid-column:1/-1;min-width:0;white-space:normal;overflow-wrap:anywhere} } /* The existing six work entrances share the back hall's wall, beam and floor. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{isolation:isolate;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:14px 8px 0;border-top:9px solid #95704d;background:linear-gradient(90deg,#d6c09b22,#ffefd733 50%,#ba9d6f22),#eee0bc;box-shadow:inset 0 4px #7655362e} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a{isolation:isolate;position:relative;min-width:0;min-height:137px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:7px 5px 9px;background:none;border:0;border-radius:0;color:#3e5641;box-shadow:none} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a::before{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:49px;border-top:4px solid #b08b5c;background:repeating-linear-gradient(0deg,transparent 0 15px,#9a744a36 16px 17px),repeating-linear-gradient(90deg,#cfad7b 0 38px,#c8a572 39px 76px);pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a::after{content:"";position:absolute;z-index:-1;left:17%;right:17%;bottom:45px;height:12px;border-radius:50%;background:#72553524;filter:blur(2px);pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a>.world-prop{display:block;width:min(100%,88px);height:73px;flex:0 0 73px;filter:drop-shadow(0 3px 1px #70563e25)} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a>span{position:relative;align-self:stretch;min-height:34px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 3px;border:1px solid #ad8d61;border-bottom:3px solid #99764f;border-radius:2px;background:#fff3d7;font-size:11px;line-height:1.45;overflow-wrap:anywhere;box-shadow:0 2px 1px #70563e18} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a:hover{background:#fff5d73b} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a:focus-visible{outline:3px solid #36718a;outline-offset:-4px} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 3px 0;border-top-width:7px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a{min-height:130px;padding:5px 4px 8px;gap:7px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a>.world-prop{width:min(100%,76px);height:64px;flex-basis:64px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a>span{min-height:38px;font-size:11px} } /* One house through the day: window light across the floor, pendant light inside at night. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-room-interior{isolation:isolate} body[data-cafe-world=ghibli] .world-house-plan .world-room-interior>svg{position:relative;z-index:1} body[data-cafe-world=ghibli] .world-house-plan .world-room-interior::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:polygon(83% 17%,99% 24%,70% 100%,22% 100%);background:linear-gradient(100deg,transparent 0 45%,#886d431a 45% 48%,transparent 48% 67%,#886d431a 67% 70%,transparent 70%),linear-gradient(170deg,transparent 0 63%,#886d4326 63% 66%,transparent 66%),#fff0b4;opacity:var(--house-light-opacity,.1)} body[data-cafe-world=ghibli] .world-house-plan .world-room-interior::after{inset:auto 8% 1% 10%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#6b4b292e,transparent 69%);opacity:.55;z-index:0} body[data-cafe-world=ghibli] .world-house-plan .world-room-furniture::before{content:"";position:absolute;z-index:-1;left:1%;right:0;bottom:2px;height:12px;border-radius:50%;background:radial-gradient(ellipse,#68513631,transparent 70%);pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-room-interior::before{clip-path:polygon(40% 22px,12% 100%,76% 100%);background:radial-gradient(ellipse at 40% 12%,#ffe3a185,#f3cb7129 54%,transparent 82%);opacity:.7} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-room-interior::after{inset:auto 17% 1% 12%;height:17%;background:radial-gradient(ellipse,#ffe4a15c,#e9c17622 46%,transparent 72%);opacity:.7} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-home-room{background-color:#879080;box-shadow:inset 0 7px 13px #33483e1f} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-room-interior>svg{filter:brightness(.86) saturate(.85)} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-room-lamp i{background:#ffe7a3;box-shadow:0 7px 18px 9px #ffdf9247} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-shop-lane{background-color:#c9b992;background-image:radial-gradient(ellipse at 50% 0,#ffdf9761,transparent 72%);box-shadow:inset 0 5px 12px #374b3424} } /* The same home link becomes a real-looking return door in every workroom. */ @media screen{ body[data-cafe-world=ghibli] .world-room-sign>.world-back-door{position:relative;isolation:isolate;box-sizing:border-box;width:44px;height:68px;min-width:44px;min-height:68px;align-content:start;padding-top:6px;font-size:19px;line-height:1;color:#f8edd1;border:3px solid #96734e;border-radius:21px 21px 2px 2px;background:linear-gradient(180deg,#b6c4aa 0 25px,#799170 26px 27px,#627c5d 28px 100%);box-shadow:inset 0 0 0 2px #e0d1a449,0 4px 0 #b09368;scroll-margin:16px 0 112px} body[data-cafe-world=ghibli] .world-room-sign>.world-back-door::before{content:"";position:absolute;right:5px;top:36px;width:5px;height:5px;border-radius:50%;background:#e4c17d;box-shadow:0 1px #795e3d;pointer-events:none} body[data-cafe-world=ghibli] .world-room-sign>.world-back-door::after{content:"ホーム";position:absolute;bottom:5px;left:2px;right:2px;text-align:center;font-size:9px;line-height:1.4;letter-spacing:0;color:#fff3d6;pointer-events:none} body[data-cafe-world=ghibli] .world-room-sign>.world-back-door:hover{background-color:#75906b;box-shadow:inset 0 0 0 2px #fff1c86b,0 4px 0 #b09368} body[data-cafe-world=ghibli] .world-room-sign>.world-back-door:focus-visible{outline:3px solid #36718a;outline-offset:3px} body[data-cafe-world=ghibli][data-world-phase=night] .world-room-sign>.world-back-door{background-image:linear-gradient(180deg,#e1ca92 0 25px,#8a9974 26px 27px,#526f54 28px 100%)} } /* A hanging shop sign, roof eaves and the same front counter give the cutaway a front. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-shop-title{padding-top:15px;align-items:center} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div:first-child{position:relative;padding:9px 15px 7px;border:3px solid #a48258;border-bottom:5px solid #8c6b45;border-radius:4px;background:repeating-linear-gradient(0deg,#f1deb1 0 22px,#d9c494 23px 24px);box-shadow:0 3px 0 #b79a702b} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div:first-child::before,body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div:first-child::after{content:"";position:absolute;top:-15px;height:15px;width:3px;border-radius:2px;background:#7a694e;box-shadow:1px 0 #f8e7bd;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div:first-child::before{left:18px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div:first-child::after{right:18px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title h1{letter-spacing:.065em;margin:0;text-shadow:0 1px #fff3d5} body[data-cafe-world=ghibli] .world-house-plan .world-roof{position:relative;isolation:isolate;box-shadow:inset 0 -8px #624a3459} body[data-cafe-world=ghibli] .world-house-plan .world-roof::before{content:"";position:absolute;left:12%;right:12%;top:14px;height:3px;background:#e2c89f59;box-shadow:0 18px #4437281c,0 36px #4437281c;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-roof::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;border-top:2px solid #b39973;background:#706044;border-radius:0 0 5px 5px;box-shadow:inset 0 -2px #504734;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-front-counter{position:relative;padding-bottom:19px;isolation:isolate;box-shadow:0 9px 0 #b59b73,0 13px 0 #938465,0 16px 0 #77765526} body[data-cafe-world=ghibli] .world-house-plan .world-front-counter::before{content:"";position:absolute;left:-3px;right:-3px;top:-6px;height:7px;border:1px solid #916f49;border-radius:3px;background:#ddc291;box-shadow:inset 0 2px #f1ddb7;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-front-counter::after{content:"";position:absolute;inset:auto 0 0;height:10px;z-index:-1;background:repeating-linear-gradient(90deg,#9d7951 0 50px,#b18d60 51px 101px);pointer-events:none} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-shop-title>div:first-child{background-color:#dac191;box-shadow:0 2px 9px #f1d69526} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-house-plan .world-shop-title{gap:7px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title>div:first-child{padding:7px 8px 5px;border-width:2px;border-bottom-width:4px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-title h1{font-size:27px} body[data-cafe-world=ghibli] .world-house-plan .world-front-counter{padding-bottom:16px} } /* Same original character sheet/whole frame, beside its fixed workroom's own tool. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a.world-hall-occupied>.world-prop{width:calc(100% - 62px);max-width:88px;align-self:flex-start} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a>span.world-hall-resident{display:block;position:absolute;right:7px;bottom:52px;left:auto;top:auto;width:54px;height:76px;min-height:0;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;line-height:0;animation:none!important;transition:none!important;transform:none!important} body[data-cafe-world=ghibli] .world-house-plan .world-hall-resident>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;animation:none!important;transition:none!important} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a.world-hall-occupied>.world-prop{width:calc(100% - 34px);max-width:48px;height:39px;flex-basis:39px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a>span.world-hall-resident{right:4px;bottom:53px;width:30px;height:50px} } /* The four existing rear workrooms join the same hall, with their original role and door. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{grid-template-columns:repeat(12,minmax(0,1fr))} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a{grid-column:span 2} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a[data-world-side-room]{grid-column:span 3;border-top:5px solid #a98559;border-left:1px solid #bca479;background:linear-gradient(100deg,#b6a78014,#fff0d02e 40%,#a5936d0f)} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a[data-world-side-room]:last-child{border-right:1px solid #bca479} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{grid-template-columns:repeat(6,minmax(0,1fr))} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a[data-world-side-room]{min-height:145px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a[data-world-side-room]>.world-prop{width:calc(100% - 50px);max-width:68px;height:55px;flex-basis:55px} body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane>a[data-world-side-room]>span.world-hall-resident{width:44px;height:64px} } @media screen{body[data-cafe-world=ghibli] .world-hall-resident>svg{transform-box:border-box;transform-origin:50% 100%}} /* A shared back garden below the same house: a resting bench, plants and a quiet wash corner. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-house-yard{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:27px 0 6px;padding:7px 12px 0;border-top:7px solid #a28c65;border-bottom:3px solid #9c976f;background:linear-gradient(180deg,#c9c9ad 0 58%,#899d78 58% 62%,#bdba92 62%);box-shadow:inset 0 4px #7c8b6326} body[data-cafe-world=ghibli] .world-house-plan .world-house-yard::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#9a9f7940 calc(33.333% - 3px) 33.333%),repeating-linear-gradient(0deg,transparent 0 23px,#9b9c7b18 24px 25px);pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-house-yard>svg{display:block;width:100%;height:150px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-house-yard{background:radial-gradient(ellipse at 16% 0,#f7d69538,transparent 60%),linear-gradient(180deg,#8c9b88 0 58%,#647d64 58% 62%,#929e7b 62%)} body[data-cafe-world=ghibli][data-world-phase=night] .world-house-plan .world-house-yard>svg{filter:brightness(.8) saturate(.8)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-house-plan .world-house-yard{margin-top:24px;padding:2px 3px 0}body[data-cafe-world=ghibli] .world-house-plan .world-house-yard>svg{height:102px}} /* The same three ceiling lights carry evening warmth along the shared hall and its floor. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-shop-lane{position:relative} body[data-cafe-world=ghibli] .world-house-plan .world-hall-lights{position:absolute;left:0;right:0;top:-11px;height:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;pointer-events:none;z-index:1} body[data-cafe-world=ghibli] .world-house-plan .world-hall-lights>svg{display:block;width:48px;max-width:100%;height:24px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-hall-lamp-glass{fill:#ffe7ac;stroke:#b9a373;filter:drop-shadow(0 2px 5px #ffdd9777)} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-shop-lane{background-color:#bfc0a0;background-image:radial-gradient(ellipse at 16.667% 0,#ffe0a358,transparent 29%),radial-gradient(ellipse at 50% 0,#ffe0a34a,transparent 29%),radial-gradient(ellipse at 83.333% 0,#ffe0a358,transparent 29%)} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-shop-lane>a::before{background-image:radial-gradient(ellipse at 50% 0,#ffe7a540,transparent 76%),repeating-linear-gradient(0deg,transparent 0 15px,#9a744a36 16px 17px),repeating-linear-gradient(90deg,#cfad7b 0 38px,#c8a572 39px 76px)} } /* The back garden opens onto the same original seasonal path; the low gate is scenery. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-yard-vista{position:absolute;z-index:-1;top:8px;left:33.333%;right:33.333%;height:64%;overflow:hidden;border:3px solid #998461;border-radius:36% 36% 0 0;background:var(--world-out-sky);box-shadow:0 0 0 3px #d0c5a4,inset 0 2px 4px #4f624b40;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-yard-vista>.world-window-scene{position:absolute;inset:0;width:100%;height:100%} body[data-cafe-world=ghibli] .world-house-plan .world-yard-vista>.world-yard-gate{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-yard-vista .world-window-cloud{animation:none!important;transform:none} body[data-cafe-world=ghibli] .world-house-plan .world-yard-vista .world-painted-sun,body[data-cafe-world=ghibli] .world-house-plan .world-yard-vista .world-painted-moon{opacity:.7} } /* A quiet library room follows the real file list; its original keeper and book stay whole. */ @media screen{ body[data-cafe-world=ghibli] #filesPage>.world-working-resident.world-library-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:164px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad936a;border-top:9px solid #93744e;border-bottom:5px solid #95744f;background:linear-gradient(180deg,#e0d9b8 0 72%,#c6aa7b 72%);box-shadow:inset 0 4px #b79d6d44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #filesPage>.world-library-nook>.world-library-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b6a78330 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #filesPage>.world-library-nook>.world-library-room>svg{position:absolute;bottom:8px;display:block;height:130px;pointer-events:none} body[data-cafe-world=ghibli] #filesPage>.world-library-nook [data-library-shelf]{left:4%;width:25%} body[data-cafe-world=ghibli] #filesPage>.world-library-nook [data-library-chair]{right:4%;width:21%} body[data-cafe-world=ghibli] #filesPage>.world-library-nook>.world-worker{left:49%;bottom:16px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #filesPage>.world-library-nook>.world-work-object{display:block;left:28%;right:auto;bottom:16px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #filesPage>.world-library-nook{background:radial-gradient(ellipse at 70% 0,#ffe3a34d,transparent 69%),linear-gradient(180deg,#b5b89d 0 72%,#b39c78 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #filesPage>.world-library-nook>.world-worker{left:49%;width:64px;height:94px}body[data-cafe-world=ghibli] #filesPage>.world-library-nook>.world-work-object{left:28%;width:52px;height:46px}} /* A visible reading lamp explains the quiet evening glow; it is decorative, never work status. */ @media screen{ body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #filesPage .world-library-lamp-glass{fill:#ffe7ac;filter:drop-shadow(0 1px 4px #ffda8f99)} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #filesPage .world-library-lamp-ray{opacity:.28} } /* A separate living room for the shift keeper: its empty chair carries no staffing count. */ @media screen{ body[data-cafe-world=ghibli] #shiftsPage>.world-working-resident.world-staff-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:170px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #aa916c;border-top:9px solid #91764f;border-bottom:5px solid #96774f;background:linear-gradient(180deg,#dce0c7 0 72%,#c5ab7f 72%);box-shadow:inset 0 4px #b19c723b;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-staff-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#adac8a30 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-staff-room>svg{position:absolute;bottom:8px;display:block;height:135px;pointer-events:none} body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook [data-staff-coat]{left:4%;width:22%} body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook [data-staff-chair]{right:4%;width:21%} body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-worker{left:50%;bottom:17px;width:72px;height:110px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-work-object{display:block;left:22%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #shiftsPage>.world-staff-nook{background:radial-gradient(ellipse at 30% 0,#ffe5a64a,transparent 69%),linear-gradient(180deg,#b3c0a6 0 72%,#b49f7c 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-worker{left:50%;width:62px;height:96px}body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-work-object{left:22%;width:65px;height:54px}} /* The staff room clock shares the original minute redraw, with no second timer. */ @media screen{body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-staff-room>svg[data-staff-clock]{left:31%;right:auto;top:12px;bottom:auto;width:48px;height:48px}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook>.world-staff-room>svg[data-staff-clock]{width:38px;height:38px}} /* The supplies keeper stays beside the original pantry, beyond the working ledger. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage>.world-working-resident.world-supply-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:170px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #a39170;border-top:9px solid #8c7958;border-bottom:5px solid #927852;background:linear-gradient(180deg,#d5dfcc 0 72%,#c6b38b 72%);box-shadow:inset 0 4px #ac9a733b;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-supply-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#99a08430 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-supply-room>svg{position:absolute;bottom:8px;display:block;height:135px;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook [data-supply-hanger]{left:4%;width:22%} body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook [data-supply-bowl]{right:4%;width:20%} body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-worker{left:52%;bottom:17px;width:72px;height:96px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-work-object{display:block;left:22%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #materialsPage>.world-supply-nook{background:radial-gradient(ellipse at 35% 0,#ffe5a64a,transparent 69%),linear-gradient(180deg,#afc0a7 0 72%,#b3a17d 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-work-object{width:65px;height:54px}} /* The vendor keeper has a travelling coat and a quiet bench; no delivery state is inferred. */ @media screen{ body[data-cafe-world=ghibli] #vendorsPage>.world-working-resident.world-vendor-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #a59475;border-top:9px solid #8f7c5a;border-bottom:5px solid #917b58;background:linear-gradient(180deg,#d0dcd5 0 72%,#c7b18a 72%);box-shadow:inset 0 4px #9f9c7c44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook>.world-vendor-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#8a9d9630 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook>.world-vendor-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook [data-vendor-coat]{left:4%;width:22%} body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook [data-vendor-bench]{right:4%;width:20%} body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook>.world-work-object{display:block;left:22%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #vendorsPage>.world-vendor-nook{background:radial-gradient(ellipse at 43% 0,#ffe0a342,transparent 69%),linear-gradient(180deg,#a8bcb3 0 72%,#b5a07c 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook>.world-work-object{width:65px;height:54px}} /* A still guest room: the empty chair and flower do not describe customers or output status. */ @media screen{ body[data-cafe-world=ghibli] #customerMenuPage>.world-working-resident.world-guest-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #b29d7d;border-top:9px solid #9a805b;border-bottom:5px solid #a1845b;background:linear-gradient(180deg,#e2d8c7 0 72%,#c8af88 72%);box-shadow:inset 0 4px #d6c0a044;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-guest-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#c3b1a236 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-guest-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook [data-guest-shelf]{left:4%;width:18%} body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook [data-guest-chair]{right:3%;width:18%} body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #customerMenuPage>.world-guest-nook{background:radial-gradient(ellipse at 42% 0,#ffe8b94a,transparent 69%),linear-gradient(180deg,#c5bfae 0 72%,#bba17e 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-work-object{width:65px;height:54px}} /* A quiet photo room beyond the gallery; its empty frame carries no photo record. */ @media screen{ body[data-cafe-world=ghibli] #photosPage>.world-working-resident.world-photo-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #a59e83;border-top:9px solid #927f5e;border-bottom:5px solid #9b825c;background:linear-gradient(180deg,#cbdcd6 0 72%,#c7b18b 72%);box-shadow:inset 0 4px #b5c1aa44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-photo-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#a3b9b036 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-photo-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #photosPage>.world-photo-nook [data-photo-rack]{left:4%;width:18%} body[data-cafe-world=ghibli] #photosPage>.world-photo-nook [data-photo-stool]{right:3%;width:18%} body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #photosPage>.world-photo-nook{background:radial-gradient(ellipse at 42% 0,#ffedc542,transparent 69%),linear-gradient(180deg,#a9bfb6 0 72%,#b7a17e 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-work-object{width:65px;height:54px}} /* Paper and a travelling bag belong to the room, never to a sync result or queue count. */ @media screen{ body[data-cafe-world=ghibli] #toolsPage>.world-working-resident.world-post-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ac9b7a;border-top:9px solid #947d58;border-bottom:5px solid #977c54;background:linear-gradient(180deg,#d7dcc3 0 72%,#c5af86 72%);box-shadow:inset 0 4px #b4ad8844;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook>.world-post-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#a8b28d36 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook>.world-post-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook [data-post-desk]{left:4%;width:18%} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook [data-post-bag]{right:3%;width:18%} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #toolsPage>.world-post-nook{background:radial-gradient(ellipse at 42% 0,#ffe8ac49,transparent 69%),linear-gradient(180deg,#b7c2a7 0 72%,#b7a17c 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #toolsPage>.world-post-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #toolsPage>.world-post-nook>.world-work-object{width:65px;height:54px}} /* A closed ledger, drawers and a quiet chair live beyond the fetched sales display. */ @media screen{ body[data-cafe-world=ghibli] #salesPage>.world-working-resident.world-sales-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad9977;border-top:9px solid #927956;border-bottom:5px solid #967953;background:linear-gradient(180deg,#ded8bd 0 72%,#c7ad82 72%);box-shadow:inset 0 4px #bdb08a44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-sales-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#b6ad8f36 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-sales-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #salesPage>.world-sales-nook [data-sales-drawer]{left:4%;width:18%} body[data-cafe-world=ghibli] #salesPage>.world-sales-nook [data-sales-chair]{right:3%;width:18%} body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #salesPage>.world-sales-nook{background:radial-gradient(ellipse at 42% 0,#ffe5a94b,transparent 69%),linear-gradient(180deg,#c1bea4 0 72%,#b69c74 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-work-object{width:65px;height:54px}} /* A sheltered porch connects the counter to the existing back garden without covering an entrance. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan .world-house-porch{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:28px 0 6px;padding:7px 12px 0;border-top:8px solid #a18b66;border-bottom:4px solid #a49b7b;background:linear-gradient(180deg,#d8d8c1 0 61%,#a8ac97 61% 64%,#c4bfa0 64%);box-shadow:inset 0 4px #a7ac8d30;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-house-porch::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#aab18b30 calc(33.333% - 3px) 33.333%);pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-house-porch>svg[data-porch-panel]{display:block;width:100%;height:150px;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan .world-house-porch>svg[data-porch-lamp]{position:absolute;left:calc(50% - 22px);top:0;display:block;width:44px;height:48px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan .world-house-porch{background:radial-gradient(ellipse at 50% 0,#ffe5a84b,transparent 65%),linear-gradient(180deg,#aeb8a4 0 61%,#84957f 61% 64%,#a3ab8e 64%)} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-porch .world-porch-lamp-glass{fill:#ffe4a4} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-house-plan .world-house-porch{margin-top:25px;padding:3px 3px 0}body[data-cafe-world=ghibli] .world-house-plan .world-house-porch>svg[data-porch-panel]{height:110px}body[data-cafe-world=ghibli] .world-house-plan .world-house-porch>svg[data-porch-lamp]{left:calc(50% - 16px);width:32px;height:36px}} /* A quiet tool cupboard and an empty chair live beyond the original waste records. */ @media screen{ body[data-cafe-world=ghibli] #wastePage>.world-working-resident.world-waste-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad9977;border-top:9px solid #927956;border-bottom:5px solid #967953;background:linear-gradient(180deg,#ded8bd 0 72%,#c7ad82 72%);box-shadow:inset 0 4px #bdb08a44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #wastePage>.world-waste-nook>.world-waste-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#b6ad8f36 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #wastePage>.world-waste-nook>.world-waste-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #wastePage>.world-waste-nook [data-waste-drawer]{left:4%;width:18%} body[data-cafe-world=ghibli] #wastePage>.world-waste-nook [data-waste-chair]{right:3%;width:18%} body[data-cafe-world=ghibli] #wastePage>.world-waste-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #wastePage>.world-waste-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #wastePage>.world-waste-nook{background:radial-gradient(ellipse at 42% 0,#ffe5a94b,transparent 69%),linear-gradient(180deg,#c1bea4 0 72%,#b69c74 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #wastePage>.world-waste-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #wastePage>.world-waste-nook>.world-work-object{width:65px;height:54px}} /* The postal room shares the house landscape; this pane is always a still view. */ @media screen{ body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window{position:absolute;display:block;left:26%;top:12px;right:auto;bottom:auto;width:80px;height:56px;box-sizing:border-box;border:4px solid #ae9269;border-radius:14px 14px 1px 1px;box-shadow:0 3px #d0b58b,0 5px #8d7758;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window:after{top:23px} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window :is(.world-window-cloud,.world-post-window-weather){animation:none!important;transition:none!important} body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window-weather{position:absolute;inset:0;pointer-events:none} body[data-cafe-world=ghibli][data-world-weather=rain] #toolsPage>.world-post-nook .world-post-window-weather{background:repeating-linear-gradient(110deg,transparent 0 13px,#f4ffff66 14px 15px)} body[data-cafe-world=ghibli][data-world-weather=snow] #toolsPage>.world-post-nook .world-post-window-weather{background:radial-gradient(circle at 15% 20%,#fff 1px,transparent 2px),radial-gradient(circle at 70% 40%,#fff 1px,transparent 2px);background-size:18px 22px} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window{width:65px;height:49px;top:10px}body[data-cafe-world=ghibli] #toolsPage>.world-post-nook .world-post-window:after{top:19px}} /* Cloth shares the current keeper's one finite rest; the view behind it stays still. */ @media screen{ body[data-cafe-world=ghibli] #toolsPage .world-post-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #toolsPage .world-post-curtain-cloth{fill:#e8e0c3;stroke:#c4b792;stroke-width:.9;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #toolsPage .world-post-curtain-left{transform-origin:7% 0} body[data-cafe-world=ghibli] #toolsPage .world-post-curtain-right{transform-origin:93% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #toolsPage>.world-post-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-post-curtain-left{animation:world-post-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #toolsPage>.world-post-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-post-curtain-right{animation:world-post-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-post-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-post-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #toolsPage .world-post-curtain-cloth{animation:none!important}} /* A small flower shares the keeper's finite quiet rest; it never signals serving or output. */ @media screen{ body[data-cafe-world=ghibli] #customerMenuPage .world-guest-flower{transform-box:view-box;transform-origin:78% 59.333333%;animation:none} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #customerMenuPage>.world-guest-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-guest-flower{animation:world-guest-flower-rest 2400ms ease-in-out 1} } @keyframes world-guest-flower-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(1.5deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #customerMenuPage .world-guest-flower{animation:none!important}} /* The guest table has the same unlit lamp by day and still warm glass after dusk. */ @media screen{ body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook>.world-guest-room>[data-guest-lamp]{left:34%;right:auto;top:0;bottom:auto;width:44px;height:62px} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #customerMenuPage .world-guest-lamp-glass{fill:#ffe1a2} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #customerMenuPage .world-guest-lamp-ray{opacity:.28} } /* Open wooden shutters frame the same house landscape; this view is always still. */ @media screen{ body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook .world-vendor-window{position:absolute;display:block;left:29.5%;top:12px;width:80px;height:56px;pointer-events:none} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-window>.world-room-light{position:relative;display:block;width:100%;height:100%;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-window>.world-room-light:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-window>.world-room-light:after{top:calc(50% - 2px)} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-shutter{position:absolute;display:block;top:0;width:10px;height:100%;pointer-events:none} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-shutter-left{right:100%} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-shutter-right{left:100%} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-window :is(.world-window-cloud,.world-vendor-window-weather){animation:none!important;transition:none!important} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-window-weather{position:absolute;inset:0;pointer-events:none} body[data-cafe-world=ghibli][data-world-weather=rain] #vendorsPage .world-vendor-window-weather{background:repeating-linear-gradient(110deg,transparent 0 13px,#f4ffff66 14px 15px)} body[data-cafe-world=ghibli][data-world-weather=snow] #vendorsPage .world-vendor-window-weather{background:radial-gradient(circle at 15% 20%,#fff 1px,transparent 2px),radial-gradient(circle at 70% 40%,#fff 1px,transparent 2px);background-size:18px 22px} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #vendorsPage>.world-vendor-nook .world-vendor-window{width:52px;height:49px;top:10px}body[data-cafe-world=ghibli] #vendorsPage .world-vendor-window>.world-vendor-shutter{width:8px}} /* The wall clock shows the current instant, never a sales date or closing event. */ @media screen{body[data-cafe-world=ghibli] #salesPage>.world-sales-nook>.world-sales-room>[data-sales-clock]{position:absolute;left:34%;right:auto;top:10px;bottom:auto;width:44px;height:44px;pointer-events:none}} /* The tool room has a high, still pane onto the same house landscape. */ @media screen{ body[data-cafe-world=ghibli] #wastePage>.world-waste-nook .world-waste-window{position:absolute;display:block;left:29%;top:10px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #wastePage .world-waste-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #wastePage .world-waste-window:after{display:none} body[data-cafe-world=ghibli] #wastePage .world-waste-window :is(.world-window-cloud,.world-waste-window-weather){animation:none!important;transition:none!important} body[data-cafe-world=ghibli] #wastePage .world-waste-window-weather{position:absolute;inset:0;pointer-events:none} body[data-cafe-world=ghibli][data-world-weather=rain] #wastePage .world-waste-window-weather{background:repeating-linear-gradient(110deg,transparent 0 13px,#f4ffff66 14px 15px)} body[data-cafe-world=ghibli][data-world-weather=snow] #wastePage .world-waste-window-weather{background:radial-gradient(circle at 15% 20%,#fff 1px,transparent 2px),radial-gradient(circle at 70% 40%,#fff 1px,transparent 2px);background-size:18px 22px} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #wastePage>.world-waste-nook .world-waste-window{width:56px;height:40px}} /* The unlit kitchen alcove extends the house without narrowing the resident's walking room. */ @media screen{ body[data-cafe-world=ghibli] .world-house-plan>.world-kitchen-backroom{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0 6px;padding:4px 12px 0;border-top:8px solid #9d825f;border-bottom:4px solid #987c58;background:linear-gradient(180deg,#e3d5b7 0 72%,#bba17b 72%);box-shadow:inset 0 4px #c2af8a55;pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan>.world-kitchen-backroom::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#b6a38644 calc(50% - 3px) 50%),repeating-linear-gradient(0deg,transparent 0 25px,#aa8b6312 26px 27px);pointer-events:none} body[data-cafe-world=ghibli] .world-house-plan>.world-kitchen-backroom>svg{display:block;width:100%;height:190px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-house-plan>.world-kitchen-backroom{background:linear-gradient(180deg,#bcb59c 0 72%,#a58d6b 72%)} body[data-cafe-world=ghibli][data-world-phase=night] .world-kitchen-backroom>svg{filter:brightness(.86) saturate(.85)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-house-plan>.world-kitchen-backroom{margin-top:24px;padding:3px 3px 0}body[data-cafe-world=ghibli] .world-house-plan>.world-kitchen-backroom>svg{height:150px}} /* The ceiling lamp lights the workbench after dusk; the masonry oven stays closed and unlit. */ @media screen{ body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-kitchen-backroom .world-kitchen-alcove-glass{fill:#ffe1a2} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) .world-kitchen-backroom .world-kitchen-alcove-ray{opacity:.2} } /* One falling drop belongs to the manual-rain porch scene and the original fresh-idle guard. */ .world-porch-rain-drop{opacity:0;transform:none;pointer-events:none} @media screen and (prefers-reduced-motion:no-preference){ body[data-cafe-world=ghibli][data-world-motion=on][data-world-visible=true] .world-house-porch .world-porch-drain[data-world-rain-mode=rain][data-world-scenery-active=true]:not([data-world-rain-finished=true]) .world-porch-rain-drop{animation:world-porch-rain-drop 2400ms linear 1} } @keyframes world-porch-rain-drop{0%,8%{opacity:0;transform:translateY(0)}15%{opacity:.75}70%{opacity:.8;transform:translateY(76px)}83%,100%{opacity:0;transform:translateY(88px)}} /* A small ring follows the same drop only inside the tray; it never records rain volume. */ .world-porch-rain-ripple{opacity:0;transform:none;transform-box:fill-box;transform-origin:center;pointer-events:none} @media screen and (prefers-reduced-motion:no-preference){ body[data-cafe-world=ghibli][data-world-motion=on][data-world-visible=true] .world-house-porch .world-porch-drain[data-world-rain-mode=rain][data-world-scenery-active=true]:not([data-world-rain-finished=true]) .world-porch-rain-ripple{animation:world-porch-rain-ripple 2400ms linear 1} } @keyframes world-porch-rain-ripple{0%,77%{opacity:0;transform:scale(.2)}84%{opacity:.6;transform:scale(.7)}96%{opacity:0;transform:scale(1.8)}100%{opacity:0;transform:scale(2)}} /* Only the original leaf turns, about its fixed branch attachment; the stem and pot remain still. */ .world-porch-leaf{transform:none;transform-box:view-box;transform-origin:121px 39px;pointer-events:none} @media screen and (prefers-reduced-motion:no-preference){ body[data-cafe-world=ghibli][data-world-motion=on][data-world-visible=true] .world-house-porch .world-porch-leaf[data-world-scenery-active=true]:not([data-world-leaf-finished=true]){animation:world-porch-leaf 2400ms ease-in-out 1} } @keyframes world-porch-leaf{0%,100%{transform:rotate(0deg)}45%{transform:rotate(-4deg)}70%{transform:rotate(1deg)}} /* The same painted mixer lives below the recipe paper; its hidden prop contract stays intact. */ @media screen{ body[data-cafe-world=ghibli] #recipesPage>.world-working-resident.world-cook-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:184px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad936a;border-top:9px solid #93744e;border-bottom:5px solid #95744f;background:linear-gradient(180deg,#e4d9bd 0 72%,#c4a77b 72%);box-shadow:inset 0 4px #b79d6d44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook>.world-cook-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b6a78330 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook>.world-cook-room>svg{position:absolute;bottom:8px;display:block;height:148px;pointer-events:none} body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook [data-cook-utensils]{left:4%;width:22%} body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook [data-cook-stool]{right:4%;width:20%} body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook>.world-worker{left:50%;bottom:14px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook>.world-work-object{left:28%;right:auto;bottom:14px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #recipesPage>.world-cook-nook{background:linear-gradient(180deg,#bab9a2 0 72%,#b49b77 72%)} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #recipesPage .world-cook-lamp-glass{fill:#ffe1a2} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #recipesPage .world-cook-lamp-ray{opacity:.2} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook>.world-worker{left:50%;width:64px;height:94px}body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook>.world-work-object{left:28%;width:48px;height:46px}} /* A high still window joins the kitchen to the same landscape as the rest of the house. */ @media screen{ body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook .world-cook-window{position:absolute;display:block;left:30%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #recipesPage .world-cook-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #recipesPage .world-cook-window:after{display:none} body[data-cafe-world=ghibli] #recipesPage .world-cook-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #recipesPage>.world-cook-nook .world-cook-window{left:29%;width:50px;height:40px}} /* The original writer owns the same host, hidden props, and measured card seat. */ @media screen{ body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-life-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:184px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad936a;border-top:9px solid #93744e;border-bottom:5px solid #95744f;background:linear-gradient(180deg,#e1d8b9 0 72%,#c5a87b 72%);box-shadow:inset 0 4px #b79d6d44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #menuPage>.world-working-resident.world-menu-life-nook.world-menu-writer-active{width:100%!important;height:184px!important;top:auto!important} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook>.world-menu-life-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b6a78330 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook>.world-menu-life-room>svg{position:absolute;bottom:8px;display:block;height:148px;pointer-events:none} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook [data-menu-life-desk]{left:4%;width:22%} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook [data-menu-life-chair]{right:4%;width:20%} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook>.world-worker{left:44%;bottom:14px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook.world-menu-writer-active>.world-worker{width:102px!important;height:84px!important} body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook>.world-work-object{left:28%;right:auto;bottom:14px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #menuPage>.world-menu-life-nook{background:linear-gradient(180deg,#b9b9a0 0 72%,#b49b77 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook>.world-worker{width:64px;height:94px}body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook.world-menu-writer-active>.world-worker{width:82px!important;height:68px!important}body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook>.world-work-object{width:36px;height:44px}} /* The menu room looks out onto the same still house landscape, above the writing tools. */ @media screen{ body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook .world-menu-life-window{position:absolute;display:block;left:38%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #menuPage .world-menu-life-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #menuPage .world-menu-life-window:after{display:none} body[data-cafe-world=ghibli] #menuPage .world-menu-life-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #menuPage>.world-menu-life-nook .world-menu-life-window{left:34%;width:50px;height:40px}} /* The original shelf and stock-selected resident stand outside the stock form and rows. */ @media screen{ body[data-cafe-world=ghibli] #inventoryPage>.world-working-resident.world-stock-life-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:184px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad936a;border-top:9px solid #93744e;border-bottom:5px solid #95744f;background:linear-gradient(180deg,#ded9ba 0 72%,#c5aa7e 72%);box-shadow:inset 0 4px #b79d6d44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook>.world-stock-life-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b6a78330 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook>.world-stock-life-room>svg{position:absolute;bottom:8px;display:block;height:148px;pointer-events:none} body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook [data-stock-life-tools]{left:4%;width:22%} body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook [data-stock-life-seat]{right:4%;width:20%} body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook>.world-worker{left:49%;bottom:14px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook>.world-work-object{display:none;left:28%;right:auto;bottom:14px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #inventoryPage>.world-stock-life-nook{background:linear-gradient(180deg,#b6b99f 0 72%,#b49c78 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook>.world-worker{width:64px;height:94px}body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook>.world-work-object{width:48px;height:46px}} /* Blank paper and twine furnish the room; the native order rows remain the record. */ @media screen{ body[data-cafe-world=ghibli] #ordersPage>.world-working-resident.world-packing-life-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:184px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad936a;border-top:9px solid #93744e;border-bottom:5px solid #95744f;background:linear-gradient(180deg,#e2d8b9 0 72%,#c4a77b 72%);box-shadow:inset 0 4px #b79d6d44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook>.world-packing-life-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b6a78330 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook>.world-packing-life-room>svg{position:absolute;bottom:8px;display:block;height:148px;pointer-events:none} body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook [data-packing-life-tools]{left:4%;width:22%} body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook [data-packing-life-seat]{right:4%;width:20%} body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook>.world-worker{left:50%;bottom:14px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook>.world-work-object{display:block;left:28%;right:auto;bottom:14px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #ordersPage>.world-packing-life-nook{background:linear-gradient(180deg,#bab79e 0 72%,#b49b77 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook>.world-worker{width:64px;height:94px}body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook>.world-work-object{width:48px;height:46px}} /* A high still pane joins the packing room to the house landscape, never to delivery status. */ @media screen{ body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook .world-packing-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #ordersPage .world-packing-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #ordersPage .world-packing-window:after{display:none} body[data-cafe-world=ghibli] #ordersPage .world-packing-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #ordersPage>.world-packing-life-nook .world-packing-window{left:28%;width:50px;height:40px}} /* Closed cupboard and empty tools add no food amounts; all amounts stay on the original rows. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage>.world-working-resident.world-ingredient-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:184px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad936a;border-top:9px solid #93744e;border-bottom:5px solid #95744f;background:linear-gradient(180deg,#dfd9b9 0 72%,#c4aa7e 72%);box-shadow:inset 0 4px #b79d6d44;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook>.world-ingredient-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b6a78330 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook>.world-ingredient-room>svg{position:absolute;bottom:8px;display:block;height:148px;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook [data-ingredient-cabinet]{left:4%;width:26%} body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook [data-ingredient-seat]{right:4%;width:21%} body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook>.world-worker{left:49%;bottom:14px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook>.world-work-object{display:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #materialsPage>.world-ingredient-nook{background:linear-gradient(180deg,#b8ba9e 0 72%,#b49e78 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook>.world-worker{width:64px;height:94px}} /* Walls and floor belong to the existing desk heading; no form or functional resident is resized. */ @media screen{ body[data-cafe-world=ghibli] #tasksPage .task-entry.world-task-life-entry>summary{background:linear-gradient(180deg,#e2d8b9 0 72%,#c4a77b 72%);box-shadow:inset 0 6px #987b54,inset 0 -4px #95794f} body[data-cafe-world=ghibli] #tasksPage .world-task-life-scene{position:absolute;inset:0;display:block;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 2px),#b6a78326 calc(33.333% - 2px) 33.333%)} body[data-cafe-world=ghibli] #tasksPage .world-task-life-props{position:absolute;display:block;left:12px;bottom:3px;width:90px;max-width:calc(100% - 124px);height:28px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #tasksPage .task-entry.world-task-life-entry>summary{background:linear-gradient(180deg,#b8b89e 0 72%,#b49b77 72%)} } /* The ingredient keeper has a high still window; it never reports stock or weighing progress. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook .world-ingredient-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage .world-ingredient-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #materialsPage .world-ingredient-window:after{display:none} body[data-cafe-world=ghibli] #materialsPage .world-ingredient-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #materialsPage>.world-ingredient-nook .world-ingredient-window{width:52px;height:40px}} /* Cloth follows only this ingredient keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage .world-ingredient-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #materialsPage .world-ingredient-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #materialsPage .world-ingredient-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #materialsPage .world-ingredient-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #materialsPage>.world-ingredient-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-ingredient-curtain-left{animation:world-ingredient-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #materialsPage>.world-ingredient-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-ingredient-curtain-right{animation:world-ingredient-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-ingredient-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-ingredient-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #materialsPage .world-ingredient-curtain-cloth{animation:none!important}} /* The library keeper has a high still window; it never reports reading or file progress. */ @media screen{ body[data-cafe-world=ghibli] #filesPage>.world-library-nook .world-library-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #filesPage .world-library-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #filesPage .world-library-window:after{display:none} body[data-cafe-world=ghibli] #filesPage .world-library-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #filesPage>.world-library-nook .world-library-window{width:44px;height:34px}} /* Cloth follows only this library keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #filesPage .world-library-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #filesPage .world-library-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #filesPage .world-library-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #filesPage .world-library-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #filesPage>.world-library-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-library-curtain-left{animation:world-library-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #filesPage>.world-library-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-library-curtain-right{animation:world-library-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-library-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-library-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #filesPage .world-library-curtain-cloth{animation:none!important}} /* The photo keeper has a high still window; it never reports a saved or shared photo. */ @media screen{ body[data-cafe-world=ghibli] #photosPage>.world-photo-nook .world-photo-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #photosPage .world-photo-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #photosPage .world-photo-window:after{display:none} body[data-cafe-world=ghibli] #photosPage .world-photo-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #photosPage>.world-photo-nook .world-photo-window{width:44px;height:34px}} /* One small still lamp belongs to the photo room; light is never an upload or camera result. */ @media screen{ body[data-cafe-world=ghibli] #photosPage>.world-photo-nook>.world-photo-room>svg[data-photo-lamp]{left:60%;right:auto;top:2px;bottom:auto;width:28px;height:30px;animation:none;transition:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #photosPage .world-photo-lamp-glass{fill:#ffe7ac;filter:drop-shadow(0 1px 3px #ffda8f99)} } /* Cloth follows only this photo keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #photosPage .world-photo-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #photosPage .world-photo-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #photosPage .world-photo-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #photosPage .world-photo-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #photosPage>.world-photo-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-photo-curtain-left{animation:world-photo-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #photosPage>.world-photo-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-photo-curtain-right{animation:world-photo-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-photo-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-photo-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #photosPage .world-photo-curtain-cloth{animation:none!important}} /* The supply keeper has a high still window; it never reports refilling or cleanup progress. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook .world-supply-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage .world-supply-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #materialsPage .world-supply-window:after{display:none} body[data-cafe-world=ghibli] #materialsPage .world-supply-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook .world-supply-window{width:44px;height:34px}} /* Cloth follows only this supply keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage .world-supply-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #materialsPage .world-supply-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #materialsPage .world-supply-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #materialsPage .world-supply-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #materialsPage>.world-supply-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-supply-curtain-left{animation:world-supply-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #materialsPage>.world-supply-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-supply-curtain-right{animation:world-supply-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-supply-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-supply-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #materialsPage .world-supply-curtain-cloth{animation:none!important}} /* One small still lamp belongs to the supply room; light is never refilling or cleanup progress. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage>.world-supply-nook>.world-supply-room>svg[data-supply-lamp]{left:60%;right:auto;top:2px;bottom:auto;width:28px;height:30px;animation:none;transition:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #materialsPage .world-supply-lamp-glass{fill:#ffe7ac;filter:drop-shadow(0 1px 3px #ffda8f99)} } /* The shift keeper has a high still window; it never reports attendance or shift progress. */ @media screen{ body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook .world-staff-window{position:absolute;display:block;left:65%;top:8px;width:50px;height:42px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #shiftsPage .world-staff-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #shiftsPage .world-staff-window:after{display:none} body[data-cafe-world=ghibli] #shiftsPage .world-staff-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #shiftsPage>.world-staff-nook .world-staff-window{left:53%;top:2px;width:44px;height:30px}} /* Cloth follows only this shift keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #shiftsPage .world-staff-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #shiftsPage .world-staff-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #shiftsPage .world-staff-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #shiftsPage .world-staff-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #shiftsPage>.world-staff-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-staff-curtain-left{animation:world-staff-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #shiftsPage>.world-staff-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-staff-curtain-right{animation:world-staff-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-staff-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-staff-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #shiftsPage .world-staff-curtain-cloth{animation:none!important}} /* The counter keeper shares the house view; this still window never certifies sales or connection. */ @media screen{ body[data-cafe-world=ghibli] #salesPage>.world-sales-nook .world-sales-window{position:absolute;display:block;left:65%;top:8px;width:50px;height:42px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #salesPage .world-sales-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #salesPage .world-sales-window:after{display:none} body[data-cafe-world=ghibli] #salesPage .world-sales-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #salesPage>.world-sales-nook .world-sales-window{left:55%;top:2px;width:44px;height:30px}} /* The guest keeper shares the house view; this still window never certifies visits or menu output. */ @media screen{ body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook .world-guest-window{position:absolute;display:block;left:65%;top:8px;width:50px;height:42px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #customerMenuPage .world-guest-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #customerMenuPage .world-guest-window:after{display:none} body[data-cafe-world=ghibli] #customerMenuPage .world-guest-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #customerMenuPage>.world-guest-nook .world-guest-window{left:55%;top:2px;width:44px;height:30px}} /* Cloth follows only this guest keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #customerMenuPage .world-guest-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #customerMenuPage .world-guest-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #customerMenuPage .world-guest-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #customerMenuPage .world-guest-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #customerMenuPage>.world-guest-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-guest-curtain-left{animation:world-guest-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #customerMenuPage>.world-guest-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-guest-curtain-right{animation:world-guest-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-guest-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-guest-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #customerMenuPage .world-guest-curtain-cloth{animation:none!important}} /* The shelf keeper shares the house view; this still window never certifies stock or replenishment. */ @media screen{ body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook .world-stock-life-window{position:absolute;display:block;left:65%;top:8px;width:50px;height:42px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #inventoryPage .world-stock-life-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #inventoryPage .world-stock-life-window:after{display:none} body[data-cafe-world=ghibli] #inventoryPage .world-stock-life-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #inventoryPage>.world-stock-life-nook .world-stock-life-window{left:55%;top:2px;width:44px;height:30px}} /* Closed archive boxes furnish the saved-menu room outside its unchanged original records. */ @media screen{ body[data-cafe-world=ghibli] #menuHistoryPage>.world-working-resident.world-archive-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad9876;border-top:9px solid #927955;border-bottom:5px solid #957b56;background:linear-gradient(180deg,#dfd9c1 0 72%,#c5ae88 72%);box-shadow:inset 0 4px #bfae8744;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-archive-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b8ad9130 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-archive-room>svg{position:absolute;bottom:8px;display:block;height:130px;pointer-events:none} body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook [data-archive-boxes]{left:4%;width:22%} body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook [data-archive-chair]{right:4%;width:21%} body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-worker{left:49%;bottom:16px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-work-object{display:block;left:28%;right:auto;bottom:16px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #menuHistoryPage>.world-archive-nook{background:linear-gradient(180deg,#babea8 0 72%,#b49e7d 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-worker{width:64px;height:94px}body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-work-object{width:52px;height:46px}} /* The archive keeper has a high still window; it never reports reading or current-menu progress. */ @media screen{ body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook .world-archive-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-window:after{display:none} body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook .world-archive-window{width:44px;height:34px}} /* A blank frame and folded cloth furnish the display room outside unchanged original controls. */ @media screen{ body[data-cafe-world=ghibli] #displaySettingsPage>.world-working-resident.world-dressing-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:600px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ad9876;border-top:9px solid #927955;border-bottom:5px solid #957b56;background:linear-gradient(180deg,#dfd9c1 0 72%,#c5ae88 72%);box-shadow:inset 0 4px #bfae8744;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-dressing-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(33.333% - 3px),#b8ad9130 calc(33.333% - 3px) 33.333%)} body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-dressing-room>svg{position:absolute;bottom:8px;display:block;height:130px;pointer-events:none} body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook [data-dressing-cabinet]{left:4%;width:22%} body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook [data-dressing-stool]{right:4%;width:21%} body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-worker{left:49%;bottom:16px;width:76px;height:108px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-work-object{display:block;left:28%;right:auto;bottom:16px;width:66px;height:56px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #displaySettingsPage>.world-dressing-nook{background:linear-gradient(180deg,#babea8 0 72%,#b49e7d 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-worker{width:64px;height:94px}body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-work-object{width:52px;height:46px}} /* The same glass is quiet by day and warm in the existing evening/night phase. */ @media screen{ body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook>.world-dressing-room>[data-dressing-lamp]{position:absolute;left:65%;right:auto;top:2px;bottom:auto;width:24px;height:28px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #displaySettingsPage .world-dressing-lamp-glass{fill:#ffe1a2} } /* The original unverified connection controls remain outside this static connection desk. */ @media screen{ body[data-cafe-world=ghibli] #smaregiPage>.world-working-resident.world-register-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ae9c7f;border-top:9px solid #947f5e;border-bottom:5px solid #99805c;background:linear-gradient(180deg,#dedbc8 0 72%,#c7b28d 72%);box-shadow:inset 0 4px #c4b79744;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-register-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#b8af9630 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-register-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook [data-register-cabinet]{left:4%;width:18%} body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook [data-register-chair]{right:3%;width:18%} body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #smaregiPage>.world-register-nook{background:linear-gradient(180deg,#bec2ae 0 72%,#b4a180 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-work-object{width:65px;height:54px}} /* The connection keeper shares the house view; this still window never certifies a connection. */ @media screen{ body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook .world-register-window{position:absolute;display:block;left:65%;top:8px;width:50px;height:42px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #smaregiPage .world-register-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #smaregiPage .world-register-window:after{display:none} body[data-cafe-world=ghibli] #smaregiPage .world-register-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook .world-register-window{left:55%;top:2px;width:44px;height:30px}} /* The saved forecast controls remain outside this quiet room; its tools are not live readings. */ @media screen{ body[data-cafe-world=ghibli] #weatherPage>.world-working-resident.world-weather-nook{display:block;position:relative;isolation:isolate;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:640px;height:174px;box-sizing:border-box;margin:24px auto 16px;border:3px solid #ae9c7f;border-top:9px solid #947f5e;border-bottom:5px solid #99805c;background:linear-gradient(180deg,#dedbc8 0 72%,#c7b28d 72%);box-shadow:inset 0 4px #c4b79744;opacity:1;z-index:0;pointer-events:none} body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-weather-room{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(50% - 3px),#b8af9630 calc(50% - 3px) 50%)} body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-weather-room>svg{position:absolute;bottom:8px;display:block;height:140px;pointer-events:none} body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook [data-weather-tools]{left:4%;width:18%} body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook [data-weather-stool]{right:3%;width:18%} body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-worker{left:52%;bottom:17px;width:72px;height:104px;animation:none!important;transform:none!important;z-index:1} body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-work-object{display:block;left:26%;right:auto;bottom:17px;width:80px;height:66px;z-index:1} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #weatherPage>.world-weather-nook{background:linear-gradient(180deg,#bec2ae 0 72%,#b4a180 72%)} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-worker{width:64px;height:96px}body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-work-object{width:65px;height:54px}} /* The same glass is quiet by day and warm in the existing evening/night phase. */ @media screen{ body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook>.world-weather-room>[data-weather-lamp]{position:absolute;left:65%;right:auto;top:2px;bottom:auto;width:24px;height:28px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #weatherPage .world-weather-lamp-glass{fill:#ffe1a2} } /* The display keeper has a high still window; it never reports settings or identity verification. */ @media screen{ body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook .world-dressing-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-window:after{display:none} body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #displaySettingsPage>.world-dressing-nook .world-dressing-window{width:44px;height:34px}} /* The same glass is quiet by day and warm in the existing evening/night phase. */ @media screen{ body[data-cafe-world=ghibli] #menuHistoryPage>.world-archive-nook>.world-archive-room>[data-archive-lamp]{position:absolute;left:65%;right:auto;top:2px;bottom:auto;width:24px;height:28px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #menuHistoryPage .world-archive-lamp-glass{fill:#ffe1a2} } /* Cloth follows only this archive keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #menuHistoryPage>.world-archive-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-archive-curtain-left{animation:world-archive-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #menuHistoryPage>.world-archive-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-archive-curtain-right{animation:world-archive-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-archive-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-archive-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #menuHistoryPage .world-archive-curtain-cloth{animation:none!important}} /* Cloth follows only this display keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #displaySettingsPage>.world-dressing-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-dressing-curtain-left{animation:world-dressing-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #displaySettingsPage>.world-dressing-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-dressing-curtain-right{animation:world-dressing-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-dressing-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-dressing-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #displaySettingsPage .world-dressing-curtain-cloth{animation:none!important}} /* The same glass is quiet by day and warm in the existing evening/night phase. */ @media screen{ body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-register-room>[data-register-lamp]{position:absolute;left:75%;right:auto;top:2px;bottom:auto;width:20px;height:24px;pointer-events:none} body[data-cafe-world=ghibli]:is([data-world-phase=evening],[data-world-phase=night]) #smaregiPage .world-register-lamp-glass{fill:#ffe1a2} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #smaregiPage>.world-register-nook>.world-register-room>[data-register-lamp]{left:71%}} /* Cloth follows only this connection keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #smaregiPage .world-register-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #smaregiPage .world-register-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #smaregiPage .world-register-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #smaregiPage .world-register-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #smaregiPage>.world-register-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-register-curtain-left{animation:world-register-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #smaregiPage>.world-register-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-register-curtain-right{animation:world-register-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-register-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-register-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #smaregiPage .world-register-curtain-cloth{animation:none!important}} /* The saved-forecast keeper has a high still window; it never reports observed weather or forecast freshness. */ @media screen{ body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook .world-weather-window{position:absolute;display:block;left:32%;top:8px;width:80px;height:44px;box-sizing:border-box;border:4px solid #ac956d;border-radius:2px;box-shadow:0 3px #cfb891,0 5px #887556;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli] #weatherPage .world-weather-window:before{left:calc(50% - 2px)} body[data-cafe-world=ghibli] #weatherPage .world-weather-window:after{display:none} body[data-cafe-world=ghibli] #weatherPage .world-weather-window .world-window-cloud{animation:none!important;transition:none!important} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] #weatherPage>.world-weather-nook .world-weather-window{width:44px;height:34px}} /* Cloth follows only this saved-forecast keeper's one finite quiet rest; the landscape stays still. */ @media screen{ body[data-cafe-world=ghibli] #weatherPage .world-weather-curtains{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none;overflow:hidden} body[data-cafe-world=ghibli] #weatherPage .world-weather-curtain-cloth{fill:#e7dfc5;stroke:#c4b792;stroke-width:.8;transform-box:view-box;animation:none} body[data-cafe-world=ghibli] #weatherPage .world-weather-curtain-left{transform-origin:4% 0} body[data-cafe-world=ghibli] #weatherPage .world-weather-curtain-right{transform-origin:96% 0} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #weatherPage>.world-weather-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-weather-curtain-left{animation:world-weather-curtain-left-rest 2400ms ease-in-out 1} body[data-cafe-world=ghibli][data-world-motion=on]:not([data-world-visible=false]) #weatherPage>.world-weather-nook:has(>.world-worker[data-world-room-rest=quiet]) .world-weather-curtain-right{animation:world-weather-curtain-right-rest 2400ms ease-in-out 1} } @keyframes world-weather-curtain-left-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(-3deg)}} @keyframes world-weather-curtain-right-rest{0%,100%{transform:rotate(0)}45%{transform:rotate(3deg)}} @media(prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] #weatherPage .world-weather-curtain-cloth{animation:none!important}} /* One shared worktable: original weekly anchors remain the only operations. */ @media screen{ body[data-cafe-world=ghibli] .world-connected-workbench[data-world-worktable]{background:#eadfc5;border-color:#b69d77;border-bottom:5px solid #a4875e;border-radius:5px 5px 3px 3px} body[data-cafe-world=ghibli] .world-connected-workbench>.world-workbench-stations{flex:1 1 100%;display:flex;flex-wrap:nowrap;align-items:stretch;gap:5px;padding-bottom:2px;border-bottom:2px solid #c8b28e} body[data-cafe-world=ghibli] .world-workbench-stations>a[data-world-go]{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;flex:1 1 0;min-width:0;min-height:88px;padding:5px 8px 7px;background:#f8efd9;border:1px solid #c2ae89;border-radius:4px;box-shadow:none;font-size:12px;line-height:1.4;text-align:center;color:#41523b} body[data-cafe-world=ghibli] .world-workbench-stations>a[aria-current=page]{background:#e1e6cd;border-color:#76866a;outline:1px solid #76866a;outline-offset:-3px;color:#30452e} body[data-cafe-world=ghibli] .world-workbench-stations>a:focus-visible{outline:3px solid #587048;outline-offset:1px} body[data-cafe-world=ghibli] .world-workbench-stations>i{align-self:center;color:#8c795a;font-size:13px} body[data-cafe-world=ghibli] .world-workbench-tool{display:block;width:108px;max-width:100%;height:55px;pointer-events:none;flex:none} body[data-cafe-world=ghibli] .world-workbench-tool>svg{display:block;width:100%;height:100%;overflow:visible} @media(max-width:700px){ body[data-cafe-world=ghibli] .world-connected-workbench>.world-workbench-stations{gap:3px} body[data-cafe-world=ghibli] .world-workbench-stations>a[data-world-go]{min-height:78px;padding:4px 3px 6px;font-size:11px;gap:2px} body[data-cafe-world=ghibli] .world-workbench-tool{width:82px;height:45px} body[data-cafe-world=ghibli] .world-workbench-stations>i{font-size:10px} } } @media screen{ body[data-cafe-world=ghibli] .world-shop-title>div{min-width:0} body[data-cafe-world=ghibli] .world-home-workweek{font-size:12px;line-height:1.45;margin:4px 0 0;color:#52644a;overflow-wrap:anywhere} @media(max-width:700px){body[data-cafe-world=ghibli] .world-home-workweek{font-size:11px}} } /* Whole-body supported-bowl contact; the original reading book stays separate. */ @media screen{body[data-cafe-world="ghibli"] .world-house-plan .world-room-tenant.world-kitchen-contact-host{width:120px;height:102px}body[data-cafe-world="ghibli"] svg[data-kitchen-resident-rig="contact"]{overflow:hidden}} @media screen and (max-width:600px){body[data-cafe-world="ghibli"] .world-house-plan .world-room-tenant.world-kitchen-contact-host{width:100px;height:104px}} /* The known food-stock doorway sits beside the unchanged native food name and calculation. */ @media screen{body[data-cafe-world="ghibli"] .world-demand-shelf-door{display:flex;align-items:center;gap:7px;min-height:44px;width:fit-content;max-width:100%;box-sizing:border-box;margin-block:7px;padding:7px 10px;border:1px solid #a68c65;border-radius:7px;background:#fff5d9;color:#365b49;font:inherit;text-decoration:underline;overflow-wrap:anywhere}body[data-cafe-world="ghibli"] .world-demand-shelf-door>svg{flex:0 0 24px;width:24px;height:24px}body[data-cafe-world="ghibli"] .world-demand-shelf-door:focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-demand-shelf-door{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-cookbook .world-book-shelf-door{grid-column:1/-1;justify-self:start;min-height:44px;padding:6px 10px;border-radius:3px 3px 9px 3px;border-bottom:3px solid #9d865e;font-size:12px}body[data-cafe-world=ghibli] .world-book-shelf-return{display:block;min-height:44px;margin:8px 0 12px;padding:8px 14px;background:#fff2cf;border:1px solid #a38c63;border-bottom:4px solid #9d865e;border-radius:3px 3px 9px 3px;color:#36533f;font:inherit}body[data-cafe-world=ghibli] :is(.world-book-shelf-door,.world-book-shelf-return):focus-visible{outline:3px solid #36718a;outline-offset:2px}} body[data-cafe-world=normal] .world-book-shelf-return{display:none!important} @media print{.world-book-shelf-door,.world-book-shelf-return{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-shelf-recipe-label{margin-top:7px;max-width:100%;padding:3px 7px;background:#fff8e4;border:1px solid #bda775;border-bottom:3px solid #ad9465;border-radius:3px 3px 8px 3px;box-sizing:border-box}body[data-cafe-world=ghibli] .world-shelf-recipe-label>summary{display:list-item;min-height:44px;align-content:center;cursor:pointer;font-size:12px;color:#3d5b42}body[data-cafe-world=ghibli] .world-shelf-recipe-label>button{display:block;max-width:100%;min-height:44px;margin:4px 0;padding:7px 10px;white-space:normal;overflow-wrap:anywhere;background:#f5e8c4;border:1px solid #a78b59;border-radius:3px;color:#3c5b44;font:inherit;text-align:left}body[data-cafe-world=ghibli] .world-shelf-recipe-label>:is(summary,button):focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-shelf-recipe-label{display:none!important}} /* The original candidate keeps its checkbox and quantities; its paper reads the same native period. */ @media screen{body[data-cafe-world="ghibli"] .world-order-demand-paper{margin-top:8px;max-width:100%;border:1px solid #a88c60;border-radius:6px;background:#fff7df;color:#4e533e;font-size:14px;overflow-wrap:anywhere}body[data-cafe-world="ghibli"] .world-order-demand-paper>summary{min-height:44px;box-sizing:border-box;display:list-item;padding:11px 10px;cursor:pointer;text-decoration:underline}body[data-cafe-world="ghibli"] .world-order-demand-paper>div{padding:0 10px 10px}body[data-cafe-world="ghibli"] .world-order-demand-paper p{margin:4px 0 10px}body[data-cafe-world="ghibli"] .world-order-demand-paper ul{margin:0;padding-left:20px}body[data-cafe-world="ghibli"] .world-order-demand-paper li{margin-block:10px}body[data-cafe-world="ghibli"] .world-order-demand-paper li>span{display:block}body[data-cafe-world="ghibli"] .world-order-demand-paper>summary:focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-order-demand-paper{display:none!important}} @media screen{body[data-cafe-world="ghibli"] .world-order-demand-book{min-height:44px;max-width:100%;box-sizing:border-box;margin-top:5px;padding:7px 10px;border:1px solid #a88c60;border-radius:6px;background:#fff9e8;color:#365b49;font:inherit;text-decoration:underline;cursor:pointer}body[data-cafe-world="ghibli"] .world-order-demand-book:focus-visible{outline:3px solid #36718a;outline-offset:2px}} /* Two complete approach/lowering drawings join the existing complete contact/release drawings only with room to fit. */ @media screen{body[data-cafe-world="ghibli"] .world-house-plan .world-room-tenant.world-kitchen-place-host{width:124px;height:102px}body[data-cafe-world="ghibli"] svg[data-kitchen-resident-rig="place"]{overflow:hidden}} @media screen and (max-width:600px){body[data-cafe-world="ghibli"] .world-house-plan .world-room-tenant.world-kitchen-place-host{width:124px;height:104px}} /* Closed decorative oven on the stock-room floor; it reports no heating or stock state. */ @media screen{body[data-cafe-world="ghibli"] #inventoryPage>.world-stock-life-nook>.world-stock-life-room>[data-stock-life-oven]{left:28%;bottom:8px;width:48px;height:50px}} /* The existing journal text is a reading path to the original product name control. */ @media screen{body[data-cafe-world="ghibli"] #inventoryPage #activityList .world-journal-shelf-door{min-height:44px;box-sizing:border-box;padding-block:6px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}body[data-cafe-world="ghibli"] #inventoryPage #activityList .world-journal-shelf-door:focus-visible{outline:3px solid #36718a;outline-offset:2px}} /* The original shift workflow is one preparation desk; every control keeps its native action. */ @media screen{ body[data-cafe-world=ghibli] #shiftsPage .sh-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 14px 12px;border:2px solid #aa8c5f;border-top:9px solid #a18357;border-radius:5px 5px 12px 12px;background:linear-gradient(90deg,#e2cba0,#f0dfb8 30%,#e6cea2);box-shadow:0 4px 0 #94764b36;box-sizing:border-box} body[data-cafe-world=ghibli] #shiftsPage .sh-workflow>.sh-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0;min-height:92px;padding:14px;text-align:left;line-height:1.6;white-space:normal;overflow-wrap:anywhere;background:#fffae9;border:1px solid #ad986e;border-radius:3px 8px 6px 3px;box-shadow:2px 3px 0 #8f78532c} body[data-cafe-world=ghibli] #shiftsPage .sh-workflow>.sh-btn>small{display:block;width:100%;font-size:12px;font-weight:700;letter-spacing:.1em;opacity:.85;border-bottom:1px solid currentColor;padding-bottom:4px} body[data-cafe-world=ghibli] #shiftsPage .sh-workflow>p{grid-column:1/-1;margin:0;padding:5px 3px;color:#665439;font-size:13px;line-height:1.7} body[data-cafe-world=ghibli] #shiftsPage .sh-workflow[aria-busy=true]{border-top-color:#6c7c55} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card{min-width:0;padding:16px;background:linear-gradient(90deg,#e5d5b1,#fff9e7 18px);border:1px solid #b6a078;border-left:5px solid #a58b61;border-radius:3px 8px 6px 3px;box-sizing:border-box} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card h3{display:inline-block;max-width:100%;margin:0 0 8px;padding:6px 12px;background:#e8d5ac;border:1px solid #ae9364;border-radius:3px;color:#40563c;overflow-wrap:anywhere;box-sizing:border-box} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card :is(p,li){overflow-wrap:anywhere;line-height:1.8} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card ul{padding-left:1.3em} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card .sh-actions{align-items:stretch} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card button{white-space:normal;max-width:100%;min-height:44px} body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout .sh-cal{padding:10px;border:1px solid #b79d70;border-top:6px solid #a58a5d;background:#fff9e7;border-radius:4px 4px 8px 8px;box-sizing:border-box} body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout .sh-cal button{min-width:0;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #shiftsPage :is(.sh-workflow button,.sh-staff-card button,.sh-cal button):focus-visible{outline:3px solid #315c46;outline-offset:3px} } @media screen and (max-width:720px){ body[data-cafe-world=ghibli] #shiftsPage .sh-workflow{grid-template-columns:1fr;padding:12px;gap:10px} body[data-cafe-world=ghibli] #shiftsPage .sh-workflow>.sh-btn{min-height:76px} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-cards{grid-template-columns:1fr} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card .sh-actions{flex-direction:column} } /* Registered supplier ledger doors belong to their original saved order boxes. */ body[data-cafe-world="ghibli"] .world-order-vendor-door{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;max-width:100%;padding:10px 12px;border:1px solid #b3b59b;border-left:4px solid #637c60;border-radius:6px;background:#fffaf0;color:#344b3a;font-size:12px;font-weight:700;text-decoration:none;white-space:normal;overflow-wrap:anywhere} body[data-cafe-world="ghibli"] .world-order-vendor-door:focus-visible{outline:3px solid #476b64;outline-offset:3px} body[data-cafe-world="ghibli"] .world-order-vendor-return{align-self:flex-start;margin-top:10px} @media print{.world-order-vendor-door{display:none!important}} /* The original saved order keeps its quantities while its current stock room can be read. */ body[data-cafe-world="ghibli"] .world-order-stock-reading{margin-top:12px;border:1px solid #c5b698;border-radius:7px;background:#fffaf0;padding:0 10px} body[data-cafe-world="ghibli"] .world-order-stock-reading>summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700;color:#465b42} body[data-cafe-world="ghibli"] .world-order-stock-list{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:10px} body[data-cafe-world="ghibli"] .world-order-stock-door{display:inline-flex;align-items:center;min-height:44px;min-width:44px;max-width:100%;padding:10px;border:1px solid #b3b59b;border-left:4px solid #637c60;border-radius:6px;background:#fffaf0;color:#344b3a;font-size:12px;font-weight:700;text-decoration:none;white-space:normal;overflow-wrap:anywhere} body[data-cafe-world="ghibli"] .world-order-stock-door:focus-visible{outline:3px solid #476b64;outline-offset:3px} body[data-cafe-world="ghibli"] .world-order-stock-return{margin-top:8px} @media print{.world-order-stock-reading,.world-order-stock-return{display:none!important}} /* Saved boxes attached to the original shelf labels, never over the native quantity inputs. */ @media screen{body[data-cafe-world=ghibli] .world-shelf-order-label{flex-basis:100%;width:100%;margin-top:7px;padding:3px 7px;max-width:100%;box-sizing:border-box;background:#eee6d4;border:1px solid #a99370;border-bottom:3px solid #a99370;border-radius:4px}body[data-cafe-world=ghibli] .world-shelf-order-label>summary{display:list-item;min-height:44px;align-content:center;cursor:pointer;color:#51472d;font-size:12px}body[data-cafe-world=ghibli] .world-shelf-order-label>div{padding:6px 0;border-top:1px dashed #b5a17d}body[data-cafe-world=ghibli] .world-shelf-order-label>div>:is(button,span){display:block;box-sizing:border-box;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;font:inherit;color:#3c5142}body[data-cafe-world=ghibli] .world-shelf-order-label button{min-height:44px;padding:7px 10px;background:#fff6df;border:1px solid #a38b62;border-radius:3px}body[data-cafe-world=ghibli] .world-shelf-order-label small{display:block;white-space:pre-line;overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.65;color:#555143}body[data-cafe-world=ghibli] .world-shelf-order-label :is(summary,button):focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-shelf-order-label{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-staff-task-paper{border-bottom-width:3px;background:#fff5d6}body[data-cafe-world=ghibli] .world-staff-task-note .world-task-note-item{white-space:pre-line;text-align:left;overflow-wrap:anywhere}body[data-cafe-world=ghibli] .world-staff-task-return{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;margin-top:8px;padding:8px 11px;background:#fff5d6;border:1px solid #a48d62;border-bottom:3px solid #a48d62;border-radius:3px;color:#3b543c;text-decoration:none;font-size:12px}body[data-cafe-world=ghibli] .world-staff-task-return:focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-staff-task-paper,.world-staff-task-note,.world-staff-task-return{display:none!important}} /* The same native quantity bowl and full maker share its existing82px row. */ @media screen{body[data-cafe-world=ghibli] .world-material-bench{display:flex;align-items:flex-end;justify-content:center;gap:10px;width:min(266px,100%);min-height:82px;max-width:100%;box-sizing:border-box}body[data-cafe-world=ghibli] .world-material-bench>strong{flex:0 1 180px;min-width:0}body[data-cafe-world=ghibli] .world-material-bench>[data-world-cookbook-maker]{position:static;display:block;flex:none;width:74px;height:82px;pointer-events:none}body[data-cafe-world=ghibli] .world-material-bench>[data-world-cookbook-maker]>svg{display:block;width:100%;height:100%}} @media print{.world-material-bench>[data-world-cookbook-maker]{display:none!important}} /* The supplier keeps its saved boxes folded beside the original native actions. */ @media screen{body[data-cafe-world=ghibli] .world-vendor-order-label{box-sizing:border-box;max-width:100%;margin-top:12px;padding:3px 8px;background:#eee6d4;border:1px solid #a99370;border-bottom:3px solid #a99370;border-radius:4px}body[data-cafe-world=ghibli] .world-vendor-order-label>summary{min-height:44px;align-content:center;cursor:pointer;color:#51472d;font-size:12px}body[data-cafe-world=ghibli] .world-vendor-order-label>div{padding:6px 0;border-top:1px dashed #b5a17d}body[data-cafe-world=ghibli] .world-vendor-order-label :is(button,span){display:block;box-sizing:border-box;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;font:inherit;color:#3c5142}body[data-cafe-world=ghibli] .world-vendor-order-label button{min-height:44px;min-width:44px;padding:7px 10px;background:#fff6df;border:1px solid #a38b62;border-radius:3px}body[data-cafe-world=ghibli] .world-vendor-order-label small{display:block;margin-top:5px;color:#555143;font-size:12px;line-height:1.65}body[data-cafe-world=ghibli] .world-vendor-order-label :is(summary,button):focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-vendor-order-label{display:none!important}} #globalSearchResults .global-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;margin:8px 0}#globalSearchResults .global-member-row [data-member-choice]{margin:0}#globalSearchResults .global-member-row [data-member-award]{align-self:center;box-sizing:border-box;min-height:44px;min-width:44px;white-space:nowrap;padding:10px 8px;font-size:13px}#globalSearchResults [data-member-award]:disabled{opacity:.55;cursor:default}@media print{#globalSearchResults [data-member-award]{display:none!important}} /* The supplier's registered stock is a reading path; native quantity inputs stay on their shelf. */ @media screen{body[data-cafe-world=ghibli] .world-vendor-stock-paper{box-sizing:border-box;max-width:100%;margin-top:12px;padding:3px 8px;background:#f3eee0;border:1px solid #a6af97;border-bottom:3px solid #a6af97;border-radius:4px}body[data-cafe-world=ghibli] .world-vendor-stock-paper>summary{min-height:44px;align-content:center;cursor:pointer;font-size:12px;color:#40513d}body[data-cafe-world=ghibli] .world-vendor-stock-paper>div{padding:6px 0;border-top:1px dashed #a6af97}body[data-cafe-world=ghibli] .world-vendor-stock-door{display:inline-flex;box-sizing:border-box;align-items:center;min-height:44px;min-width:44px;max-width:100%;padding:7px 10px;background:#fffaf0;border:1px solid #a6af97;border-radius:4px;color:#354c3b;white-space:normal;overflow-wrap:anywhere;text-decoration:none;font-size:12px}body[data-cafe-world=ghibli] .world-vendor-stock-return{margin:5px 0}body[data-cafe-world=ghibli] .world-vendor-stock-paper>button{min-height:44px;min-width:44px}body[data-cafe-world=ghibli] :is(.world-vendor-stock-door,.world-vendor-stock-paper>summary):focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-vendor-stock-paper,.world-vendor-stock-return{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-stock-vendor-paper{flex-basis:100%;box-sizing:border-box;max-width:100%;margin-top:7px;padding:3px 7px;background:#f3eee0;border:1px solid #a6af97;border-radius:4px}body[data-cafe-world=ghibli] .world-stock-vendor-paper>summary{min-height:44px;align-content:center;cursor:pointer;font-size:12px;color:#40513d}body[data-cafe-world=ghibli] .world-stock-vendor-door{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;min-width:44px;max-width:100%;padding:7px 10px;background:#fffaf0;border:1px solid #a6af97;border-radius:4px;color:#354c3b;white-space:normal;overflow-wrap:anywhere;text-decoration:none;font-size:12px}body[data-cafe-world=ghibli] .world-stock-vendor-return{margin:5px 0}body[data-cafe-world=ghibli] :is(.world-stock-vendor-door,.world-stock-vendor-paper>summary):focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-stock-vendor-paper,.world-stock-vendor-return{display:none!important}} @media screen{body[data-cafe-world=ghibli] .world-station-read{min-height:44px;min-width:44px;margin:5px 0 10px;border-bottom:3px solid #9d865e}} @media screen{body[data-cafe-world=ghibli] .world-task-staff-door{display:inline-flex;box-sizing:border-box;align-items:center;min-height:44px;min-width:44px;max-width:100%;padding:7px 10px;margin:6px 0;border:1px solid #a6af97;border-bottom:3px solid #a6af97;border-radius:4px;background:#fffaf0;color:#354c3b;font-size:12px;white-space:normal;overflow-wrap:anywhere;text-decoration:none}body[data-cafe-world=ghibli] .world-task-staff-door:focus-visible{outline:3px solid #36718a;outline-offset:2px}} @media print{.world-task-staff-door{display:none!important}} @media screen{.world-staff-task-note [data-world-staff-task-entry]{scroll-margin:2px}} /* 182: one inhabited miniature room, not a grid of illustrated cards. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-room{margin:0 -8px 18px;background:#263c32;border:5px solid #42382d;border-radius:3px;box-shadow:0 8px 20px #25291d30;overflow:hidden} body[data-cafe-world=ghibli] .world-borrower-places{display:flex;justify-content:center;gap:4px;background:#273b32;padding:5px} body[data-cafe-world=ghibli] .world-borrower-places button{min-height:44px;min-width:80px;padding:7px 14px;border:1px solid #778777;border-radius:2px;background:#344d40;color:#f7efd9;font:inherit;font-size:13px} body[data-cafe-world=ghibli] .world-borrower-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#a39c74 #283b31;outline-offset:-4px} body[data-cafe-world=ghibli] .world-borrower-canvas{position:relative;width:100%;min-width:720px;aspect-ratio:3/2} body[data-cafe-world=ghibli] .world-borrower-canvas>img{display:block;width:100%;height:100%;object-fit:contain} body[data-cafe-world=ghibli] .world-borrower-furniture{position:absolute;inset:0} body[data-cafe-world=ghibli] .world-borrower-furniture a{position:absolute;display:flex;align-items:end;justify-content:center;min-width:44px;min-height:44px;color:#f9efcf;text-decoration:none;border:2px solid transparent;border-radius:12px;background:transparent;outline-offset:3px} body[data-cafe-world=ghibli] .world-borrower-furniture a>span{font-size:clamp(12px,1.3vw,15px);line-height:1.5;padding:4px 8px;background:#27382ce6;border:1px solid #c4c3a078;border-radius:2px;text-shadow:0 1px #19261f;white-space:nowrap} body[data-cafe-world=ghibli] .world-borrower-furniture a:hover,body[data-cafe-world=ghibli] .world-borrower-furniture a:focus-visible{border-color:#f4e6a9;background:#f2e5aa12;outline:2px solid #f4e6a9} body[data-cafe-world=ghibli] .world-borrower-kitchen{left:8%;top:34%;width:27%;height:31%} body[data-cafe-world=ghibli] .world-borrower-table{left:50%;top:48%;width:16%;height:15%} body[data-cafe-world=ghibli] .world-borrower-bread{left:44%;top:46%;width:7%;height:16%} /* The upper pantry door stays clear of the complete menu resident below it. */ body[data-cafe-world=ghibli] .world-borrower-pantry{left:85%;top:18%;width:12%;height:24%} body[data-cafe-world=ghibli] .world-borrower-boxes{left:85%;top:72%;width:13%;height:19%} body[data-cafe-world=ghibli] .world-borrower-closeup{margin:0 0 18px;border:0;background:transparent} body[data-cafe-world=ghibli] .world-borrower-closeup>summary{min-height:44px;padding:12px 14px;box-sizing:border-box;cursor:pointer;font-weight:700;color:#344b3a;border-bottom:1px solid #afa37c} body[data-cafe-world=ghibli] .world-borrower-closeup .world-roof{display:none} body[data-cafe-world=ghibli] .world-house-plan:has(>.world-borrower-room)>.world-scenery{display:none} } @media print{.world-borrower-room,.world-borrower-closeup{display:none!important}} /* The same tiny room continues through its original working surfaces. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower]{background:#c5c9ab;background-image:linear-gradient(115deg,#c4cfb8aa,#d5c3b544 55%,#aebda988)} body[data-cafe-world=ghibli][data-cafe-place=borrower] .reference-sidebar{background:#344e42;border-color:#5c5740;box-shadow:inset 0 0 0 4px #8d8b6244} body[data-cafe-world=ghibli][data-cafe-place=borrower] .reference-main-nav>a{background:#415e4f;color:#f7efd9;border-color:#8f9674;box-shadow:0 2px #243c31} body[data-cafe-world=ghibli][data-cafe-place=borrower] .reference-main-nav>a.active{background:#d5caaa;color:#263c32;border-color:#a1a27d} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign{background:#d3b6a1;border-color:#496553;border-bottom-color:#3b5345;color:#293c31;overflow:hidden} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign>.world-room-light{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign::after{content:"";align-self:stretch;min-height:74px;flex:0 0 140px;border:3px solid #536a55;border-radius:2px;background-image:url('world-borrower-kitchen192.png');background-size:380px auto;background-position:50% 65%;box-shadow:inset 0 0 0 2px #b6b29a} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage>.world-room-sign::after{background-position:6% 48%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #materialsPage>.world-room-sign::after{background-position:100% 45%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #ordersPage>.world-room-sign::after{background-position:100% 100%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign>div:not(.world-room-light){min-width:0;flex:1} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-canvas>img{filter:brightness(.68) saturate(.83)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 57% 31%,#edb65b26 0,transparent 39%)} @media(max-width:700px){body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign::after{flex-basis:70px;background-size:270px auto;min-height:65px}} } @media screen and (max-width:700px){body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign::after{flex-basis:52px}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign>div>span,body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-room-sign p{color:#263b2f;font-size:11px;line-height:1.55}} @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-resident{position:absolute;left:26%;bottom:22%;width:20%;height:44%;display:block;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-resident>img{width:100%;height:100%;object-fit:contain;display:block} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-resident[hidden],body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-village:has(>.world-borrower-closeup[open]) .world-borrower-resident{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-furniture{z-index:1} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-resident{filter:brightness(.68) saturate(.83)} } @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-garden-door,.world-borrower-garden-back){position:absolute;display:flex;align-items:end;justify-content:center;min-height:44px;min-width:44px;border:2px solid transparent;border-radius:14px;background:transparent;color:#f7efd9;cursor:pointer;z-index:1} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-garden-door{left:60%;top:5%;width:18%;height:23%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-garden-back{left:10%;top:15%;width:22%;height:44%} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-garden-door,.world-borrower-garden-back)>span{font:inherit;font-size:13px;padding:5px 10px;background:#27382ce6;border:1px solid #c4c3a078;border-radius:2px;white-space:nowrap} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-garden-door,.world-borrower-garden-back):is(:hover,:focus-visible){border-color:#f4e6a9;outline:2px solid #f4e6a9;outline-offset:3px} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-garden-door,.world-borrower-garden-back)[hidden]{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-room[data-scene=garden] .world-borrower-canvas::after{background:radial-gradient(ellipse at 19% 33%,#edb65b26,transparent 25%)} } /* The garden is explored from its own doorway, keeping the miniature scale at phone widths. */ @media screen{body[data-cafe-world=ghibli] .world-borrower-places{flex-wrap:wrap}body[data-cafe-world=ghibli] .world-borrower-places button[hidden]{display:none}} @media screen and (max-width:700px){body[data-cafe-world=ghibli][data-cafe-place=borrower] #homePage .prep-open.world-prep-window-button{min-height:54px;padding:6px 10px;grid-template-columns:36px minmax(0,1fr);gap:1px 8px}body[data-cafe-world=ghibli][data-cafe-place=borrower] #homePage .world-prep-window-art{width:34px;height:42px}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title{padding-top:5px;padding-bottom:6px}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child{padding:4px 8px;border-width:1px;border-bottom-width:2px;background:#efdfb9}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child::before,body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child::after{display:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title h1{font-size:21px}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-home-workweek{margin-top:2px;font-size:10px}body[data-cafe-world=ghibli] .world-borrower-places button{min-width:64px;padding:6px 8px;font-size:12px}} /* Entering a workroom keeps the same house in view; its original tools form the lower work surface. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign{position:relative;isolation:isolate;min-height:144px;box-sizing:border-box;align-items:flex-start;padding:10px;gap:10px;overflow:hidden;border:3px solid #52634c;border-bottom:0;border-radius:4px 4px 0 0;margin-bottom:0;background:#c3b18a} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign::after{position:absolute;z-index:-1;inset:0;min-height:0;border:0;border-radius:0;background-size:100% auto;background-position:50% 50%;box-shadow:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign>div{max-width:65%;padding:8px 12px;background:#fff4d9eb;border:1px solid #ae9871;border-radius:3px;color:#263b2f} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage>.world-room-sign::after{background-position:0 39%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #materialsPage>.world-room-sign::after{background-position:100% 45%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #ordersPage>.world-room-sign::after{background-position:100% 83%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-furniture-dock{margin-top:0;border-top:0;border-radius:0 0 4px 4px;padding:6px 12px;min-height:52px;background:#b59a6c;border-color:#52634c} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-furniture-dock button{min-height:44px;padding-top:5px;padding-bottom:5px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-furniture-dock .world-prop{height:36px;width:44px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-workbench-stations>a[data-world-go]{min-height:52px;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:5px 8px} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign{min-height:108px;padding:6px;gap:6px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign::after{background-size:150% auto} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign>div{padding:5px 7px;max-width:68%} } @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-connected-workbench .world-workbench-tool{width:46px;height:32px}body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign>div{flex:0 1 auto;width:max-content}} @media screen{body[data-cafe-world=ghibli] .world-borrower-furniture{pointer-events:none}body[data-cafe-world=ghibli] .world-borrower-furniture a{pointer-events:auto}} @media screen{ body[data-cafe-world=ghibli] .world-borrower-book{position:absolute;left:14%;top:69%;width:70%;height:29%;min-height:44px;display:flex;align-items:center;justify-content:center;color:#344a37;text-decoration:none;border:2px solid transparent;border-radius:12px;outline-offset:-5px} body[data-cafe-world=ghibli] .world-borrower-book>span{padding:9px 14px;background:#fff2d8e8;border:1px solid #ad9264;border-bottom:3px solid #ad9264;border-radius:3px;font-size:14px} body[data-cafe-world=ghibli] .world-borrower-book:hover,body[data-cafe-world=ghibli] .world-borrower-book:focus-visible{outline:3px solid #f4e6a9;background:#f2e5aa18} body[data-cafe-world=ghibli] .world-borrower-book[hidden]{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage .rp-catalog-panel{border:1px solid #b7a078;border-left:7px solid #8b7654;border-radius:3px 10px 10px 3px;background:linear-gradient(90deg,#decca0 0,#fff4d8 14px,#fff4d8 100%);box-shadow:3px 4px 0 #d7c498,5px 6px 0 #8d7755;padding:18px} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage .rp-recipe-list{gap:0} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage .rp-recipe-card{background:transparent;box-shadow:none;border:0;border-bottom:1px solid #cbb78d;border-radius:0;padding:16px 10px} } @media screen and (max-width:700px){body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage .rp-catalog-panel{padding:12px;border-left-width:5px}} @media screen{ body[data-cafe-world=ghibli] .world-borrower-book-reading{position:absolute;left:14%;top:69%;width:70%;height:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#344a37;pointer-events:none} body[data-cafe-world=ghibli] .world-borrower-book-reading>*{width:min(260px,calc(100vw - 76px));max-width:100%;box-sizing:border-box;pointer-events:auto} body[data-cafe-world=ghibli] .world-borrower-book-reading label{font-size:12px;font-weight:700} body[data-cafe-world=ghibli] .world-borrower-book-reading :is(select,button){min-height:44px;box-sizing:border-box;max-width:100%;width:100%;font:inherit;font-size:13px;border:1px solid #a89068;border-radius:3px;background:#fff4d9;color:#344a37;padding:6px 8px} body[data-cafe-world=ghibli] .world-borrower-book-reading button{width:min(260px,calc(100vw - 76px));background:#3c5945;color:#fff4d9} body[data-cafe-world=ghibli] .world-borrower-book-reading p{font-size:11px;line-height:1.5;margin:0} body[data-cafe-world=ghibli] .world-borrower-book-reading[hidden]{display:none} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book{top:92%;height:7%;align-items:center} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-room[data-scene=table] .world-borrower-canvas::after{background:radial-gradient(ellipse at 17% 18%,#edb65b26,transparent 28%)} } @media screen{body[data-cafe-world=ghibli] .world-borrower-book-reading :is(select,button){scroll-margin-block:90px}} /* A single quiet pass of fictional leaf light, owned by the existing fresh-idle scenery guard. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-table-light{position:absolute;left:13%;top:65%;width:72%;height:32%;pointer-events:none;overflow:hidden;opacity:0} body[data-cafe-world=ghibli] .world-borrower-table-light::before{content:"";position:absolute;inset:-30%;background:linear-gradient(111deg,transparent 30%,#4c684919 39%,transparent 49%,#faf1c216 56%,transparent 68%);opacity:0;pointer-events:none} body[data-cafe-world=ghibli][data-world-motion=on] .world-borrower-table-light[data-world-scenery-active=true]:not([data-world-light-finished=true]){opacity:1} body[data-cafe-world=ghibli][data-world-motion=on] .world-borrower-table-light[data-world-scenery-active=true]:not([data-world-light-finished=true])::before{animation:world-borrower-leaf-light 11s ease-in-out 1 both} body[data-cafe-world=ghibli] .world-borrower-table-light[hidden]{display:none} @keyframes world-borrower-leaf-light{0%{opacity:0;transform:translateX(-16%)}35%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translateX(16%)}} } @media(prefers-reduced-motion:reduce){.world-borrower-table-light{display:none!important}} @media print{.world-borrower-table-light{display:none!important}} /* At phone widths the same book continues below its painted page, with every native control in reach. */ @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-canvas{min-width:0;aspect-ratio:auto} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-canvas>img{height:auto} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book-reading{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:12px 10px 8px;box-sizing:border-box;gap:7px;background:linear-gradient(90deg,#d5c293,#fff2d5 5%,#fff2d5 95%,#d5c293);border-inline:5px solid #8e7856} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book-reading>*{width:100%;max-width:260px} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book{position:relative;left:auto;top:auto;width:100%;height:auto;padding:5px 8px 12px;box-sizing:border-box;background:#f5e7c3;border-radius:0} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book>span{padding:8px 10px;font-size:12px} } @media screen{body[data-cafe-world=ghibli] .world-borrower-table-light{z-index:1}body[data-cafe-world=ghibli] .world-borrower-book-reading>*{position:relative;z-index:2}body[data-cafe-world=ghibli] .world-borrower-book{z-index:2}} @media screen{body[data-cafe-world=ghibli] .world-borrower-table-window{position:absolute;left:62%;top:2%;width:33%;height:38%;display:flex;align-items:end;justify-content:center;min-height:44px;min-width:44px;padding:7px;border:2px solid transparent;border-radius:28%;background:transparent;color:#fff4d9;font:inherit;cursor:pointer}body[data-cafe-world=ghibli] .world-borrower-table-window>span{padding:5px 9px;border:1px solid #c4c3a078;border-radius:3px;background:#27382ce6;font-size:12px}body[data-cafe-world=ghibli] .world-borrower-table-window:hover,body[data-cafe-world=ghibli] .world-borrower-table-window:focus-visible{border-color:#f4e6a9;outline:2px solid #f4e6a9}body[data-cafe-world=ghibli] .world-borrower-table-window[hidden]{display:none}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-borrower-table-window{top:1%;height:23%}} /* The house's same table, shelves and garden continue into its remaining workrooms. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(#shiftsPage,#tasksPage,#salesPage,#vendorsPage,#toolsPage,#smaregiPage,#filesPage,#photosPage,#menuHistoryPage,#customerMenuPage,#displaySettingsPage)>.world-room-sign::after{background-image:url('world-borrower-table182.png');background-position:50% 62%} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(#wastePage,#weatherPage)>.world-room-sign::after{background-image:url('world-borrower-garden182.png');background-position:50% 66%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #inventoryPage>.world-room-sign::after{background-position:100% 65%} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .page-view>.world-room-sign::after{filter:brightness(.78) saturate(.9)} } @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-menu-resident{left:67%;bottom:19%;width:17%;height:39%}} @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-borrower-places button{flex:1 1 0;min-width:0;padding:5px 3px;font-size:11px;line-height:1.35;white-space:normal}body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-places button{flex:0 1 auto;min-width:80px}} /* The painted window and garden replace the former, noninteractive scenery strips in this house. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan>:is(.world-house-porch,.world-house-yard,.world-kitchen-backroom){display:none}} /* The threshold is a room in the same house: its paper opens the original saved records. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-receiving-door{position:absolute;left:20%;top:8%;width:29%;height:62%;min-width:44px;min-height:44px;display:flex;align-items:end;justify-content:center;padding:9px;border:2px solid transparent;background:transparent;border-radius:12px;color:#fff4d9;cursor:pointer} body[data-cafe-world=ghibli] .world-borrower-receiving-door>span{padding:7px 10px;border:1px solid #c4c3a078;background:#27382ce6;border-radius:3px;font:inherit;font-size:13px} body[data-cafe-world=ghibli] .world-borrower-receiving-door:is(:hover,:focus-visible){outline:2px solid #f4e6a9;border-color:#f4e6a9} body[data-cafe-world=ghibli] .world-borrower-receiving-paper{position:absolute;left:58%;top:45%;width:37%;height:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#344a37;pointer-events:none} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>*{pointer-events:auto;max-width:100%;box-sizing:border-box} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>p{margin:0;font-size:12px;font-weight:bold} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:6px 9px;border:1px solid #ab9269;background:#fff1d5e8;border-radius:3px;color:#344a37;text-decoration:none;font-size:13px;scroll-margin-block:90px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a:first-of-type{background:#344f3d;color:#fff4d9} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a:is(:hover,:focus-visible){outline:2px solid #f4e6a9;outline-offset:2px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>small{font-size:11px;line-height:1.45} body[data-cafe-world=ghibli] :is(.world-borrower-receiving-paper,.world-borrower-receiving-door)[hidden]{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] #ordersPage>.world-room-sign::after{background-image:url('world-borrower-receiving182.png');background-position:90% 65%} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-borrower-room[data-scene=receiving] .world-borrower-canvas{min-width:0;aspect-ratio:auto} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=receiving] .world-borrower-canvas>img{height:auto} body[data-cafe-world=ghibli] .world-borrower-receiving-door{top:1%;height:37%;width:33%;left:18%;padding:3px} body[data-cafe-world=ghibli] .world-borrower-receiving-door>span{font-size:11px;padding:5px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:13px 12px;box-sizing:border-box;background:linear-gradient(90deg,#d5c293,#fff2d5 6%,#fff2d5 94%,#d5c293);border-inline:5px solid #8e7856;gap:7px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>*{width:100%;max-width:260px;text-align:center} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=receiving] .world-borrower-places button{flex:0 1 auto;min-width:80px} } @media screen and (min-width:701px){ body[data-cafe-world=ghibli] .world-borrower-receiving-paper{top:47%;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:9px;background:#fff2d5f2;border:1px solid #ad9266;border-radius:2px;box-shadow:2px 3px 0 #755f3d40} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>:is(p,small,a:first-of-type){grid-column:1/-1;text-align:center} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>p{padding-bottom:2px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a:not(:first-of-type){font-size:12px} } @media screen{ body[data-cafe-world=ghibli] .world-borrower-threshold{position:absolute;left:65%;top:27%;width:13%;height:10%;min-height:44px;min-width:44px;display:flex;align-items:start;justify-content:center;padding:5px;border:2px solid transparent;border-radius:14px;background:transparent;color:#fff4d9;cursor:pointer;z-index:1} body[data-cafe-world=ghibli] .world-borrower-threshold>span{padding:5px 7px;background:#27382ce6;border:1px solid #c4c3a078;border-radius:2px;font:inherit;font-size:12px;white-space:nowrap} body[data-cafe-world=ghibli] .world-borrower-threshold:is(:hover,:focus-visible){outline:2px solid #f4e6a9;border-color:#f4e6a9} body[data-cafe-world=ghibli] .world-borrower-threshold[hidden]{display:none} } /* Keep the whole room, floor and residents together in the first desktop view. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title{min-height:0;padding:6px 0 9px;margin:0;gap:10px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child{padding:4px 12px;border-width:1px;border-bottom-width:3px;box-shadow:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child::before,body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child::after{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title h1{font-size:28px;line-height:1.2} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title .world-home-workweek{font-size:10px;margin-top:3px} } @media screen and (min-width:1024px) and (min-height:760px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room{max-width:min(100%,max(720px,calc((100dvh - 320px)*1.5)));margin-inline:auto} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title{padding:4px 0 6px;gap:6px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title h1{font-size:19px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title>div:first-child{padding:3px 7px} } /* Native books and order papers stay in the place from which they are read. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] dialog.world-cookbook::backdrop{background:linear-gradient(#20352b66,#172a2288),url('world-borrower-table182.png') center/cover no-repeat} body[data-cafe-world=ghibli][data-cafe-place=borrower] dialog.world-cookbook{border:3px solid #705b3e;border-left:9px solid #385140;border-radius:3px 9px 9px 3px;box-shadow:3px 4px 0 #c3ab7e,5px 6px 0 #775f3d,0 22px 55px #15281f80} body[data-cafe-world=ghibli][data-cafe-place=borrower] dialog.world-cookbook>header{background:#f4e6c5;border-bottom:1px solid #bca57e} body[data-cafe-world=ghibli][data-cafe-place=borrower] .po-dialog-backdrop{background:linear-gradient(#21372a77,#192d2488),url('world-borrower-receiving182.png') center/cover no-repeat} body[data-cafe-world=ghibli][data-cafe-place=borrower] .po-dialog{border:2px solid #927955;border-left:7px solid #8c7251;border-radius:3px 8px 8px 3px;background:#fff6df;box-shadow:3px 4px 0 #d3bd91,5px 6px 0 #765c3d,0 22px 55px #15281f80} body[data-cafe-world=ghibli][data-cafe-place=borrower] .po-dialog-head,body[data-cafe-world=ghibli][data-cafe-place=borrower] .po-dialog-actions{background:#f2e3c1} body[data-cafe-world=ghibli][data-cafe-place=borrower] .po-dialog-body{background:#fff6df} } /* A narrow room needs a real continuation of the paper, even on a tablet with wider browser chrome. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room{container-type:inline-size}body[data-cafe-world=ghibli] .world-borrower-book{scroll-margin-block:90px}} @media screen{ @container (max-width:800px){ body[data-cafe-world=ghibli] .world-borrower-room:is([data-scene=table],[data-scene=receiving]) .world-borrower-canvas{min-width:0;aspect-ratio:auto} body[data-cafe-world=ghibli] .world-borrower-room:is([data-scene=table],[data-scene=receiving]) .world-borrower-canvas>img{height:auto} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book-reading{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:12px 10px 8px;box-sizing:border-box;gap:7px;background:linear-gradient(90deg,#d5c293,#fff2d5 5%,#fff2d5 95%,#d5c293);border-inline:5px solid #8e7856} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book-reading>*{width:100%;max-width:260px} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book{position:relative;left:auto;top:auto;width:100%;height:auto;padding:5px 8px 12px;box-sizing:border-box;background:#f5e7c3;border-radius:0} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book>span{padding:8px 10px;font-size:12px} body[data-cafe-world=ghibli] .world-borrower-table-window{top:1%;height:23%} body[data-cafe-world=ghibli] .world-borrower-receiving-door{top:1%;height:37%;width:33%;left:18%;padding:3px} body[data-cafe-world=ghibli] .world-borrower-receiving-door>span{font-size:11px;padding:5px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:13px 12px;box-sizing:border-box;display:flex;flex-direction:column;background:linear-gradient(90deg,#d5c293,#fff2d5 6%,#fff2d5 94%,#d5c293);border:0;border-inline:5px solid #8e7856;border-radius:0;box-shadow:none;gap:7px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>*{width:100%;max-width:260px;text-align:center} } } @media screen and (min-width:701px) and (max-width:780px){ body[data-cafe-world=ghibli][data-cafe-place=borrower][data-cafe-layout=modern] .reference-sidebar .brand.reference-brand-sign{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-cafe-layout=modern] .reference-sidebar{padding:0;background:transparent;border:0;box-shadow:none} } @media screen and (min-width:701px) and (max-width:900px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] #homePage .prep-open.world-prep-window-button{min-height:54px;padding:6px 10px;grid-template-columns:36px minmax(0,1fr);gap:1px 8px} body[data-cafe-world=ghibli][data-cafe-place=borrower] #homePage .world-prep-window-art{width:34px;height:42px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-house-plan .world-shop-title h1{font-size:21px} } /* The same finite leaf light reaches the shared floor and the threshold; never a character or saved-work animation. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-table-light[data-world-light-place=inside]{left:38%;top:65%;width:47%;height:28%} body[data-cafe-world=ghibli] .world-borrower-table-light[data-world-light-place=receiving]{left:16%;top:68%;width:62%;height:24%} body[data-cafe-world=ghibli] .world-borrower-receiving-paper{z-index:2} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-closeup .world-roof{display:none} @container (max-width:800px){body[data-cafe-world=ghibli] .world-borrower-table-light[data-world-light-place=receiving]{left:8%;top:43cqw;width:77%;height:18cqw}} } /* A user-opened view of the same house, without changing its records or mode. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room:fullscreen{width:100%;max-width:none;height:100dvh;margin:0;border:0;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;background:#263b30} body[data-cafe-world=ghibli] .world-borrower-room:fullscreen>.world-borrower-places{position:sticky;top:0;z-index:5;flex-shrink:0;justify-content:center;background:#263b30;padding:8px;box-sizing:border-box} body[data-cafe-world=ghibli] .world-borrower-room:fullscreen>.world-borrower-viewport{flex:1;min-height:0;overflow:auto} body[data-cafe-world=ghibli] .world-borrower-room:fullscreen .world-borrower-canvas{width:min(100%,calc((100dvh - 112px)*1.5));margin-inline:auto} body[data-cafe-world=ghibli] .world-borrower-view-status{margin:0;padding:10px 14px;color:#fff2d4;background:#263b30;font-size:13px;line-height:1.7} body[data-cafe-world=ghibli] .world-borrower-view-status[hidden]{display:none} } @media screen{ body[data-cafe-world=ghibli] .world-borrower-room:fullscreen>.world-borrower-places{padding-right:124px;min-height:60px} body[data-cafe-world=ghibli] .world-borrower-room:fullscreen [data-borrower-wide]{position:fixed;top:8px;right:8px;width:108px;min-width:108px;min-height:44px;margin:0;z-index:6;flex:none} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-borrower-room:fullscreen>.world-borrower-places>button:not([data-borrower-wide]){flex:0 1 auto;min-width:60px;min-height:44px}} @media screen{ #cafeWorldSettings .world-mode-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin:14px 0;padding:12px;background:#f6ecd1;border:1px solid #9d9875;border-radius:4px;color:#2c4235} #cafeWorldSettings .world-mode-preview[hidden]{display:none} #cafeWorldSettings .world-mode-preview>img{display:block;width:100%;height:auto;border-radius:2px;align-self:center} #cafeWorldSettings .world-mode-preview p{font-size:13px;line-height:1.8;margin:8px 0} #cafeWorldSettings .world-mode-preview a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px 14px;background:#365341;border:1px solid #657759;border-radius:4px;color:#fff5dc;text-decoration:none} @media(max-width:700px){#cafeWorldSettings .world-mode-preview{grid-template-columns:minmax(0,1fr)}} } @media print{#cafeWorldSettings .world-mode-preview{display:none!important}} /* Paper and light follow the actual painting width, including a short fullscreen view. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-room:is([data-scene=table],[data-scene=receiving]) .world-borrower-canvas{min-width:0;aspect-ratio:auto;container-type:inline-size} body[data-cafe-world=ghibli] .world-borrower-room:is([data-scene=table],[data-scene=receiving]) .world-borrower-canvas>img{height:auto} body[data-cafe-world=ghibli] .world-borrower-table-light[data-world-light-place=table]{top:43.333cqw;height:21.333cqw} } /* Main-room intact full-body animation draft, not adopted/published. */ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-resident>.world-borrower-actor{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-resident>img[hidden]{display:none} /* The same whole-body residents lead to their original workrooms. */ body[data-cafe-world=ghibli][data-cafe-place=borrower] a.world-borrower-resident{pointer-events:auto;cursor:pointer;border:0;background:transparent;text-decoration:none;outline-offset:4px} body[data-cafe-world=ghibli][data-cafe-place=borrower] a.world-borrower-resident:focus-visible{outline:2px solid #fff2bd;border-radius:8px} /* Office furniture plaques align with the original intact painting. */ body[data-cafe-world=ghibli] .world-borrower-office{margin:16px 0 0;border:2px solid #89734e;border-radius:12px;background:#f2e7ca;color:#2e4338;overflow:hidden} body[data-cafe-world=ghibli] .world-borrower-office>summary{min-height:52px;padding:14px 20px;cursor:pointer;font-weight:700;background:#e4d4ab} body[data-cafe-world=ghibli] .world-borrower-office-room{position:relative} body[data-cafe-world=ghibli] .world-borrower-office-room>img{display:block;width:100%;height:auto} body[data-cafe-world=ghibli] .world-borrower-office-room>nav{position:absolute;inset:0;display:block;padding:0;background:transparent;pointer-events:none} body[data-cafe-world=ghibli] .world-borrower-office-room nav a{position:absolute;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;padding:0 3px;transform:translate(-50%,-50%);border:0;border-radius:3px;background:transparent;color:#fff4d8;box-shadow:none;pointer-events:auto;text-align:center;font-size:clamp(12px,1vw,16px);white-space:nowrap;text-decoration:none;text-shadow:0 1px 2px #152a1d} body[data-cafe-world=ghibli] .world-borrower-office-room nav a strong{font-weight:500} body[data-cafe-world=ghibli] .world-borrower-office-room nav a span{display:none} body[data-cafe-world=ghibli] .world-borrower-office-room a:focus-visible{outline:3px solid #f3ca70;outline-offset:3px} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#smaregi"]{left:11.85%;top:51.3%;width:7.4%} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#shifts"]{left:32.35%;top:33.1%;width:7.4%} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#files"]{left:47.9%;top:42%;width:7.5%} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#tasks"]{left:58.3%;top:65.5%;width:10.5%} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#vendors"]{left:73.3%;top:58.3%;width:8%} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#menu"]{left:76.7%;top:36.3%;width:8%} @media print{.world-borrower-office{display:none!important}} /* Independent translation survives the existing theme's transform reset. */ body[data-cafe-world=ghibli] .world-borrower-office-room nav a{translate:-50% -50%;transform:none} body[data-cafe-world=ghibli] .world-borrower-office-room a[href="#smaregi"]{left:11.2%} body[data-cafe-world=ghibli] .world-borrower-office-room>.world-office-return{position:absolute;left:2%;top:2%;min-width:110px;min-height:44px;padding:8px 12px;border:1px solid #ad9e76;border-radius:3px;background:#294336e8;color:#fff4d8;font:inherit;cursor:pointer} body[data-cafe-world=ghibli] .world-borrower-office-room>.world-office-return:focus-visible{outline:3px solid #f3ca70;outline-offset:3px} /* The six work pages remain in the same illustrated office. */ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-office-workplace>.world-room-sign::after{background-image:url('world-workroom183.png');background-position:50% 45%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #smaregiPage.world-office-workplace>.world-room-sign::after{background-position:0 48%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #filesPage.world-office-workplace>.world-room-sign::after{background-position:100% 35%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #shiftsPage.world-office-workplace>.world-room-sign::after{background-position:30% 20%} body[data-cafe-world=ghibli][data-cafe-place=borrower] #menuPage.world-office-workplace>.world-room-sign::after{background-position:75% 25%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-office-context{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#394e3c} @media print{.world-office-context{display:none!important}} /* Leave room for the bowl and spoon beside the bread label in every intact pose. */ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-resident[data-borrower-resident=sophie]{left:24%} /* The same native doors sit on a packing tray and an open recipe folio. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book-reading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:7px 12px;padding:16px 14px;background:linear-gradient(90deg,#d3bf92 0,#f8edd5 3%,#fff5df 48%,#d4bd91 50%,#fff4dc 52%,#f4e7c9 97%,#c9b082 100%);border-block:1px solid #ad936a;box-shadow:inset 0 4px 7px #72563312,0 3px 0 #755b3e35} body[data-cafe-world=ghibli] .world-borrower-room[data-scene=table] .world-borrower-book-reading>*{min-width:0;max-width:none} body[data-cafe-world=ghibli] .world-borrower-reading-art{grid-row:1/3;grid-column:1;width:64px!important;pointer-events:none!important} body[data-cafe-world=ghibli] .world-borrower-reading-art>svg{display:block;width:64px;height:76px;filter:drop-shadow(1px 3px 1px #4e3c302b)} body[data-cafe-world=ghibli] .world-borrower-book-reading>label,body[data-cafe-world=ghibli] .world-borrower-book-reading>button{grid-column:2;width:100%;max-width:330px;justify-self:start} body[data-cafe-world=ghibli] .world-borrower-book-reading>p{grid-column:1/-1;max-width:100%;padding:7px 9px;background:#fff5dc;border-inline-start:3px solid #94734b} body[data-cafe-world=ghibli] .world-borrower-book-reading>p[hidden]{display:none} body[data-cafe-world=ghibli] .world-borrower-receiving-paper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px 14px;background:linear-gradient(#ccb385 0 5px,#f3e5c8 5px calc(100% - 5px),#b99b70 calc(100% - 5px));border:3px solid #927650;border-radius:4px;box-shadow:inset 0 0 0 1px #f8e9c8,0 4px 0 #68503936} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a{max-width:none;min-width:0;min-height:78px;display:flex;flex-direction:column;gap:4px;padding:9px 7px;background:#fff4dc;border:1px solid #b19771;box-shadow:0 2px 0 #71593d26;font-size:12px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a:first-of-type{grid-column:1/-1;flex-direction:row;gap:13px;background:#344f3d;color:#fff4d9;font-size:13px} body[data-cafe-world=ghibli] .world-borrower-tool-art{display:block;flex:0 0 auto;pointer-events:none} body[data-cafe-world=ghibli] .world-borrower-tool-art>svg{display:block;width:48px;height:40px} body[data-cafe-world=ghibli] .world-borrower-receiving-paper>a:first-of-type .world-borrower-tool-art>svg{width:62px;height:52px} body[data-cafe-world=ghibli] .world-borrower-book-reading[hidden],body[data-cafe-world=ghibli] .world-borrower-receiving-paper[hidden]{display:none} } /* Recipe slips pull out from the same ingredient row; stock controls stay native. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label{padding:0;max-width:330px;overflow:visible;border:1px solid #a98b61;border-bottom:3px solid #8e714d;border-radius:4px;background:linear-gradient(90deg,#d7bf94,#ecddbb 12%,#e8d5ad 88%,#c9ad7e);box-shadow:inset 0 1px #fff5d5,0 2px 0 #78603e23} body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label>summary{position:relative;min-height:44px;box-sizing:border-box;padding:7px 32px 7px 10px;font-size:12px;font-weight:600;color:#394f38;list-style-position:inside;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label>summary::after{content:"";position:absolute;right:10px;top:17px;width:14px;height:8px;border:1px solid #8f6f3a;border-radius:5px;background:linear-gradient(#e6cc83,#b59655);box-shadow:0 1px 1px #71573535;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label[open]{padding-bottom:7px;background:linear-gradient(90deg,#d0b487,#f2e4c6 10%,#f2e4c6 90%,#c4a677)} body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label[open]>summary{border-bottom:1px solid #bca276;box-shadow:0 2px 2px #80613b12} body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label>button{position:relative;width:calc(100% - 14px);min-height:44px;box-sizing:border-box;margin:7px 7px 0;padding:9px 10px 9px 17px;border:1px solid #c2ab80;border-left:5px solid #6b8562;border-radius:2px;background:linear-gradient(#fff7e2,#f8edcf);box-shadow:1px 2px 0 #987b4d28;color:#304b34;font-size:12px;line-height:1.5} body[data-cafe-world=ghibli] #materialsPage .world-shelf-recipe-label>button:active{background:#ecdfba;box-shadow:inset 0 1px 2px #80613b30} } /* One green bookmark marks both ends of the book-to-shelf excursion. */ @media screen{ body[data-cafe-world=ghibli] .world-cookbook .world-book-shelf-door, body[data-cafe-world=ghibli] .world-book-shelf-return{border-left:6px solid #6b8562;background:linear-gradient(135deg,#fff7e1,#f2e4c0);box-shadow:1px 2px 0 #8b70462b;color:#304b34;min-height:44px} body[data-cafe-world=ghibli] .world-book-shelf-return{border-radius:2px 3px 9px 2px;font-size:13px} } /* The classification cabinet and recipe index use the same green book tabs. */ @media screen{ body[data-cafe-world=ghibli] #recipesPage .world-recipe-drawers{gap:7px;padding:9px;background:linear-gradient(90deg,#8d6e49,#ad8c5c 50%,#896a47);border-color:#775c3e} body[data-cafe-world=ghibli] #recipesPage .world-recipe-drawers button{min-height:56px;border-bottom-color:#9d7c4e} body[data-cafe-world=ghibli] #recipesPage .world-recipe-drawers button[aria-pressed=true]{border-left:5px solid #6b8562;background:linear-gradient(90deg,#fff3d3,#f8e9c4);box-shadow:inset 0 1px #fff8e4,0 3px 0 #5c452933} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage .rp-catalog-panel .rp-recipe-list{padding:0 10px 10px;border-inline:4px solid #ab8e61;background:linear-gradient(90deg,#e1cda6,#fff3d7 2%,#fff3d7 98%,#dcc59e);box-shadow:inset 0 2px 3px #7d61391a} body[data-cafe-world=ghibli][data-cafe-place=borrower] #recipesPage .rp-recipe-card{position:relative;background:linear-gradient(#fff5de,#fcf0d3);border-bottom:1px solid #c5ac7d;padding:18px 12px} body[data-cafe-world=ghibli] #recipesPage .rp-recipe-card>.world-open-cookbook{position:relative;min-height:44px;border:1px solid #a78c61;border-left:6px solid #6b8562;border-bottom:3px solid #a98d5e;border-radius:2px 3px 8px 2px;background:linear-gradient(135deg,#fff8e4,#efe0bb);color:#304b34;box-shadow:1px 2px 0 #80613b20;white-space:normal} body[data-cafe-world=ghibli] #recipesPage .rp-recipe-card>.world-open-cookbook:focus-visible{outline:3px solid #36718a;outline-offset:2px} } /* Verified pending papers hang on the wall; confirmed records share one binding. */ @media screen{ body[data-cafe-world=ghibli] #tasksPage .world-pending-wall>.task-list{border:5px solid #94754d;border-radius:3px;padding:15px;background:repeating-linear-gradient(12deg,#c3a579 0 18px,#bea071 18px 19px,#c7ab80 19px 38px);box-shadow:inset 0 0 0 2px #e0c79c,inset 0 4px 8px #73553622,0 3px 0 #755d3e33} body[data-cafe-world=ghibli] #tasksPage .world-pending-wall .task-item:not(.is-done){border-top:3px solid #c5ac7e!important;box-shadow:2px 4px 0 #6c51302b!important} body[data-cafe-world=ghibli] #tasksPage .world-pending-wall .task-item:not(.is-done)::before{top:-7px;left:calc(50% - 5px);width:10px;height:10px;border:1px solid #755b3a;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8d2a1,#b29156 62%,#937140);box-shadow:1px 2px 1px #6b4c3438} body[data-cafe-world=ghibli] #tasksPage .world-completed-pages{border-left:9px solid #647a5b;padding-left:18px;box-shadow:inset 4px 0 3px #7a69452b,0 2px 0 #b49b70} body[data-cafe-world=ghibli] #tasksPage .world-completed-detail{border-left:3px solid #a5af8b;border-radius:0 4px 4px 0} body[data-cafe-world=ghibli] #tasksPage :is(.world-pending-bookmark,.world-completed-bookmark){position:relative;border-radius:2px 2px 8px 2px;min-height:44px} } /* Five date tabs belong to one menu board; labels and quantities stay native. */ @media screen{ body[data-cafe-world=ghibli] #menuPage :is([data-menu-scroll-day="0"],#menu-mobile-day-0,#menuBoardHead th:nth-child(2)){--world-day-tab:#738768} body[data-cafe-world=ghibli] #menuPage :is([data-menu-scroll-day="1"],#menu-mobile-day-1,#menuBoardHead th:nth-child(3)){--world-day-tab:#b99a5c} body[data-cafe-world=ghibli] #menuPage :is([data-menu-scroll-day="2"],#menu-mobile-day-2,#menuBoardHead th:nth-child(4)){--world-day-tab:#78918e} body[data-cafe-world=ghibli] #menuPage :is([data-menu-scroll-day="3"],#menu-mobile-day-3,#menuBoardHead th:nth-child(5)){--world-day-tab:#a88666} body[data-cafe-world=ghibli] #menuPage :is([data-menu-scroll-day="4"],#menu-mobile-day-4,#menuBoardHead th:nth-child(6)){--world-day-tab:#ab8274} body[data-cafe-world=ghibli] #menuPage .menu-day-nav>[data-menu-scroll-day]{border-inline-start:5px solid var(--world-day-tab,#738768)!important;border-radius:2px 5px 7px 2px;box-shadow:0 2px #263e2f55,inset 0 1px #fff5d7} body[data-cafe-world=ghibli] #menuPage .menu-day-nav>[data-menu-scroll-day][aria-pressed=true]{box-shadow:0 3px #263e2f55,inset 0 0 0 1px #8b7857} body[data-cafe-world=ghibli] #menuPage .menu-day-card>header h2{padding:7px 12px;border-inline-start:5px solid var(--world-day-tab,#738768);border-radius:2px 3px 7px 2px;background:linear-gradient(#fff6dc,#efdfbb);box-shadow:1px 2px 0 #1e382c45;color:#344d39!important} body[data-cafe-world=ghibli] #menuPage .menu-day-card .menu-mobile-item>h3{border-inline-start:3px solid var(--world-day-tab,#738768);padding-inline-start:8px} body[data-cafe-world=ghibli] #menuPage #menuBoardHead th:not(:first-child){box-shadow:inset 0 5px 0 var(--world-day-tab,#738768)} body[data-cafe-world=ghibli] #menuPage .world-menu-book{background:linear-gradient(135deg,#fff8e4,#efe0bb);border-left-color:#6b8562;border-radius:2px 3px 8px 2px;color:#304b34} } /* Packing labels follow the already verified parcel stage, never the calendar alone. */ @media screen{ body[data-cafe-world=ghibli] #ordersPage .po-content article:is([data-world-parcel=letter],[data-world-parcel=outside],[data-world-parcel=partial],[data-world-parcel=inside],[data-world-parcel=cancelled]){--world-packing-edge:#a68a5b;border-inline-start:6px solid var(--world-packing-edge)!important;background:linear-gradient(90deg,#e5d2ae 0 5px,#fff5dc 5px calc(100% - 5px),#e9d8b7 calc(100% - 5px))!important;box-shadow:1px 3px 0 #7e613831!important} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=letter]{--world-packing-edge:#bca16c} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=outside]{--world-packing-edge:#a58a5a} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=partial]{--world-packing-edge:#b29355} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=inside]{--world-packing-edge:#6b8562} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel=cancelled]{--world-packing-edge:#99917c} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel] .po-list-top{padding-bottom:10px;border-bottom:1px dashed #bfa677;margin-bottom:12px} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel] .po-order-items{padding-block:3px 8px} body[data-cafe-world=ghibli] #ordersPage .po-content article[data-world-parcel] .po-next-action{padding:9px 11px;border-inline-start:3px solid var(--world-packing-edge,#a68a5b);background:#f6eacb;border-radius:0 3px 3px 0;color:#4a5038} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm){background:linear-gradient(90deg,#dac398,#fff4d9 2%,#fff4d9 98%,#d5bc8f);border-color:#9b8057} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-head{border-bottom:3px solid #aa9063;background:#f3e4bf} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-head h2{border-inline-start:5px solid #6b8562;padding-inline-start:10px} body[data-cafe-world=ghibli] .po-dialog:has(#poDateForm) .po-dialog-table tbody tr{background:#fff7e5;border-bottom:1px solid #d4bd91} } /* Existing local time lights the workroom image; labels and doors stay above the light. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-office-room::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:transparent} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=morning] .world-borrower-office-room::after{background:linear-gradient(120deg,#fff0c42b,transparent 58%)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=day] .world-borrower-office-room::after{background:linear-gradient(100deg,#edf2cb12,transparent 65%)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=evening] .world-borrower-office-room::after{background:radial-gradient(ellipse at 42% 53%,#ffcf8538,transparent 40%),linear-gradient(100deg,#9a683f12,#775b4930)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-office-room::after{background:radial-gradient(ellipse at 42% 53%,#ffcf8542,transparent 38%),radial-gradient(ellipse at 79% 32%,#f3bd652b,transparent 26%),linear-gradient(#253b383d,#24393252)} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-office-room>nav, body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-office-room>.world-office-return{z-index:2} } /* Guest-facing paper stays untouched inside the counter stand; editing tools stay outside. */ @media screen{ body[data-cafe-world=ghibli] .world-customer-stand{border-color:#ac8d5f;border-bottom-color:#92734c;background:linear-gradient(90deg,#dec89f,#fff4d9 4%,#fff4d9 96%,#d7bd90);box-shadow:0 4px 0 #7e6241,2px 8px 14px #604b2e20} body[data-cafe-world=ghibli] .world-customer-stand::before{content:"";position:absolute;top:-9px;left:calc(50% - 23px);width:46px;height:15px;border:2px solid #957444;border-radius:4px;background:linear-gradient(#e6ce94,#b69559);box-shadow:0 2px 1px #6d53383b;pointer-events:none;z-index:1} body[data-cafe-world=ghibli] .world-customer-stand-head{padding-block:13px 10px;background:linear-gradient(#f7ebcd,#ebdbb6);border-bottom-color:#b49a6e} body[data-cafe-world=ghibli] .world-customer-stand-edit{padding:9px;margin-bottom:10px;border:1px solid #c0aa7e;border-left:5px solid #6b8562;border-radius:2px 4px 4px 2px;background:#f8eed5} body[data-cafe-world=ghibli] .world-customer-stand-output{background:linear-gradient(#dfc79b,#eedfbc 7px,#ead7ae calc(100% - 5px),#bda073 calc(100% - 5px));border-top:3px solid #a98b5e} body[data-cafe-world=ghibli] .world-customer-stand-output>button{border-bottom:3px solid #a58a5d;border-radius:3px 3px 7px 3px} body[data-cafe-world=ghibli] #customerMenuPage>.customer-editor{border:2px solid #b09668;border-radius:3px;background:#fff4d9;box-shadow:0 2px 0 #8a704728} body[data-cafe-world=ghibli] #customerMenuPage>.customer-editor>summary{min-height:44px;box-sizing:border-box;padding:12px 14px;border-left:5px solid #6b8562;background:linear-gradient(90deg,#e4d0a5,#f2e5c6 35%,#e7d4ad);color:#344d38} body[data-cafe-world=ghibli] #customerMenuPage>.customer-editor[open]>summary{border-bottom:1px solid #bca174} } /* The native payroll ledger and staff name tags share the office desk. */ @media screen{ body[data-cafe-world=ghibli] #shiftsPage .sh-payroll{background:linear-gradient(90deg,#d9c9a6 0 9px,#fffaf0 9px);border:1px solid #aa9470;border-left:7px solid #52694d;border-radius:3px 9px 9px 3px;padding:18px 18px 18px 24px;box-shadow:2px 4px 0 #856d4729;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #shiftsPage .sh-payroll>header{border-bottom:1px solid #c5b48e;padding-bottom:12px;gap:12px;flex-wrap:wrap} body[data-cafe-world=ghibli] #shiftsPage .sh-payroll-amount{background:#edf0df;border:1px solid #9aa381;border-radius:3px;padding:8px 12px;color:#304b35;font-variant-numeric:tabular-nums} body[data-cafe-world=ghibli] #shiftsPage .sh-payroll>details>summary{min-height:44px;box-sizing:border-box;padding:12px 8px;border-top:1px dashed #b8a583;color:#36553e;cursor:pointer} body[data-cafe-world=ghibli] #shiftsPage .sh-payroll-person{min-height:44px;min-width:44px;white-space:normal;background:#f5e7c9;border:1px solid #b49b6c;border-radius:3px;box-shadow:1px 2px 0 #947b4e26} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card h3{border-left:4px solid #61784f;background:linear-gradient(#f5e9ce,#e5d2a9);box-shadow:1px 2px 0 #8c714b26} body[data-cafe-world=ghibli] #shiftsPage .sh-staff-card .sh-actions{border-top:1px dashed #c0aa7e;padding-top:10px} body[data-cafe-world=ghibli] #shiftsPage .sh-payroll :is(button,summary):focus-visible{outline:3px solid #315c46;outline-offset:3px} } /* A native request calendar hangs beside the staff ledger, without extra controls. */ @media screen{ body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout>div:first-child{min-width:0} body[data-cafe-world=ghibli] #shiftsPage .sh-calendar-scroll{padding-top:12px} body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout .sh-cal{position:relative;border:1px solid #ab9065;border-top:9px solid #92764c;background:linear-gradient(90deg,#ecdfbf,#fff9e8 14px,#fff9e8 calc(100% - 10px),#e9d9b4);box-shadow:0 3px 0 #977d5440;padding:12px 9px 10px;border-radius:3px 3px 8px 3px} body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout .sh-cal::before{content:"";position:absolute;top:-17px;left:calc(50% - 22px);width:44px;height:13px;background:linear-gradient(#e2ca91,#a98b50);border:1px solid #8b713f;border-radius:3px;pointer-events:none} body[data-cafe-world=ghibli] #shiftsPage .sh-cal .weekday{font-weight:700;color:#4a5c40;border-bottom:1px solid #c2ad82;padding-bottom:8px} body[data-cafe-world=ghibli] #shiftsPage .sh-cal button{border:1px solid #c7b792;border-radius:2px 2px 6px 2px;background:#fffcf2;color:#3c4a39;min-height:64px;min-width:44px;box-shadow:0 2px 0 #b39e7530} body[data-cafe-world=ghibli] #shiftsPage .sh-cal button.weekend{background:#eee8d9;color:#655d50} body[data-cafe-world=ghibli] #shiftsPage .sh-cal button.request{border-color:#9d8055;border-bottom:3px solid #b8955e} body[data-cafe-world=ghibli] #shiftsPage .sh-cal button.selected{background:#405f49;color:#fffdf2;border-color:#314b3a;box-shadow:inset 0 0 0 1px #e4d6b5,0 2px 0 #8f7850} body[data-cafe-world=ghibli] #shiftsPage .sh-cal button small{color:inherit} body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout>div:last-child{padding:15px;border:1px solid #c3ae84;border-left:5px solid #6b815b;border-radius:3px 7px 7px 3px;background:#fff8e8;min-width:0} body[data-cafe-world=ghibli] #shiftsPage .sh-request-layout #shPerson{background:#f7e8c8;border-color:#aa9166;color:#354b38} } /* The received parcel opens onto its original stock-entry packing slip. */ @media screen{ body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm){background:linear-gradient(90deg,#dcc79f,#fff7e4 14px,#fff7e4 calc(100% - 12px),#ddc79d);border:2px solid #a38a60;border-radius:4px 9px 9px 4px;box-shadow:0 5px 0 #7c634244,0 14px 32px #28251e55} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-head{border-bottom:3px solid #b09a70;background:#eee0bf} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-head h2{border-left:5px solid #68805c;padding-left:10px} body[data-cafe-world=ghibli] #poReceiptForm .po-field{background:#f1e6ca;border:1px solid #bca476;border-radius:3px;padding:10px;box-sizing:border-box} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table{background:#fff9eb;font-variant-numeric:tabular-nums} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table :is(th,td){border-color:#cdbb96} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table th{background:#e7d9b9;color:#3c5039} body[data-cafe-world=ghibli] #poReceiptForm .po-receipt-table tbody tr{background:#fffaed;border-bottom:1px dashed #bda67c} body[data-cafe-world=ghibli] #poReceiptForm [data-po-receive-id]{min-height:44px;border:2px solid #879574;background:#fffef8;color:#314635;border-radius:3px;box-shadow:inset 0 2px 0 #a6926b1a} body[data-cafe-world=ghibli] #poReceiptForm .po-notice:not(.warning){background:#f4edd9;border-left:4px solid #7c8a64;color:#49523c} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) .po-dialog-actions{background:#ecdfbe;border-top:1px solid #baa276} body[data-cafe-world=ghibli] .po-dialog:has(#poReceiptForm) :is(button,input){min-height:44px} body[data-cafe-world=ghibli] #poReceiptForm input:focus-visible{outline:3px solid #315c46;outline-offset:2px} } /* The bookmark stays on the exact saved ingredient row during the book/shelf trip. */ @media screen{ body[data-cafe-world=ghibli] #materialRows tr:has(.world-book-shelf-return)>td{background-color:#f5efd9;border-top-color:#a5ad86;border-bottom-color:#a5ad86} body[data-cafe-world=ghibli] #materialRows tr:has(.world-book-shelf-return)>td:first-child{box-shadow:inset 5px 0 #6b8562} body[data-cafe-world=ghibli] #materialRows .world-book-shelf-return{width:fit-content;max-width:100%;text-align:left;white-space:normal;margin-top:10px;border-top:1px solid #b6a178} body[data-cafe-world=ghibli] .world-cookbook [data-world-ingredient]:has([data-world-book-shelf]:focus){box-shadow:inset 4px 0 #6b8562;background-color:#f3ecd6} body[data-cafe-world=ghibli] .world-cookbook [data-world-ingredient]:has([data-world-book-shelf]:focus) .world-book-shelf-door{outline:2px solid #536f4c;outline-offset:2px} } /* Saved shelf orders sit in the same packing crate as their native detail slips. */ @media screen{ body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label{padding:0;border:1px solid #a38a60;border-bottom:4px solid #927348;border-radius:3px 3px 7px 3px;background:linear-gradient(90deg,#d4bb8d,#eddbb5 10%,#eddbb5 90%,#ccb082);box-shadow:0 2px 0 #80633e28} body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label>summary{position:relative;box-sizing:border-box;min-height:44px;padding:9px 34px 9px 11px;color:#51482f;font-weight:700;list-style-position:inside} body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label>summary::after{content:"";position:absolute;right:13px;top:13px;width:10px;height:17px;border:1px solid #a48850;background:#dfc48b;box-shadow:inset 0 3px #f0dfa9;pointer-events:none} body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label[open]>summary{border-bottom:2px solid #b29562;background:#e4cfa4} body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label>div{margin:9px;padding:9px;border:1px solid #c5ac7e;border-left:4px solid #a78d61;background:#fff6de;border-radius:2px;box-shadow:1px 2px 0 #9d80532b} body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label>div>button{width:100%;min-height:44px;border-color:#ac9368;background:#f7edcf;color:#3d5037;font-size:12px} body[data-cafe-world=ghibli] #materialsPage .world-shelf-order-label>div>small{padding-top:6px;border-top:1px dashed #cbb68d;font-variant-numeric:tabular-nums;line-height:1.8} body[data-cafe-world=ghibli] .world-order-stock-reading{background:#f6edd7;border:1px solid #b59e74;border-top:4px solid #aa8e5d;border-radius:3px 3px 6px 3px} body[data-cafe-world=ghibli] .world-order-stock-door{background:linear-gradient(135deg,#fff7df,#ede0ba);border-color:#af996d;border-left:5px solid #6b8562;border-radius:2px 3px 7px 2px;box-shadow:1px 2px 0 #9b80532a} body[data-cafe-world=ghibli] #materialRows tr:has(.world-order-stock-return)>td:first-child{box-shadow:inset 5px 0 #a48a5c} } /* Ingredient names and original quantities stay together on a quiet measuring mat. */ @media screen{ body[data-cafe-world=ghibli] .world-cookbook .world-book-right li[data-world-ingredient]:not([hidden]){padding:10px 9px;margin-block:9px;border:1px solid #d2c4a0;border-bottom:3px solid #b7a27a;border-radius:3px 3px 8px 3px;background:linear-gradient(90deg,#eee6ce,#faf4e2 18px,#faf4e2 calc(100% - 10px),#e8dcc0);box-sizing:border-box} body[data-cafe-world=ghibli] .world-cookbook .world-book-right li[data-world-ingredient]>span{border-bottom:1px dashed #ac986f;background:#fff9e9;color:#354b37} body[data-cafe-world=ghibli] .world-cookbook .world-book-right li.world-selected-bowl:not([hidden]){border-left:5px solid #839574;border-top-color:#9eac8f;background:linear-gradient(90deg,#e5e7cf,#f6f2df 22px,#f6f2df)} body[data-cafe-world=ghibli] .world-cookbook .world-material-bench{border-bottom:2px solid #baa77d;padding-bottom:5px} body[data-cafe-world=ghibli] .world-cookbook [data-world-measure]{border-color:#b49b6c;border-bottom:3px solid #a58a5b;background:#f3e7c8;border-radius:3px 3px 7px 3px;min-height:44px} body[data-cafe-world=ghibli] .world-cookbook [data-world-measure]:disabled{border-bottom-width:1px;box-shadow:none} } /* The selected day's tab travels from the native menu board onto its cookbook. */ @media screen{ body[data-cafe-world=ghibli] :is(.world-menu-book,.world-cookbook)[data-world-menu-day="0"]{--world-book-day:#738768} body[data-cafe-world=ghibli] :is(.world-menu-book,.world-cookbook)[data-world-menu-day="1"]{--world-book-day:#b99a5c} body[data-cafe-world=ghibli] :is(.world-menu-book,.world-cookbook)[data-world-menu-day="2"]{--world-book-day:#78918e} body[data-cafe-world=ghibli] :is(.world-menu-book,.world-cookbook)[data-world-menu-day="3"]{--world-book-day:#a88666} body[data-cafe-world=ghibli] :is(.world-menu-book,.world-cookbook)[data-world-menu-day="4"]{--world-book-day:#ab8274} body[data-cafe-world=ghibli] #menuPage .world-menu-book[data-world-menu-day]{border-left-color:var(--world-book-day);position:relative;padding-right:23px} body[data-cafe-world=ghibli] #menuPage .world-menu-book[data-world-menu-day]::after{content:"";position:absolute;right:8px;top:7px;width:7px;height:13px;background:var(--world-book-day);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);pointer-events:none} body[data-cafe-world=ghibli] .world-cookbook[data-world-menu-day]>header{border-left:7px solid var(--world-book-day)} body[data-cafe-world=ghibli] .world-cookbook[data-world-menu-day]>header h2{border-bottom-color:var(--world-book-day)} } /* An open shelf label and its original parcel keep the same folded shipping tag. */ @media screen{ body[data-cafe-world=ghibli] #ordersPage .po-card:has(.world-order-stock-reading[open]){border-color:#9d8457;box-shadow:inset 5px 0 #ab9062,0 3px 0 #a68c5b29} body[data-cafe-world=ghibli] .world-order-stock-reading[open]>summary{border-bottom:1px dashed #b9a178;margin-bottom:9px} body[data-cafe-world=ghibli] .world-order-stock-list{padding:0 0 12px;gap:10px} body[data-cafe-world=ghibli] .world-order-stock-door{position:relative;padding-inline-end:26px} body[data-cafe-world=ghibli] .world-order-stock-door::after{content:"";position:absolute;right:8px;top:calc(50% - 5px);width:9px;height:9px;border:1px solid #9a8052;border-radius:50%;background:#e1d0a6;box-shadow:inset 0 0 0 2px #f9efd4;pointer-events:none} body[data-cafe-world=ghibli] .world-order-stock-return{border-left-color:#a48a5c;border-bottom:3px solid #a48a5c} body[data-cafe-world=ghibli] .world-order-stock-door:active{box-shadow:inset 0 2px 1px #8c714128} } /* Location cues stay on view controls, while unnecessary pan labels disappear on a full view. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-places>button[aria-current=location]{border-color:#e3d29e;background:#4b634e;box-shadow:inset 0 -3px #d6c08a;color:#fff9e5} } @media screen and (max-width:700px){ body[data-cafe-world=ghibli] .world-borrower-places>button{flex:1 1 44px;min-width:44px;min-height:44px;box-sizing:border-box} } /* Supplier records live in linen ledger pockets beside the same saved parcel tags. */ @media screen{ body[data-cafe-world=ghibli] #vendorsPage .vendor-card{border:1px solid #b59e73;border-left:7px solid #708265;border-bottom:4px solid #a0875a;border-radius:3px 7px 9px 3px;background:linear-gradient(90deg,#e5d8b6,#fff7e3 18px);box-shadow:2px 3px 0 #9f865326;overflow-wrap:anywhere} body[data-cafe-world=ghibli] #vendorsPage .vendor-name{box-sizing:border-box;width:fit-content;max-width:100%;padding:8px 12px;background:#efe1be;border:1px solid #b49a69;border-radius:3px;box-shadow:inset 0 1px #fff9df,1px 2px 0 #9f83522b;color:#344c37;line-height:1.6} body[data-cafe-world=ghibli] #vendorsPage .vendor-notes{padding:10px 8px;border-block:1px dashed #c4af85;background:#fffaf0;color:#5d5849} body[data-cafe-world=ghibli] #vendorsPage .vendor-actions{padding-top:8px;border-top:1px solid #ccba92} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-order-label{padding:0;border:1px solid #aa9061;border-bottom:3px solid #9d8051;border-radius:3px 3px 6px 3px;background:#e7d5ad} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-order-label>summary{box-sizing:border-box;min-height:44px;padding:10px;color:#4b4933;font-weight:700} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-order-label>div{margin:8px;padding:9px;background:#fff7df;border:1px solid #c5ac7d;border-left:4px solid #a58c60;border-radius:2px} body[data-cafe-world=ghibli] #vendorsPage .world-vendor-stock-paper{border-left:5px solid #6b8562;background:#f6f0df;border-radius:2px 4px 7px 2px} body[data-cafe-world=ghibli] :is(.world-vendor-stock-door,.world-order-vendor-door){min-height:44px;box-sizing:border-box;border-left:5px solid #6b8562;border-radius:2px 3px 7px 2px;background:linear-gradient(135deg,#fff9e5,#efe2bd);box-shadow:1px 2px 0 #8f75452a} body[data-cafe-world=ghibli] #vendorsPage .vendor-card:has(.world-order-vendor-return){border-left-color:#a48a5c;box-shadow:inset 0 3px #bda36f,2px 3px 0 #9f865326} body[data-cafe-world=ghibli] #vendorsPage :is(.vendor-actions button,.world-order-vendor-return){min-height:44px;min-width:44px} } /* Furniture is operated by its existing native door; a small tool replaces repeated labels. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-furniture a>.world-borrower-tool-medallion{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;padding:2px;border:1px solid #9c7f4d;border-bottom:3px solid #82683e;border-radius:7px;background:linear-gradient(#f5e5bc,#ddc48d);box-shadow:0 2px 2px #3d362a46;pointer-events:none;text-shadow:none} body[data-cafe-world=ghibli] .world-borrower-tool-medallion>.world-prop{display:block;position:static;width:36px;height:32px;max-width:100%;max-height:100%;margin:0;filter:none;pointer-events:none} body[data-cafe-world=ghibli] .world-borrower-furniture a>.world-borrower-tool-name{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);padding:4px 7px;background:#263c31f2;border:1px solid #ded0a7;border-radius:3px;font-size:12px;color:#fff7dd;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .1s ease;z-index:2} body[data-cafe-world=ghibli] .world-borrower-furniture a:is(:hover,:focus-visible)>.world-borrower-tool-name{visibility:visible;opacity:1} body[data-cafe-world=ghibli] .world-borrower-furniture a:is(:hover,:focus-visible)>.world-borrower-tool-medallion{border-color:#f8e3aa;box-shadow:0 0 0 2px #38543d,0 2px 2px #3d362a46} body[data-cafe-world=ghibli][data-world-motion=off] .world-borrower-tool-name{transition:none!important} } @media (prefers-reduced-motion:reduce){body[data-cafe-world=ghibli] .world-borrower-tool-name{transition:none!important}} /* Missing artwork becomes a quiet native tool shelf, never a blank or blocked business page. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-viewport{overflow-x:hidden} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-canvas{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%;aspect-ratio:auto;height:auto;padding:14px;box-sizing:border-box;background:linear-gradient(90deg,#d9c49e,#eee0bf 18px,#eee0bf calc(100% - 14px),#d4bc92)} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-canvas>img, body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] :is([data-borrower-resident],.world-borrower-table-light){display:none!important} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:static;inset:auto;gap:10px;order:1} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture>a{position:static;inset:auto;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;justify-content:start;gap:6px;padding:9px;width:auto;height:auto;min-width:44px;min-height:44px;border:1px solid #b49a6d;border-bottom:3px solid #967c51;border-radius:3px;background:#fff6dd;box-sizing:border-box;color:#344d39} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture>a>.world-borrower-tool-medallion{position:static;inset:auto;transform:none} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture>a>.world-borrower-tool-name{position:static;inset:auto;transform:none;visibility:visible;opacity:1;transition:none;padding:0;border:0;background:transparent;color:#344d39;text-shadow:none;white-space:normal;font-size:14px;line-height:1.6} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-canvas>:is(.world-borrower-garden-door,.world-borrower-table-window,.world-borrower-garden-back,.world-borrower-threshold,.world-borrower-receiving-door,.world-borrower-book,.world-borrower-book-reading,.world-borrower-receiving-paper):not([hidden]){position:static;inset:auto;transform:none;order:2;width:100%;height:auto;min-height:44px;margin:0;box-sizing:border-box} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-canvas>button:not([hidden]){justify-content:center;background:#f8ebcd;border:1px solid #a68e61;border-radius:3px;color:#344d39;padding:9px} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-canvas>button>span{background:transparent;color:inherit;text-shadow:none;border:0} body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-receiving-paper{grid-template-columns:repeat(3,minmax(0,1fr))} } @media screen and (max-width:360px){body[data-cafe-world=ghibli] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture:not([hidden]){grid-template-columns:1fr}} /* A workplace needs one name tag; its optional explanation is kept in the accessible description. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-office-context{width:fit-content;max-width:100%;padding:5px 9px;border:1px solid #bda77d;border-left:4px solid #6b8562;border-radius:2px;background:#f3e8ce;box-sizing:border-box;overflow-wrap:anywhere} } @media screen{ body[data-cafe-world=ghibli] .world-borrower-places>button:is([data-borrower-place="0"],[data-borrower-place="1"],[data-borrower-garden-place="0"],[data-borrower-garden-place="1"])>span{font-family:serif;font-size:27px;line-height:1;font-weight:500} } @media screen{body[data-cafe-world=ghibli] .world-borrower-image-note:not([hidden]){margin:0;padding:8px 12px;background:#f3e7c9;color:#5d5037;font-size:12px;line-height:1.6;border-bottom:1px solid #b39d73}} /* One finite kettle wisp reuses the existing quiet-time engine. No heater/work status. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-canvas>.world-borrower-kettle{position:absolute;left:13.74%;top:28.22%;width:11.72%;height:13.67%;overflow:visible;pointer-events:none;opacity:.48} body[data-cafe-world=ghibli] .world-borrower-canvas>.world-borrower-kettle[hidden]{display:none!important} body[data-cafe-world=ghibli] .world-borrower-room:not([data-scene=inside]) .world-borrower-kettle{display:none!important} body[data-cafe-world=ghibli][data-world-phase=night] .world-borrower-kettle{display:none!important} } @media print{.world-borrower-kettle{display:none!important}} /* The original saved parcel opens as its paper ledger, never a shipping simulation. */ @media screen{ body[data-cafe-world=ghibli] .po-dialog:has(.world-order-threshold){border:3px solid #856949;border-inline-width:7px;border-radius:4px 8px 7px 3px;background:linear-gradient(90deg,#d1b889,#fff3d9 2%,#fff3d9 98%,#cfb385);box-shadow:3px 5px 0 #4b3d2c44,0 20px 50px #14231b66} body[data-cafe-world=ghibli] .po-dialog:has(.world-order-threshold) .po-dialog-head{background:linear-gradient(90deg,#d8c49b,#f3e7c9 6%,#f3e7c9 94%,#d8c49b);border-bottom:3px solid #ba9d70} body[data-cafe-world=ghibli] .po-dialog:has(.world-order-threshold) .po-dialog-table{background:#fffaf0;border:1px solid #c7b18a} body[data-cafe-world=ghibli] .po-dialog:has(.world-order-threshold) .po-dialog-table thead{background:#e4d5ae;color:#43543e} body[data-cafe-world=ghibli] .world-order-threshold-scene{border:1px solid #bdab87;border-bottom:4px solid #9d7951;border-radius:2px;background:linear-gradient(90deg,#d8ddcc 0 49%,#e7cda2 50%);padding:5px 7px;box-sizing:content-box} body[data-cafe-world=ghibli] .world-order-threshold[data-world-doorway=cancelled]{border-block:1px solid #b6aea0;color:#6b665b;padding:5px 0} body[data-cafe-world=ghibli] .world-order-threshold:is([data-world-doorway=unknown],[data-world-doorway=stale]){border-inline-start:3px solid #aa7850;padding-inline-start:7px} } /* The computer's tag repeats the existing read-only connection proof, with no new requests. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-office-room .world-office-register-state{position:absolute;top:calc(100% + 2px);left:0;width:150px;max-width:180px;box-sizing:border-box;padding:4px 7px;border:1px solid #ad9570;border-inline-start:5px solid #a1997c;border-radius:2px;background:#f9efd8;color:#4c5143;text-shadow:none;text-align:left;font-size:12px;line-height:1.5;white-space:normal;pointer-events:none;box-shadow:1px 2px 0 #55412b3b} body[data-cafe-world=ghibli] .world-office-register-state[data-register-state=verified]{border-inline-start-color:#55734f} body[data-cafe-world=ghibli] .world-office-register-state:is([data-register-state=checking],[data-register-state=busy],[data-register-state=previous]){border-inline-start-color:#ad854b} body[data-cafe-world=ghibli] .world-office-register-state:is([data-register-state=blocked],[data-register-state=offline]){border-inline-start-color:#9c6650} } @media screen and (max-width:700px){body[data-cafe-world=ghibli] .world-borrower-office-room .world-office-register-state{width:126px;font-size:11px}} /* A missing painting keeps the same six workroom doors and exact return, without retry. */ @media screen{ body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] .world-borrower-office-room{padding:14px;background:linear-gradient(90deg,#d3bf97,#f4e8ca 18px,#f4e8ca calc(100% - 16px),#d0b891)} body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] .world-borrower-office-room>img{display:none} body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] .world-borrower-office-room::after{display:none} body[data-cafe-world=ghibli] .world-office-image-note{margin:0 0 12px;color:#6d573c;font-size:13px} body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] .world-borrower-office-room>nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;pointer-events:auto} body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] nav>a[data-borrower-route]{position:static;inset:auto;transform:none;translate:none!important;width:auto;min-width:0;min-height:58px;padding:10px;display:flex;flex-direction:column;gap:5px;white-space:normal;text-shadow:none;color:#3a503c;background:#fff6df;border:1px solid #b79b70;box-shadow:0 2px #a68c6038} body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] .world-office-register-state{position:static;width:auto;max-width:100%;box-shadow:none} body[data-cafe-world=ghibli] .world-borrower-office[data-world-office-image=unavailable] .world-office-return{position:static;inset:auto;margin-top:14px} } /* The same guarded back door names the actual room it will restore. */ @media screen{body[data-cafe-world=ghibli] .world-room-sign>.world-back-door[data-world-return-label]::after{content:attr(data-world-return-label)}} /* 188: intact seated residents, table foreground occlusion, no extra animation or input surface. */ @media screen { body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household{position:absolute;inset:0;pointer-events:none;z-index:2} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household>img{position:absolute;object-fit:contain;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[hidden],body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household>img[hidden],body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household>img[data-art-unavailable=true]{display:none!important} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=table]>.world-household-sophie{left:31%;top:33%;width:26%;height:59%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=table]>.world-household-kiki{left:54%;top:29%;width:24%;height:46%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=garden]>.world-household-kiki{left:56%;top:28%;width:24%;height:44%} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-household{filter:brightness(.72) saturate(.86)} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-table-foreground{position:absolute;inset:0;pointer-events:none;z-index:3;background:url(world-borrower-table192.png) center/100% 100% no-repeat;clip-path:polygon(0 59%,16% 63%,34% 67%,54% 70%,80% 74%,100% 76%,100% 100%,0 100%)} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-table-foreground[hidden]{display:none!important} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-world-scene-image=unavailable] :is(.world-borrower-household,.world-borrower-table-foreground){display:none!important} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-book-reading,body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-book,body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-table-window{z-index:4} } @media screen { body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-household,.world-borrower-table-foreground){inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:3/2} } @media screen { body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=inside]>.world-household-kiki{left:39%;top:39%;width:21%;height:42%} } /* 189: distinct residents have distinct places; full existing companion drawings, no new animation. */ @media screen { body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household>span{position:absolute;display:block;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household>span[hidden]{display:none!important} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-forest{left:51%;top:44%;width:16%;height:24%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-cat{left:20%;top:29%;width:12%;height:13%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household>span>svg{display:block;width:100%;height:100%;animation:none!important} } /* Keep the actual room of an explicit furniture visit across its original work screen. */ body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(#menuPage,#recipesPage)[data-world-work-origin=table]>.world-room-sign::after{background-image:url("world-borrower-table182.png");background-position:50% 45%} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(#ordersPage,#vendorsPage,#materialsPage)[data-world-work-origin=receiving]>.world-room-sign::after{background-image:url("world-borrower-receiving182.png");background-position:50% 50%} /* Painted pantry plaques belong to the food jars and the separate supply cabinet. */ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-paper{position:absolute;inset:0;pointer-events:none;z-index:2} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-paper>a{position:absolute;left:40.6%;top:48.1%;translate:-50% -50%;transform:none;width:23%;min-height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:0;border-radius:2px;background:transparent;color:#fff3d5;text-decoration:none;font-size:clamp(15px,1.4vw,22px);line-height:1.3;text-align:center;padding:4px 7px;pointer-events:auto;text-shadow:0 1px 2px #18271c} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-paper>a[data-borrower-route=supplies]{left:78.8%;top:60.3%;width:22%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-paper>a:focus-visible{outline:3px solid #fff3d5;outline-offset:3px} body[data-cafe-world=ghibli][data-cafe-place=borrower] #materialsPage[data-world-work-origin=pantry]>.world-room-sign::after{background-image:url('world-borrower-pantry185.png');background-position:45% 44%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-pantry-register{margin:0;padding:12px 18px;background:linear-gradient(90deg,#a3895f,#fff2d5 4%,#fff2d5 96%,#a3895f);border-block:4px solid #80683f;color:#354d3e} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-pantry-register>summary{min-height:44px;display:list-item;padding:10px 4px;box-sizing:border-box;cursor:pointer} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-pantry-register-links{display:flex;flex-direction:column;gap:4px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-pantry-register :is(a,button){min-height:44px;display:flex;align-items:center;padding:8px 12px;box-sizing:border-box;overflow-wrap:anywhere;color:#354d3e} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-pantry-register>nav{display:flex;gap:10px;margin-top:8px} body[data-cafe-world=ghibli] .world-office-notebook{padding:12px 18px;border-top:4px solid #92744c;background:linear-gradient(90deg,#b9a075,#fff2d5 4%,#fff2d5 96%,#b9a075);color:#354d3e} body[data-cafe-world=ghibli] .world-office-notebook>summary{min-height:44px;padding:10px 4px;box-sizing:border-box;cursor:pointer} body[data-cafe-world=ghibli] .world-office-notebook-list{display:flex;flex-direction:column;gap:6px} body[data-cafe-world=ghibli] .world-office-notebook button{min-height:44px;padding:9px 12px;text-align:left;white-space:pre-line;overflow-wrap:anywhere;color:#354d3e} body[data-cafe-world=ghibli] .world-office-notebook>nav{display:flex;gap:10px;margin-top:8px} body[data-cafe-world=ghibli] .world-office-filebook{padding:12px 18px;border-top:4px solid #92744c;background:linear-gradient(90deg,#b9a075,#fff2d5 4%,#fff2d5 96%,#b9a075);color:#354d3e} body[data-cafe-world=ghibli] .world-office-filebook>summary{min-height:44px;padding:10px 4px;box-sizing:border-box;cursor:pointer} body[data-cafe-world=ghibli] .world-office-filebook-list{display:flex;flex-direction:column;gap:6px} body[data-cafe-world=ghibli] .world-office-filebook button{min-height:44px;padding:9px 12px;text-align:left;white-space:pre-line;overflow-wrap:anywhere;color:#354d3e} body[data-cafe-world=ghibli] .world-office-filebook>nav{display:flex;gap:10px;margin-top:8px} body[data-cafe-world=ghibli] .world-receiving-orderbook{padding:12px 18px;border-top:4px solid #92744c;background:linear-gradient(90deg,#b9a075,#fff2d5 4%,#fff2d5 96%,#b9a075);color:#354d3e} body[data-cafe-world=ghibli] .world-receiving-orderbook>summary{min-height:44px;padding:10px 4px;box-sizing:border-box;cursor:pointer} body[data-cafe-world=ghibli] .world-receiving-orderbook-list{display:flex;flex-direction:column;gap:6px} body[data-cafe-world=ghibli] .world-receiving-orderbook button{min-height:44px;padding:9px 12px;text-align:left;white-space:pre-line;overflow-wrap:anywhere;color:#354d3e} body[data-cafe-world=ghibli] .world-receiving-orderbook>nav{display:flex;gap:10px;margin-top:8px} /* Native phase and current-room ownership choose one intact visitor. No input surface. */ @media screen { body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest{position:absolute;display:block;pointer-events:none;left:71%;top:27%;width:17%;height:58%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest[hidden]{display:none!important} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=garden]>.world-household-guest{left:68%;top:29%;width:19%;height:56%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=garden]>.world-household-guest[data-household-person=totoro]{left:64%;top:49%;width:27%;height:38%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=pantry]>.world-household-guest{left:54%;top:38%;width:15%;height:53%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=receiving]>.world-household-guest{left:37%;top:30%;width:18%;height:59%} } /* 190: window daylight and room-specific lamplight share the existing clock. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room{--world-lamp-x:57%;--world-lamp-y:31%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=garden]{--world-lamp-x:19%;--world-lamp-y:33%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table]{--world-lamp-x:17%;--world-lamp-y:18%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=pantry]{--world-lamp-x:84%;--world-lamp-y:17%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=receiving]{--world-lamp-x:63%;--world-lamp-y:38%} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=morning] .world-borrower-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff1bc24,transparent 54%,#789b9b0d)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=evening] .world-borrower-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--world-lamp-x) var(--world-lamp-y),#ffd58a24,transparent 42%),linear-gradient(115deg,#e9ad6420,transparent 62%)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=evening] :is(.world-borrower-canvas>img,.world-borrower-resident,.world-borrower-household,.world-borrower-table-foreground){filter:brightness(.94) saturate(.94) sepia(.08)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-room .world-borrower-canvas::after{background:radial-gradient(ellipse at var(--world-lamp-x) var(--world-lamp-y),#edb65b38,transparent 37%)} body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-table-foreground{filter:brightness(.68) saturate(.83)} } /* Whole guests rest on the room floor; no body-part animation. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest::before{content:"";position:absolute;left:27%;bottom:0;width:46%;height:3%;border-radius:50%;background:radial-gradient(ellipse,#30291d4d,transparent 72%);pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest>img,body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest>svg{position:relative} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest[data-household-person=totoro]::before{left:15%;width:70%;height:6%} } @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-guest[data-art-unavailable=true]{display:none!important}} /* 190: receiving records belong to the counter and the two physical shelves. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper{inset:0;width:100%;height:100%;display:block;padding:0;border:0;background:none;box-shadow:none;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;width:19%;min-height:44px;padding:7px 9px;border:1px solid #c7b48399;border-radius:2px;background:#304837eb;color:#fff2d5;font-size:clamp(12px,1.05vw,17px);box-shadow:0 2px 3px #1c261d55;text-shadow:0 1px #172e21;pointer-events:auto;translate:-50% -50%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=orders]{left:77%;top:53%;width:27%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=vendors]{left:79%;top:73%;width:25%;background:#eee0baed;color:#334b36;text-shadow:none;border-color:#8b704c} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=ingredients]{left:10%;top:29%;width:18%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=supplies]{left:10%;top:70%;width:18%} } @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a{flex-direction:row} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a .world-borrower-tool-art{flex:0 0 26px;width:26px;height:26px;margin:0} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a .world-borrower-tool-art>svg{width:26px;height:26px} } @media screen and (min-width:1000px){body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=garden]>.world-household-guest[data-guest-art=totoro-sleep]{left:64%;top:60%;width:29%;height:29%}} /* 190: two separate bookmarks on the open book, never overlapping hit regions. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table] .world-borrower-book{left:14%;top:91.5%;width:33%;height:7.5%;min-height:44px;box-sizing:border-box} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table] .world-borrower-book[data-borrower-table-menu]{left:51%} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table] .world-borrower-book>span{padding:7px 12px;font-size:13px;max-width:100%;box-sizing:border-box} } /* 190: the recipe controls occupy the right-hand page, leaving the painted left page visible. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table] .world-borrower-book-reading{left:50%;top:69%;width:34%;height:22%;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:5px;padding:8px 12px;box-sizing:border-box;background:linear-gradient(100deg,#f1dfb9e8,#fff4dce8);border:0;box-shadow:inset 2px 0 5px #85653d18} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-book-reading>.world-borrower-reading-art{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-book-reading>:is(label,button,p){grid-column:1;width:100%;max-width:none;box-sizing:border-box} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-book-reading>p{padding:4px 7px;margin:0;background:transparent} } /* 190: a scene owns its residents and light only after its picture is ready. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room:not([data-world-scene-image=ready]) :is(.world-borrower-household,.world-borrower-table-foreground,.world-borrower-resident,.world-borrower-table-light,.world-borrower-kettle){visibility:hidden!important} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room:not([data-world-scene-image=ready]) .world-borrower-canvas::after{display:none} } @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-receiving-paper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-receiving-paper>a{position:static;inset:auto;translate:none;transform:none;width:100%;height:auto;min-height:44px;grid-column:auto;box-sizing:border-box} } @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=garden][data-world-garden-light=night] .world-borrower-canvas>img{filter:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=garden][data-world-garden-light=night] .world-borrower-canvas::after{background:none}} /* 190: the same cool garden light is seen through the kitchen and table windows. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-room[data-world-scene-image=ready] :is(.world-borrower-garden-door,.world-borrower-table-window)::before{content:"";position:absolute;inset:5% 4% 12%;border-radius:42% 42% 9% 9%;background:radial-gradient(ellipse at 56% 35%,#244c895f,#26496c35 58%,transparent 77%);mix-blend-mode:multiply;pointer-events:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-garden-door,.world-borrower-table-window)>span{position:relative;z-index:1} } @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=inside][data-world-scene-lighting=painted-night] .world-borrower-canvas>img{filter:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=inside][data-world-scene-lighting=painted-night] .world-borrower-canvas::after{background:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=inside][data-world-scene-lighting=painted-night] .world-borrower-garden-door::before{display:none}} /* 190: the night stool is occupied; the bread badge stays on the free left table rail. */ @media screen and (min-width:1000px){body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-room[data-scene=inside] .world-borrower-furniture>a[data-borrower-route=inventory]{left:36%}} @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table][data-world-scene-lighting=painted-night] .world-borrower-canvas>img{filter:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table][data-world-scene-lighting=painted-night] .world-borrower-table-foreground{background-image:url(world-borrower-table-night190.png);filter:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table][data-world-scene-lighting=painted-night] .world-borrower-canvas::after{background:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table][data-world-scene-lighting=painted-night] .world-borrower-table-window::before{display:none}} /* 190: the existing pantry entry belongs to the green cabinet, not a toolbar tab. */ @media screen and (min-width:1000px){ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-door{position:absolute;left:88%;top:22%;translate:-50% -50%;width:10%;min-width:80px;min-height:44px;padding:7px 10px;border:1px solid #c4c3a078;border-radius:2px;background:#27382ce6;color:#f7efd9;font:inherit;font-size:13px;z-index:4;cursor:pointer} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-door:is(:hover,:focus-visible){outline:2px solid #f4e6a9;outline-offset:3px} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-door[hidden]{display:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-pantry-door{position:static;inset:auto;translate:none;width:100%;height:auto} } @media screen and (max-width:999px){body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-door{position:relative;min-height:44px;min-width:80px;margin:4px 0;padding:7px 12px;background:#344d40;color:#f7efd9;border:1px solid #778777}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-door[hidden]{display:none}} /* 190: seated residents share the amber indoor light; the moonlit garden stays cool. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower][data-world-phase=night] .world-borrower-room:is([data-scene=inside],[data-scene=table],[data-scene=pantry],[data-scene=receiving])[data-world-scene-lighting=painted-night] .world-borrower-household{filter:brightness(.82) saturate(.92) sepia(.1)} } /* 190: dawn is painted from the actual right window, without a second left-side wash. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=inside][data-world-scene-lighting=painted-morning] .world-borrower-canvas::after{background:none}} /* 190: the office night painting owns its blue window and warm task lamps. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-office[data-world-office-lighting=painted-night] .world-borrower-office-room::after{background:none}} /* 190: connection truth stays beside the picture, never across a resident's body. */ @media screen{body[data-cafe-world=ghibli] .world-borrower-office>.world-office-register-state{display:block;position:static;box-sizing:border-box;margin:10px 14px;padding:7px 10px;border:1px solid #ad9570;border-inline-start:5px solid #a1997c;border-radius:2px;background:#f9efd8;color:#4c5143;text-align:left;font-size:12px;line-height:1.5;white-space:normal}body[data-cafe-world=ghibli] .world-borrower-office>.world-office-register-state[hidden]{display:none}} /* 190: the pantry doorway shares the kitchen night, with its painted linen lamp. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=pantry][data-world-scene-lighting=painted-night] .world-borrower-canvas>img{filter:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=pantry][data-world-scene-lighting=painted-night] .world-borrower-canvas::after{background:none}} /* 190: fit the intact room to the actual fullscreen pane after its ledgers, not a fixed viewport guess. */ @media screen and (min-width:1000px){body[data-cafe-world=ghibli] .world-borrower-room:fullscreen>.world-borrower-viewport{container-type:size}body[data-cafe-world=ghibli] .world-borrower-room:fullscreen .world-borrower-canvas{width:min(100cqw,150cqh);min-width:0}} /* 190: the receiving threshold opens onto the same blue garden, not dimmed daylight. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=receiving][data-world-scene-lighting=painted-night] .world-borrower-canvas>img{filter:none}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=receiving][data-world-scene-lighting=painted-night] .world-borrower-canvas::after{background:none}} /* 190: one intact satchel pose at a time; the finite shared-idle cycle pauses in place. */ @media screen{body[data-cafe-world=ghibli] .world-household-guest:is([data-guest-art=arrietty-bag],[data-guest-art=chihiro-folding],[data-guest-art=ashitaka-parcel]) [data-guest-pose]{opacity:0}body[data-cafe-world=ghibli] .world-household-guest:is([data-guest-art=arrietty-bag],[data-guest-art=chihiro-folding],[data-guest-art=ashitaka-parcel]) [data-guest-pose="0"]{opacity:1}} @media screen and (min-width:1000px){body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=pantry]>.world-household-guest[data-guest-art=chihiro-folding]{left:52.5%;width:18%}} /* Names belong to existing furniture; no extra icon medallions or floating props. */ @font-face{font-family:CafeHand;src:url('Yomogi-World192.woff') format('woff');font-display:swap;font-weight:400} @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-furniture a>.world-borrower-tool-name{bottom:2px;left:50%;translate:none;transform:translateX(-50%);padding:6px 8px;background:none;border:0;box-shadow:none;color:#fff0cf;font-family:CafeHand,'YuKyokasho',serif;font-size:clamp(16px,1.4vw,20px);line-height:1.4;letter-spacing:.025em;visibility:visible;opacity:1;text-shadow:0 1px 2px #233d2c,0 0 3px #233d2c;transition:none} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a{padding:5px 8px;background:transparent!important;border:0;box-shadow:none;font-family:CafeHand,'YuKyokasho',serif;font-size:clamp(17px,1.5vw,23px);letter-spacing:.03em;text-shadow:0 1px 2px #203d2b;color:#fff0cf} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=orders]{color:#3e382a;text-shadow:0 1px #fff1cb99} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-office-room nav a strong{font-family:CafeHand,'YuKyokasho',serif;font-weight:400;letter-spacing:.03em} body[data-cafe-world=ghibli][data-cafe-place=borrower] :is(.world-borrower-garden-door,.world-borrower-garden-back,.world-borrower-threshold,.world-borrower-receiving-door,.world-borrower-table-window)>span{padding:5px 8px;min-height:44px;display:flex;align-items:center;box-sizing:border-box;background:transparent;border:0;box-shadow:none;font-family:CafeHand,'YuKyokasho',serif;font-size:clamp(16px,1.3vw,20px);color:#fff0cf;text-shadow:0 1px 2px #223d2d,0 0 3px #223d2d} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture>a>.world-borrower-tool-name{position:static;transform:none;color:#344d39;text-shadow:none} } @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=vendors]{color:#fff0cf;text-shadow:0 1px 2px #203d2b,0 0 3px #203d2b} } @media screen and (min-width:1000px){body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-door{background:transparent;border:0;box-shadow:none;font-family:CafeHand,'YuKyokasho',serif;font-size:18px;color:#fff0cf;text-shadow:0 1px 2px #203d2b}} /* 192: names sit on the room's own shelf plates, paper bookmarks and small wood tags. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-pantry-paper>a{font-family:CafeHand,'YuKyokasho',serif;font-weight:400;letter-spacing:.035em;font-size:clamp(18px,1.6vw,25px);text-shadow:0 1px 1px #20382c} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-scene=table] .world-borrower-book>span{font-family:CafeHand,'YuKyokasho',serif;font-weight:400;background:#f3e6c7;color:#483e2b;border:1px solid #bba77c;border-radius:1px;box-shadow:0 1px 2px #45371e33;text-shadow:none;font-size:clamp(15px,1.25vw,19px)} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-furniture a>.world-borrower-tool-name{background:#344b38f2;border:1px solid #b2a176;border-radius:3px;padding:4px 10px;box-shadow:0 1px 2px #17271d55;text-shadow:0 1px #203021} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a>span{padding:4px 9px;background:#ede1c2;color:#443e2c;border:1px solid #b4a17a;border-radius:1px;text-shadow:none;box-shadow:0 1px 2px #24312444} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-receiving-paper>a[data-borrower-route=vendors]>span{background:#334a37;color:#fff0cf;border-color:#aa9669} body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-room[data-world-scene-image=unavailable] .world-borrower-furniture>a>.world-borrower-tool-name{background:none;border:0;box-shadow:none} } @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-cat>svg{display:block;width:100%;height:100%;overflow:visible}body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-household-cat[data-art-unavailable=true]{visibility:hidden}} /* Workroom reference: quiet handwritten room names; working inputs keep their readable UI font. */ @media screen{ body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view>.world-room-sign>div>span{display:inline-block;padding:5px 12px;background:#344d3d;color:#fff0ce;border:1px solid #a58e60;border-radius:3px;font-family:CafeHand,'YuKyokasho',serif;font-size:clamp(16px,1.3vw,20px);line-height:1.5;font-weight:400;letter-spacing:.025em} body[data-cafe-world=ghibli][data-cafe-place=borrower] .page-view:is([data-world-furniture=book],[data-world-furniture=desk],[data-world-furniture=task],[data-world-furniture=post])>.world-room-sign>div>span{background:#f1e3c2;color:#483c2a;border-color:#ab9470;border-radius:1px} } /* 200: seated Kiki uses the workplace drawing standard and the existing stool seat. */ @media screen{body[data-cafe-world=ghibli][data-cafe-place=borrower] .world-borrower-household[data-place=inside]>.world-household-kiki[data-kiki-seated-art=workroom]{left:41%;top:48%;width:21%;height:32%}}