:root{color-scheme:light;--paper:#f3f1e7;--ink:#24443f;--muted:#697c73;--green:#2e7060;--line:#d3d9cb;--amber:#b46a25}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,sans-serif;background-image:radial-gradient(#adba9d20 1px,transparent 1px);background-size:6px 6px}header{max-width:1240px;margin:auto;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:29px/1 Georgia,serif;color:var(--ink);text-decoration:none}.brand em{color:var(--amber)}.brand span{display:block;font:8px system-ui;letter-spacing:3px;margin-top:9px}.tag{font-size:11px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:14px 28px}.intro{display:flex;align-items:center;justify-content:space-between;padding:8px 0 21px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--amber);font-weight:750}h1{font:clamp(32px,4vw,49px)/1.1 Georgia,serif;margin:10px 0}p{color:var(--muted)}.intro p:last-child{font-size:14px;margin:10px 0 0}.seal{border:1px solid #b8c5ad;border-radius:50%;width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);background:#e6eadb}.seal strong{font:27px Georgia}.seal span{font-size:8px;letter-spacing:1.5px}button{font:inherit;cursor:pointer;border:1px solid #c2cdbf;background:#f8f7ef;color:var(--ink);border-radius:7px;padding:9px 12px;touch-action:manipulation}button:hover{background:#e5ebdd}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b46a25;outline-offset:3px}button[aria-pressed=true]{border-color:var(--green);background:#dce8d7}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:700;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#255c4e}#jobs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}#jobs button{font-size:12px;padding:8px 13px}#jobs button.active{background:var(--green);color:white}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px}.worktop{background:#e2e5da;border:1px solid #c9cfbf;border-radius:15px;padding:18px;align-self:start;box-shadow:0 14px 30px #4b5b4410}.rack-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:750}.rack-head small{font-weight:400;margin-left:5px}#rays{font-size:10px;padding:6px 9px;letter-spacing:0}#rack-area{position:relative;margin:26px 24px;padding:0;aspect-ratio:1}#board{display:grid;width:100%;height:100%;gap:4px;position:relative;background:#b8c3b6;padding:8px;border:6px solid #a2b1a5;border-radius:9px;box-shadow:inset 0 0 20px #4e675533,0 4px 0 #8c9e92}#board .cell{background:#ecede3;border:1px solid #cbd3c4;border-radius:3px;padding:0;position:relative;min-width:0;min-height:0;z-index:1}#board .cell:hover{background:#d3e5cc;outline:2px solid #75a18a}#board .cell.post{background:repeating-linear-gradient(45deg,#a7b6a8 0 4px,#bec8b7 4px 8px)}#board .cell.post:after{content:'+';font-size:24px;color:#536b5a}#board .dish{position:absolute;pointer-events:none;border:1.5px solid #89a88d;border-radius:11px;background:#f4f2e8cc;z-index:3;display:flex;align-items:center;justify-content:center;transition:left .17s,top .17s;box-shadow:0 3px 5px #40534222}.dish.selected{outline:3px solid #bd7937;outline-offset:1px}.dish .ceramic{width:95%;height:95%;background-image:url('ceramics.webp');background-size:200% 200%;background-repeat:no-repeat;max-width:170px;max-height:170px;aspect-ratio:1}.dish .number{position:absolute;top:3px;left:5px;background:#fcfbefee;border-radius:50%;width:19px;height:19px;font-size:10px;text-align:center;line-height:19px}.dish .face{position:absolute;font-size:21px;color:#75491d;text-shadow:0 1px #fff;font-weight:900}.dish .status{position:absolute;right:4px;top:5px;width:8px;height:8px;border-radius:50%;background:#bc7029}.dish.clean .status{background:#2e7964}.dish.washed{background:#e6f4d7;box-shadow:0 0 15px #d2e8b3}#water{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);pointer-events:none;z-index:4;overflow:visible}.legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}.legend .a{background:#bb7c39}.legend .b{background:#4a9dba}.legend .c{background:#94a795}.rack-note{margin-top:13px;font-size:12px;color:#556b5e}aside{padding:5px 0}.jobline{font-size:9px;letter-spacing:1.4px;display:flex;justify-content:space-between;color:var(--amber)}#badge{color:var(--green)}h2{font:30px/1.1 Georgia,serif;margin:11px 0}#story{font-size:13px;min-height:58px}.counter{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:12px 0;font-size:12px}.counter strong{color:var(--green)}h3{font-size:10px;letter-spacing:1px;margin:17px 0 11px}h3 small{float:right;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}#inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.item{padding:5px 3px;position:relative;min-height:75px;background:#faf9f0}.item .mini{display:block;width:45px;height:45px;margin:auto;background-image:url('ceramics.webp');background-size:200% 200%;background-repeat:no-repeat}.item span:last-child{font-size:9px;display:block}.item .dot{position:absolute;top:4px;right:5px;font-size:9px;color:var(--green)}.selected{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px;font-size:12px}#facing{font-size:11px;color:var(--amber)}.tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.tools button{font-size:12px;padding:7px}kbd{font:9px system-ui;opacity:.5;padding-left:5px}#wash,#next{width:100%;padding:12px 15px}.minor{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.minor button{border:0;background:transparent;padding-left:0;color:var(--green);text-decoration:underline;font-size:12px}#moves{font-size:10px;color:var(--muted)}#message{font-size:13px;padding:10px 0;color:#85551f;min-height:35px}#next{margin-top:5px}details{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;font-size:13px}summary{cursor:pointer}details p{max-width:900px}footer{padding:24px 0 15px;font-size:10px;color:var(--muted)}a{color:var(--green)}[hidden]{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}.worktop{padding:13px}aside{padding-top:6px}header{padding:18px}.tag{display:none}main{padding:12px 16px}.intro{gap:12px}.seal{width:72px;height:72px;flex-shrink:0}.seal strong{font-size:22px}.seal span{font-size:6px}h1{font-size:34px}#jobs{gap:6px}#jobs button{padding:7px 11px}#rack-area{margin:24px 13px}.legend{gap:9px;font-size:9px}#story{min-height:0}#inventory{grid-template-columns:repeat(4,1fr)}.item{min-height:77px}}
.dish{min-width:0;min-height:0}.dish .ceramic{height:auto;aspect-ratio:1;max-height:95%}