:root{color-scheme:light;--paper:#fff8e5;--cream:#f5e9c9;--ink:#62452e;--muted:#81684d;--edge:#b88c5e;--line:#e1cba3;--red:#c96040;--green:#7e9854;--teal:#578c7d;--gold:#e5b953;--shadow:#d1b386;font-family:'BIZ UDPGothic','Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:#e9dfbc;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(90deg,#e2d5ad33 1px,transparent 1px),linear-gradient(#e2d5ad33 1px,transparent 1px);background-size:24px 24px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button{border:2px solid var(--edge);background:var(--paper);border-radius:9px;box-shadow:0 3px 0 var(--shadow)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--shadow)}button:hover:not(:disabled){filter:brightness(1.025)}button svg,i svg{width:20px;height:20px;display:block;fill:currentColor}i{font-style:normal;display:inline-flex;flex-shrink:0}img,canvas{image-rendering:pixelated}
.small{font-size:11px;color:var(--muted)}.muted{color:var(--muted)}
.square{width:44px;height:46px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#f5e9ce}.square span{display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.square small{font-size:10px;line-height:1.1}.square svg{width:20px;height:20px}.square[aria-pressed=true]{background:#f2d9c5;border-color:#c77d59}
#day-progress{position:absolute;top:40px;left:0;width:100%;height:3px;z-index:2;border:0}progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:9px;border:0;border-radius:3px;overflow:hidden;background:#e8d9b7}progress::-webkit-progress-bar{background:#e8d9b7}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}
#art-loading{position:absolute;inset:45% 10% auto;text-align:center;padding:12px;background:var(--paper);border:2px solid var(--edge);border-radius:8px;font-size:12px}#closed-sign{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);border:2px solid var(--edge);box-shadow:0 3px 0 var(--shadow);border-radius:10px;background:var(--paper);text-align:center;padding:14px 20px;width:max-content;max-width:90%}#closed-sign strong{display:block;font-size:15px;color:var(--red);margin-bottom:6px}#closed-sign span{font-size:10px}
.quest{background:#f9edcb;border:2px solid #c8a263;border-radius:12px;box-shadow:0 3px 0 #e1c68c;overflow:hidden}.quest-label{display:flex;justify-content:space-between;align-items:center;padding:9px 11px 0;font-size:10px;color:#9c7a43;min-height:22px}.quest-label>span{display:flex;align-items:center;gap:6px}.quest-label i svg{width:12px;height:12px;color:#bb8e43}.quest-label button{width:25px;height:24px;box-shadow:none;border:0;padding:0;font-size:17px;background:transparent}.quest-main{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:8px 11px 12px;border:0;box-shadow:none;background:transparent;border-radius:0}.quest-main>span{min-width:0}.quest-main strong{font-size:14px;line-height:1.6;display:block;color:#775730;font-weight:800}.quest-main small{font-size:10px;color:#876b45;line-height:1.7;display:block;margin-top:2px}.quest-main>i{width:27px;height:27px;display:grid;place-items:center;color:#fff7db;border:1px solid #778b43;background:#8b9e54;border-radius:6px;box-shadow:0 2px 0 #6c8040}.quest-main i svg{width:14px;height:14px}.quest-main:disabled{opacity:1}.quest-main:disabled i{display:none}.quest.collapsed .quest-main{padding-top:3px;padding-bottom:9px}.quest.collapsed .quest-main small{display:none}.quest.collapsed .quest-main strong{font-size:12px}#quest-complete{margin:0 11px 11px;width:calc(100% - 22px);font-size:11px}.workbench{border:2px solid var(--edge);border-radius:12px;padding:13px;background:#fff9e8;box-shadow:0 3px 0 var(--shadow)}.work-row{display:flex;gap:12px;align-items:center;min-width:0}.work-row+.work-row{border-top:1px dashed var(--line);padding-top:12px;margin-top:12px}.resource{flex:1;min-width:0}.resource-label{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:7px;font-size:11px;min-width:0}.resource-label>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.resource-label i svg{width:14px;height:14px;color:#9a7549}.resource-label b{font-family:ui-monospace,monospace;font-size:13px;font-weight:750;white-space:nowrap}.resource-label b small{font-family:inherit;font-size:9px;margin-left:3px;color:var(--muted);font-weight:500}.work-note{display:block;color:var(--muted);font-size:9px;line-height:1.4;margin-top:5px}.work-button{width:71px;flex-shrink:0;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#f3d38c;border-color:#c29c5c;box-shadow:0 3px 0 #dbbc7e;padding:6px 3px}.work-button b{font-size:12px}.work-button small{font-size:9px;font-weight:500}.work-button.green{background:var(--green);border-color:#647d43;box-shadow:0 3px 0 #b6bd84;color:#fff8e7}.stock-meter{position:relative;height:9px;background:#e8d9b7;border-radius:3px;overflow:hidden}#stock-fill{height:100%;background:#89a260;min-width:0}.stock-ticks{position:absolute;inset:0;display:flex}.stock-ticks i{flex:1;border-right:2px solid #fff8e5;opacity:.9}.stock-ticks i:last-child{border:0}#cook-progress::-webkit-progress-value{background:#d78a56}#cook-progress::-moz-progress-bar{background:#d78a56}.attention{font-size:10px;line-height:1.7;color:#b46b43;margin:10px 0 0;padding-top:9px;border-top:1px dashed var(--line)}.store-links{display:flex;flex-direction:column;gap:10px}.store-links>button{display:flex;align-items:center;gap:10px;min-height:58px;width:100%;text-align:left;padding:9px 11px;background:#fff5dc}.store-links>button>span:not(.menu-pictures){display:flex;flex-direction:column;gap:4px;min-width:0}.store-links b{font-size:12px;line-height:1.3}.store-links small{font-size:9px;color:var(--muted)}.store-links button>i:last-child{margin-left:auto;color:#b48a53}.store-links button>i:last-child svg{width:13px;height:13px}.operations-link>i:first-child{width:46px;justify-content:center;color:#9c764c}.operations-link>i:first-child svg{width:26px;height:26px}.menu-pictures{display:flex;align-items:flex-end;width:46px;flex-shrink:0;isolation:isolate}.menu-pictures img{width:31px;height:31px;object-fit:contain}.menu-pictures img+img{margin-left:-14px;transform:translateY(-6px);z-index:-1}.special-order{display:grid;grid-template-columns:37px 1fr;gap:5px 9px;align-items:center;padding:10px 12px;border:2px solid #ca9570;background:#f7e1c5;border-radius:12px;box-shadow:0 3px 0 #ddbc8c}.special-order canvas{width:37px;height:45px;grid-row:1/3}.special-order h2{font-size:13px;margin:0 0 5px;color:#a85f40}.special-order p{font-size:9px;color:#8d6747;margin:0;line-height:1.5}.primary{background:#cb714c;color:#fff9e7;border:2px solid #a8593d;box-shadow:0 3px 0 #d49a71;font-size:12px;font-weight:750;min-height:39px;padding:9px 12px}.special-order .primary{grid-column:2;justify-self:start;min-height:34px;font-size:11px;padding:6px 13px;margin-top:3px}.wide{width:100%;margin-top:16px}
.bottom-tabs a{width:200px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:41px;text-decoration:none;font-size:12px;font-weight:750;color:#997a52;border:1px solid transparent;border-radius:8px}.bottom-tabs a[aria-current]{color:#8b622f;border-color:#cbab6e;background:#edd49d;box-shadow:0 2px 0 #d7b67a}.bottom-tabs i svg{width:21px;height:21px}
dialog{color:var(--ink);background:var(--paper);width:min(440px,calc(100% - 24px));max-height:86dvh;overflow:auto;border:2px solid var(--edge);border-radius:14px;box-shadow:0 5px 0 #835c3d55;padding:21px}dialog::backdrop{background:#42312180}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.dialog-header h2{font-size:20px;line-height:1.5;margin:3px 0 0}.dialog-header .small{font-size:10px}.dialog-header button{width:31px;height:31px;flex-shrink:0;padding:0;font-size:24px;line-height:1;background:#f1e0bd;box-shadow:0 2px 0 var(--shadow)}dialog p{font-size:12px;line-height:1.8}dialog label{font-size:12px;display:block;margin:20px 0 8px}select{padding:10px;width:100%;border:2px solid var(--line);border-radius:7px;background:#fffdf3;font-size:12px}.preview-note{color:var(--muted);font-size:11px}.phase-controls{margin:22px 0 14px;padding:10px;display:flex;gap:7px;border:1px solid var(--line);border-radius:8px}.phase-controls legend{font-size:11px;padding:0 4px}.phase-controls button{font-size:11px;flex:1;padding:7px 2px;border-width:1px;box-shadow:0 2px 0 var(--shadow)}.phase-controls button[aria-pressed=true]{background:#efd29f;border-color:#bf975d}.large-dialog{width:min(660px,calc(100% - 24px))}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.menu-item{border:1px solid var(--line);border-radius:8px;padding:12px 8px;text-align:center;background:#fffbed;display:flex;flex-direction:column;align-items:center;min-width:0}.menu-item img{width:90px;max-width:100%;height:77px;object-fit:contain;margin:2px 0 8px}.menu-item b{font-size:11px;line-height:1.7}.menu-item strong{font-family:ui-monospace,monospace;font-size:15px;margin-top:5px;color:#b46640}.menu-item small{font-size:9px;color:#8c9a5a;margin-top:7px}.menu-item.locked{background:#efe5ce}.menu-item.locked img{filter:brightness(0);opacity:.28}.menu-item.locked b{color:#958069}.menu-item.locked small{color:#9f8d73}.operation-advice{padding:11px;background:#edf0d5;border:1px solid #c2cd99;border-radius:8px;color:#697e48}.operation-rates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.operation-rates div{border:1px solid var(--line);background:#f7edcf;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.operation-rates span{font-size:11px;color:var(--muted)}.operation-rates b{font-size:15px}.operation-rates small{font-size:9px;color:var(--muted)}.operation-details{font-size:12px;line-height:1.6;margin-top:18px}.operation-details div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:8px 0}.operation-details dt{color:var(--muted)}.operation-details dd{margin:0;text-align:right}#special-art{display:block;margin:6px auto 13px;max-width:100%;height:auto}#special-menu{text-align:center;font-size:13px;color:#a86642;font-weight:700}.special-steps{list-style:none;padding:0;display:flex;gap:6px;counter-reset:steps}.special-steps li{counter-increment:steps;flex:1;text-align:center;font-size:11px;background:#eee1c3;padding:6px 3px;border-radius:5px;color:#a68b63}.special-steps li::before{content:counter(steps) ' ';font-family:ui-monospace,monospace}.special-steps li.current{background:#e4ba77;color:#79552f}.special-steps li.done{background:#e1e8c1;color:#748748}#special-hint{font-size:11px;color:var(--muted)}.timing-bar{height:18px;position:relative;background:#e7d7b3;border:1px solid #bca274;border-radius:3px;margin:14px 0 9px}.timing-bar span{position:absolute;top:0;bottom:0;background:#8ca85c}.timing-bar i{position:absolute;top:-5px;bottom:-5px;width:5px;background:#b85c3f;border:1px solid var(--paper);transform:translateX(-50%)}#special-feedback{font-size:11px;text-align:center;color:#7d934d;min-height:19px}#special-result{text-align:center}#special-result strong,#special-result b,#special-result small{display:block}#special-result strong{font-size:16px;color:#7f9250}#special-result b{font-family:ui-monospace,monospace;font-size:29px;color:#bc6543;margin:8px 0}#special-result small{font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.callout{outline:3px solid #c9923e;outline-offset:4px}[hidden]{display:none!important}

.sr-only{top:0;left:0;margin:0}.menu-pictures .locked-picture{filter:brightness(0);opacity:.28}
@media(max-width:370px){dialog{padding:17px}.dialog-header h2{font-size:18px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-item{padding:10px 6px}.menu-item img{width:76px;height:66px}.menu-item b{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}