:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#272c28;background:#edeee8;font-size:16px;--ink:#272c28;--line:#c0c5bc;--red:#ad432b;--green:#236965;--paper:#fffef8;line-height:1.65;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select,a.portal{min-height:44px}button{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:.6rem .9rem;cursor:pointer;line-height:1.45}button:hover:not(:disabled){border-color:var(--ink);background:#e7eeea}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true],button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.primary{font-weight:700;padding:.8rem 1.2rem}button.danger{border-color:var(--red);color:var(--red)}a{color:var(--green)}:focus-visible{outline:3px solid #c57100;outline-offset:3px}.skip{position:absolute;left:.5rem;top:-5rem;padding:.6rem;background:white;z-index:10}.skip:focus{top:.5rem}header,nav,#notice,main,footer{max-width:1250px;margin:auto;padding-left:1.5rem;padding-right:1.5rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.3rem;padding-bottom:1.1rem}.title{display:flex;gap:1rem;align-items:center;min-width:0}.seal{background:var(--red);color:white;font-family:serif;line-height:1.05;padding:.4rem .55rem;font-size:1.4rem;transform:rotate(-4deg)}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.4rem,3.3vw,2.3rem);letter-spacing:.06em;line-height:1.3;margin:.15rem 0}h2{font-family:serif;font-size:1.6rem;line-height:1.4;margin:.3rem 0 1rem}h3{font-size:1.05rem;line-height:1.5;margin:0 0 .5rem}.eyebrow{font-size:.875rem;letter-spacing:.08em;color:#626d60}.head-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.875rem}select{padding:.3rem;max-width:100%;border:1px solid var(--line);background:white;border-radius:2px}.portal{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:.5rem .75rem;text-decoration:none;white-space:normal}nav{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:.55rem;padding-bottom:.55rem;gap:.5rem}nav button{flex:1;padding:.55rem;min-width:90px}#notice{font-size:.95rem;min-height:3.5rem;padding-top:.6rem;padding-bottom:.5rem;margin-top:0;margin-bottom:0;color:var(--green)}main{padding-top:.2rem;padding-bottom:2rem}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;padding-top:1rem;padding-bottom:1.5rem}.order-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.order-head p{margin:.4rem 0;max-width:60ch}.serial{font-family:monospace;font-size:.9rem}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;align-items:start}.sheet{background:var(--paper);border:1px solid var(--line);padding:1.1rem;min-width:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.stats>div{border-bottom:2px solid var(--ink);padding:.2rem .4rem;display:flex;flex-direction:column}.stats span{font-size:.875rem}.stats strong{font-family:monospace;font-size:1.3rem}.furnace{display:grid;grid-template-columns:72px minmax(0,1fr);gap:1rem}.thermometer{display:flex;flex-direction:column;gap:3px;border-right:2px solid var(--ink);padding-right:.6rem}.heat-mark{display:flex;align-items:center;justify-content:center;min-height:32px;background:#e7e8df;font-family:monospace}.heat-mark.on{background:var(--red);color:white;font-weight:bold}.shelves{display:flex;flex-direction:column;gap:.6rem}.shelf{border-bottom:3px solid #777e70;padding:.4rem .7rem;background:#f0f1ea;min-height:6rem}.shelf-label{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.shelf strong{font-size:1.1rem}.shelf p{font-size:.875rem;margin:.2rem 0}.pot-swatch{display:inline-block;width:.9rem;height:.9rem;border-radius:50%;border:1px solid #797e74;margin-right:.35rem}.heat-path{display:flex;flex-wrap:wrap;gap:.3rem;margin:.9rem 0 0}.heat-path span{min-width:2rem;text-align:center;background:#edece2;font-size:.875rem;padding:.15rem .4rem;border-bottom:2px solid var(--red)}.order-art{width:100%;max-height:190px;object-fit:cover;margin-bottom:.7rem;display:block}.piece{border:1px solid var(--line);padding:.8rem;margin-bottom:.75rem;background:white}.piece-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.piece-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.piece-settings label{font-size:.875rem;display:flex;flex-direction:column;gap:.2rem}.piece-summary{font-size:.875rem;margin:.5rem 0;color:#596350}.condition-list{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.875rem}.condition-list .pass{color:var(--green)}.condition-list .miss{color:var(--red)}.controls{margin-top:1rem}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.air{display:flex;gap:.5rem;margin:.7rem 0}.air button{flex:1}.prediction{background:#e8efec;padding:.8rem;border-left:3px solid var(--green);margin:.8rem 0;font-size:.95rem}.prediction.invalid{border-color:var(--red);background:#f5e9e4}.prediction p{margin:.35rem 0}.forecast{font-size:.875rem;border-top:1px dashed var(--line);padding-top:.5rem}.button-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.button-row>button{flex:1}.result{padding:1rem;border:2px solid var(--red);margin-top:1rem;background:var(--paper)}.result.won{border-color:var(--green)}.result .stamp{display:inline-block;color:var(--red);border:2px solid currentColor;padding:.15rem .8rem;transform:rotate(-3deg);font-family:serif;font-size:1.25rem;margin-bottom:.75rem}.result.won .stamp{color:var(--green)}.result p{margin:.5rem 0}.order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.order-card{border:1px solid var(--line);background:var(--paper);padding:1rem;min-width:0}.order-card button{width:100%;margin-top:.6rem}.order-card p{margin:.4rem 0;font-size:.95rem}.chapter{grid-column:1/-1;border-bottom:2px solid var(--ink);padding-bottom:.25rem;margin:1rem 0 0}.record-art{display:block;width:100%;max-height:210px;object-fit:cover;margin-bottom:1rem}.log-row{display:grid;grid-template-columns:3rem 1fr;gap:.8rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.log-row p{margin:.25rem 0}.log-row strong{color:var(--red)}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.help-grid p{margin:.5rem 0}textarea{width:100%;min-height:12rem;padding:.75rem;border:1px solid var(--line);resize:vertical;overflow-wrap:anywhere}label{overflow-wrap:anywhere}.save-section{margin-bottom:1rem}.small{font-size:.875rem;color:#5c6659}.empty{padding:2rem;text-align:center;border:1px dashed var(--line)}:root[data-font="150"]{font-size:24px}:root[data-font="200"]{font-size:32px}@media(min-width:900px){:root[data-font="200"] .workbench{grid-template-columns:minmax(0,1fr)}:root[data-font="200"] .furnace{grid-template-columns:100px minmax(0,1fr)}}@media(max-width:900px){.workbench{grid-template-columns:minmax(0,1fr)}.controls .actions{grid-template-columns:repeat(3,minmax(0,1fr))}.order-head{flex-wrap:wrap}.order-art{max-height:150px}.help-grid{grid-template-columns:1fr}}@media(max-width:600px){header,nav,#notice,main,footer{padding-left:.8rem;padding-right:.8rem}header{align-items:start;flex-direction:column;gap:.7rem}.title{gap:.6rem}.head-tools{width:100%}.head-tools .portal{margin-left:auto}.order-head{gap:.5rem}.order-head h2{font-size:1.3rem}.workbench{gap:.8rem}.sheet{padding:.8rem}.furnace{grid-template-columns:48px minmax(0,1fr);gap:.6rem}.stats strong{font-size:1.1rem}.stats{gap:.2rem}.piece-settings{grid-template-columns:1fr}.controls .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.order-list{grid-template-columns:1fr}.shelf{padding:.3rem .4rem}.shelf-label{flex-wrap:wrap;gap:.2rem}.shelf strong{font-size:1rem}footer{align-items:start;flex-direction:column}.log-row{grid-template-columns:2.5rem minmax(0,1fr)}:root[data-font="200"] .stats{grid-template-columns:1fr}:root[data-font="200"] .actions,:root[data-font="200"] .air{display:flex;flex-direction:column}:root[data-font="200"] nav button{min-width:110px}:root[data-font="200"] .furnace{grid-template-columns:40px minmax(0,1fr)}:root[data-font="200"] .head-tools .portal{margin-left:0}.heat-mark{min-height:32px}}@media(prefers-reduced-motion:no-preference){.prediction{transition:background-color .15s}}

summary{min-height:44px;padding:.5rem 0;cursor:pointer}.vessel-art{display:block;float:right;width:80px;height:80px;margin:.2rem 0 .2rem .5rem;background-image:url(assets/ceramic-atlas.png);background-size:300% 200%;background-repeat:no-repeat;max-width:100%}.shelf{display:flow-root}.order-art,.record-art{object-fit:contain}p,span,strong,summary{overflow-wrap:anywhere}
@media(max-width:600px){header,nav,#notice,main,footer{padding-left:12px;padding-right:12px}.sheet{padding:12px}.piece,.order-card{padding:12px}.prediction{padding:12px}.shelf{padding:6px}:root[data-font="200"] .vessel-art{float:none;margin:.2rem 0 .4rem}:root[data-font="200"] .furnace{gap:10px}:root[data-font="200"] .log-row{grid-template-columns:minmax(0,1fr)}:root[data-font="200"] .result{padding:12px}}
