#title-menu{--ink:#3f3849;--paper:#fbf0dc;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:radial-gradient(at 50% 40%,#58536c70,#0000 60%),linear-gradient(115deg,#20283b,#313247 55%,#282c3b);border:0;margin:0;padding:24px;font:18px/1.4 Trebuchet MS,sans-serif;position:fixed;inset:0;overflow:auto}#title-menu::backdrop{background:#22243255}#title-menu[open]{display:flex}#title-menu *{box-sizing:border-box}.title-layout{width:min(360px,100%);margin:auto}.title-brand{color:var(--paper);text-align:center;margin-bottom:24px}.title-brand img{width:160px;height:auto;margin:0 auto;animation:5s ease-in-out infinite logo-breathe;display:block}.title-brand h1{text-shadow:0 4px #171c2b;margin:4px 0 0;font-size:clamp(36px,5vw,44px);line-height:1.1}.title-panel h2{margin:0 0 16px;font-size:28px}.title-actions,.confirm-actions{gap:12px;display:grid}#title-menu button{cursor:pointer;font:700 22px/1.25 Trebuchet MS,sans-serif}.menu-primary,.menu-secondary{width:100%;min-height:52px;color:var(--ink);background:var(--paper);border:2px solid #c5aa8b;border-radius:16px;padding:10px 16px;box-shadow:0 5px #171c2b70}.menu-primary{background:#ebbb78;border-color:#b18455}#title-menu button:enabled:hover{background:#fff8e8;transform:translateY(-2px)}#title-menu button:active{transform:translateY(2px)}#title-menu button:disabled{cursor:default;color:#beb6b1;box-shadow:none;background:#414554;border-color:#595969}#title-menu :focus-visible{outline-offset:5px;outline:4px solid #e9b86d}#notebook-message{color:#f4eadb;margin:20px 0 0}#notebook-message:empty{display:none}#notebook-message.save-error,#save-status[data-error=true]{color:#a54f54}#title-menu[data-mode=main] #notebook-message.save-error{color:#ffd0c2}#title-menu:not([data-mode=main]) .title-layout{width:min(540px,100%)}#title-menu:not([data-mode=main]) .title-brand{display:none}#title-menu:not([data-mode=main]) .title-panel{background:var(--paper);border:3px solid #c5aa8b;border-radius:20px;padding:20px}#title-menu:not([data-mode=main]) #notebook-message:not(.save-error){color:#536f62}.panel-intro,.notebook-footnote{margin:12px 0 20px}.notebook-footnote{margin-bottom:0;font-size:16px}#title-menu .notebook-back{color:var(--ink);background:0 0;border:0;margin:0 0 12px;padding:8px 0;font-size:20px}.notebook-list{gap:12px;max-height:52vh;margin:0 -5px;padding:5px;display:grid;overflow:auto}#title-menu .notebook{text-align:left;width:100%;color:var(--ink);background:#fff8ea;border:2px solid #c5aa8b;border-radius:16px;padding:12px;font-size:20px}.notebook-body strong,.notebook-body span{display:block}.notebook-body span{margin-top:4px;font-size:16px;font-weight:400}#title-menu .notebook:disabled{opacity:.6}body[data-screen=menu] #day-ui,body[data-screen=menu] #service-ui,body[data-screen=menu] #menu,body[data-screen=menu] #hud{visibility:hidden}#settings .save-actions{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}#save-status{color:#52694e;margin:10px 0;font-size:16px;display:block}#save-status:empty{display:none}@keyframes logo-breathe{50%{transform:translateY(-5px)rotate(-1deg)}}@media (height<=600px){.title-brand{margin-bottom:20px}.title-brand img{width:120px}.title-brand h1{font-size:36px}.title-actions{gap:12px}}@media (prefers-reduced-motion:reduce){.title-brand img{animation:none}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none}#view{touch-action:none}button,summary,select{touch-action:manipulation}#touch-controls{z-index:160;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#touch-controls[hidden],#cancel-selection[hidden]{display:none}#thumb-stick{bottom:calc(10px + var(--safe-bottom));left:calc(8px + var(--safe-left));box-sizing:border-box;touch-action:none;pointer-events:auto;background:#30283370;border:2px solid #d3b89bac;border-radius:50%;width:108px;height:108px;position:absolute}.thumb-knob{background:#fff1d7d9;border-radius:50%;width:46px;height:46px;position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);box-shadow:0 2px 8px #201b3240}.thumb-label{text-align:center;color:#fff5e5;pointer-events:none;width:100%;font:14px Trebuchet MS,sans-serif;position:absolute;bottom:5px}.touch-actions{bottom:calc(10px + var(--safe-bottom));right:calc(8px + var(--safe-right));pointer-events:auto;grid-template-columns:1fr 1fr;gap:6px;width:104px;display:grid;position:absolute}.touch-actions button,#cancel-selection{color:#544451;background:#fff1d7ed;border:1px solid #bda38b;border-radius:14px;min-height:48px;padding:4px;font:600 16px Trebuchet MS,sans-serif}.touch-actions button:active{background:#e6d4ec;transform:translateY(1px)}.touch-actions button:disabled{opacity:.5}#cancel-selection{z-index:8;pointer-events:auto;padding:8px 16px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}#touch-controls[data-shopping=true] .touch-actions{display:none}body[data-shopping=placing] #thumb-stick{bottom:calc(var(--placement-height,160px) + 24px + var(--safe-bottom))}body[data-shopping=arranging] #thumb-stick{left:auto;right:calc(8px + var(--safe-right))}body[data-shopping=placing]:has(.placement-adjust[open]) #thumb-stick{visibility:hidden}body[data-touch]{--thumb-space:132px;-webkit-text-size-adjust:100%}body[data-touch]:has(#tray-widget[data-capacity="3"]:not([hidden]),#tray-widget[data-capacity="4"]:not([hidden])){--thumb-space:162px}body[data-touch] #menu{top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right))}body[data-touch] #day-card{box-sizing:border-box;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));max-width:min(240px, calc(100vw - 180px - var(--safe-left) - var(--safe-right)));padding:6px 8px}body[data-touch] #day-card strong{font-size:16px;line-height:20px}body[data-touch] #day-card small{font-size:14px;line-height:18px}body[data-touch] #wallet,body[data-touch]:has(#open-shop:not([hidden])) #wallet{top:calc(8px + var(--safe-top));right:calc(60px + var(--safe-right));gap:3px;min-height:34px;padding:5px 7px}body[data-touch] #wallet strong,body[data-touch] #wallet span{font-size:16px}body[data-touch] #wallet-details{min-width:220px;max-width:calc(100vw - 80px)}body[data-touch] #close-kitchen{margin-top:5px;padding:5px 8px;font-size:13px}body[data-touch] #open-guestbook{top:calc(60px + var(--safe-top));right:calc(8px + var(--safe-right));padding:6px 10px;font-size:14px}body[data-touch] #open-shop{top:calc(112px + var(--safe-top));right:calc(8px + var(--safe-right));padding:6px 12px;font-size:16px}body[data-touch] #help-toggle{top:calc(112px + var(--safe-top));bottom:auto;left:auto;right:calc(8px + var(--safe-right));font-size:14px}body[data-touch]:has(#open-shop:not([hidden])) #help-toggle{top:calc(164px + var(--safe-top))}body[data-touch] #controls-help{top:calc(164px + var(--safe-top));max-height:calc(100dvh - 320px - var(--safe-top) - var(--safe-bottom));padding:12px 16px;bottom:auto;overflow-y:auto}body[data-touch] #controls-help .help-keys{justify-content:start}body[data-touch] #controls-help span{white-space:normal}body[data-touch] #tray-widget{left:50%;bottom:calc(10px + var(--safe-bottom));width:180px;transform:translate(-50%)}body[data-touch] .tray-pockets{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-touch] .tray-pocket{box-sizing:border-box;min-height:44px;padding:4px 2px}body[data-touch] #tray-widget[data-capacity="3"] .tray-pocket:first-child{width:calc(50% - 2.5px)}body[data-touch] .tray-pocket strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}body[data-touch] .tray-art,body[data-touch] .tray-art svg{height:28px}body[data-touch] .tray-art .dish-emoji,body[data-touch] .tray-empty-mark{font-size:26px;line-height:28px}body[data-touch] #service-ui #service-hint,body[data-touch] #service-ui:has(#tray-widget:not([hidden])) #service-hint{left:50%;bottom:calc(var(--thumb-space) + var(--safe-bottom));max-width:calc(100vw - 32px - var(--safe-left) - var(--safe-right));font-size:16px}body[data-touch]:has(#controls-help:not([hidden])) #service-hint{display:none}body[data-touch] #cancel-selection{box-sizing:border-box;left:auto;right:calc(8px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));width:104px;min-height:104px;padding:8px;font-size:16px;transform:none}body[data-touch]:has(#cancel-selection:not([hidden])) .touch-actions{visibility:hidden}body[data-touch] #belong-chorus{bottom:calc(var(--thumb-space) + 50px + var(--safe-bottom));max-width:80vw;font-size:12px}body[data-touch] #belong-goal{top:calc(116px + var(--safe-top));left:calc(8px + var(--safe-left));max-width:calc(100vw - 152px);padding:5px 8px;font-size:12px;right:auto}body[data-touch] #belong-welcome{box-sizing:border-box;width:min(380px,100vw - 24px);left:50%;bottom:calc(var(--thumb-space) + var(--safe-bottom));max-height:calc(100dvh - 210px - var(--safe-top) - var(--safe-bottom));z-index:165;padding:16px;overflow-y:auto;transform:translate(-50%)}body[data-touch] #belong-welcome h2{font-size:22px}body[data-touch] #belong-welcome p{font-size:16px}body[data-touch] #belong-welcome .belong-stamp{display:none}body[data-touch] #settings,body[data-touch] #guestbook,body[data-touch] #recipe-book{max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;width:min(740px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));padding:18px;overflow-y:auto}body[data-touch] #settings{width:min(400px,100vw - 24px)}body[data-touch] #close-guestbook{flex-shrink:0;min-width:44px}body[data-touch] #settings input[type=range],body[data-touch] #music-track{min-height:44px}body[data-touch] #music-track{width:100%;max-width:100%}body[data-touch] #title-menu{height:100dvh;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}body[data-touch] #night{box-sizing:border-box;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));justify-content:safe center}body[data-touch] #service-ui:has(#sushi-picker:not([hidden])),body[data-touch] #cooking-touch{z-index:165}body[data-touch] #sushi-picker,body[data-touch] #cooking-touch{--popup-top:clamp(calc(12px + var(--safe-top)), var(--popup-y), calc(100dvh - 280px - var(--safe-bottom)));box-sizing:border-box;top:var(--popup-top);max-height:calc(100dvh - var(--popup-top) - 12px - var(--safe-bottom));overscroll-behavior:contain;overflow-y:auto}body[data-touch] #sushi-picker{width:min(280px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));left:clamp(calc(12px + var(--safe-left)), var(--popup-x), calc(100vw - 292px - var(--safe-right)))}body[data-touch] #cooking-touch{width:min(270px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));left:clamp(calc(12px + var(--safe-left)), var(--popup-x), calc(100vw - 282px - var(--safe-right)))}body[data-touch] #wc-status,body[data-touch] #plunger-home{min-height:44px}body[data-touch] #shop{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}body[data-touch] .shop-book{height:min(720px, calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom)))}body[data-touch] .shop-header{gap:8px}body[data-touch] .shop-header h1{font-size:24px}body[data-touch] .shop-balance strong{font-size:20px}body[data-touch] .placement-heading{top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left))}body[data-touch] .placement-toolbar{box-sizing:border-box;bottom:calc(8px + var(--safe-bottom));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));width:auto;max-height:50dvh;overflow-y:auto;transform:none}body[data-touch] .placement-toolbar kbd{display:none}body[data-touch] .placement-help{font-size:12px}body[data-touch] .placement-adjust>div{bottom:calc(var(--placement-height,160px) + 20px + var(--safe-bottom));left:auto;right:calc(12px + var(--safe-right));width:min(260px, calc(100vw - 24px - var(--safe-left) - var(--safe-right)));max-height:min(260px, calc(100dvh - var(--placement-height,160px) - 32px - var(--safe-top) - var(--safe-bottom)));overscroll-behavior:contain;position:fixed}body[data-touch] .placement-panel{top:calc(8px + var(--safe-top));bottom:calc(8px + var(--safe-bottom));left:calc(8px + var(--safe-left))}@media (width<=560px){body[data-touch] #tray-widget{width:clamp(116px, calc(100vw - 248px - var(--safe-left) - var(--safe-right)), 180px)}body[data-touch] .shop-pages{grid-template-rows:minmax(100px,1fr) auto;grid-template-columns:minmax(0,1fr)}body[data-touch] .shop-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-touch] .shop-detail{border-top:1px solid #cbb697;border-left:0;grid-template-columns:minmax(0,1fr) minmax(120px,.85fr);gap:12px;max-height:35dvh;padding:12px;display:grid}body[data-touch] .shop-detail-actions{max-height:none}body[data-touch] .shop-detail h2{font-size:18px}body[data-touch] .shop-detail p{font-size:14px}body[data-touch] .shop-detail button,body[data-touch] .shop-footer button{padding:8px;font-size:14px}body[data-touch] .shop-footer{gap:6px}body[data-touch] .placement-panel{width:54vw;max-width:none}body[data-touch] .placement-actions{flex-wrap:wrap;gap:6px}body[data-touch] .placement-feedback{font-size:14px}body[data-touch] .placement-actions .shop-primary{flex-basis:100%}}@media (height<=500px) and (orientation:landscape){body[data-touch] #title-menu[data-mode=main] .title-layout{grid-template-columns:1fr 1fr;align-items:center;gap:32px;width:min(720px,100%);display:grid}body[data-touch] .title-brand{margin:0}body[data-touch] .title-brand img{width:120px}body[data-touch] #open-shop{top:calc(60px + var(--safe-top));right:calc(120px + var(--safe-right))}body[data-touch] #help-toggle,body[data-touch]:has(#open-shop:not([hidden])) #help-toggle{top:calc(60px + var(--safe-top));right:calc(220px + var(--safe-right))}body[data-touch] #controls-help{top:calc(70px + var(--safe-top));max-height:calc(100dvh - 200px - var(--safe-top) - var(--safe-bottom));width:min(460px,100vw - 250px)}body[data-touch] #belong-welcome{left:50%;top:calc(70px + var(--safe-top));max-height:calc(100dvh - 90px - var(--safe-top) - var(--safe-bottom));bottom:auto}body[data-touch] .placement-heading span,body[data-touch] .placement-help{display:none}body[data-touch] .shop-footer{padding-top:4px;padding-bottom:4px}body[data-touch] #belong-chorus{bottom:calc(var(--thumb-space) + var(--safe-bottom));max-width:55vw}body[data-touch]:has(#service-hint:not([hidden])) #belong-chorus{display:none}}@media (width<=340px){body[data-touch] #thumb-stick{width:88px;height:88px}body[data-touch] .touch-actions,body[data-touch] #cancel-selection{width:94px}body[data-touch] .touch-actions button{padding:2px;font-size:14px}body[data-touch] #tray-widget{left:calc(104px + var(--safe-left));width:calc(100vw - 214px - var(--safe-left) - var(--safe-right));padding:4px;transform:none}body[data-touch] .tray-pockets{gap:4px}}