:root{--ink:#f3e9dc;--ink-dim:#a9998a;--paper:#efe4cf;--char:#16110e;--gold:#e8a53a;--red:#c0392b;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--char);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#app{position:fixed;inset:0}canvas#c{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#ui>*{pointer-events:auto}.toast-panel{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0908b8;border:1px solid #f3e9dc24;border-radius:10px;width:290px;padding:16px 18px;position:absolute;bottom:24px;left:24px}.toast-panel .row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.toast-panel .lbl{letter-spacing:.14em;color:var(--ink-dim);flex:none;width:74px;font-size:10px}.toast-panel .dial{accent-color:var(--gold);flex:1}.toast-panel .val{font-family:var(--mono);color:var(--gold);text-align:right;width:18px;font-size:13px}.toast-panel .sel{color:var(--ink);background:#0006;border:1px solid #f3e9dc2e;border-radius:5px;flex:1;padding:4px 6px;font-size:12px}.toast-panel .cue{color:var(--ink);min-height:20px;margin-top:14px;font-size:15px;font-style:italic;transition:color .4s}.toast-panel .hint{letter-spacing:.1em;color:var(--ink-dim);min-height:14px;margin-top:6px;font-size:11px}.toast-panel .gauge{background:#ffffff17;border-radius:5px;height:9px;margin-top:14px;position:relative;overflow:hidden}.toast-panel .gauge-fill{background:#8a7f70;border-radius:5px;width:0;transition:background .15s;position:absolute;inset:0 auto 0 0}.toast-panel .gauge-mark{width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.toast-panel .gauge-mark.yield{background:var(--gold)}.toast-panel .gauge-mark.scrape{background:#e2603a}.toast-panel .mode{letter-spacing:.09em;color:var(--ink-dim);min-height:14px;margin-top:8px;font-size:11px}.toast-panel .load{background:#ffffff17;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.toast-panel .load-fill{border-radius:3px;width:0;height:100%}.ticket{color:#2b2118;background:#efe4cf;border-radius:3px;width:268px;padding:16px 18px 14px;position:absolute;top:22px;left:24px;transform:rotate(-.7deg);box-shadow:0 10px 26px #00000080}.ticket-day{font-family:var(--mono);letter-spacing:.22em;color:#9b8b74;font-size:10px}.ticket-who{color:#7d6d58;margin-top:2px;font-size:12px;font-style:italic}.ticket-text{margin-top:8px;font-size:14px;line-height:1.4}.ticket-spec{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.chip{letter-spacing:.08em;text-transform:uppercase;background:#2b21181a;border:1px solid #2b211829;border-radius:3px;padding:3px 7px;font-size:10px}.chip.warn{color:#8e2c21;background:#c0392b24;border-color:#c0392b66}.chip.tool{color:#2d5480;background:#2850821f;border-color:#2850824d}.ticket-hint{color:#8a7963;margin-top:9px;font-size:11px;font-style:italic}.judge-panel{pointer-events:none;justify-content:space-between;align-items:stretch;display:flex;position:absolute;inset:0}.judge-panel>*{pointer-events:auto}.judge-left{flex-direction:column;justify-content:flex-end;width:33%;max-width:400px;padding:0 0 26px 26px;display:flex}.judge-face{filter:drop-shadow(0 12px 26px #0009);align-self:flex-start;width:210px}.judge-lines{max-width:380px;margin-top:8px}.judge-lines p{color:var(--ink);text-shadow:0 2px 12px #000000e6;margin-bottom:7px;font-size:17px;line-height:1.42}.judge-lines p:first-child{color:var(--ink-dim);font-size:14px}.judge-right{flex-direction:column;justify-content:center;width:380px;padding:26px 26px 26px 0;display:flex}.judge-order{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);text-align:right;margin-bottom:12px;font-size:11px}.judge-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0908c2;border:1px solid #f3e9dc24;border-radius:9px;padding:14px 16px}.crit{grid-template-columns:96px 1fr auto;align-items:center;gap:10px;padding:4px 0;display:grid}.crit-group{letter-spacing:.22em;opacity:.55;border-bottom:1px solid #ffffff1f;margin:8px 0 2px;padding-bottom:3px;font-size:9px}.crit-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.crit-bar{background:#ffffff17;border-radius:3px;height:6px;overflow:hidden}.crit-fill{border-radius:3px;height:100%;display:block}.crit-detail{font-family:var(--mono);color:var(--ink-dim);text-align:right;white-space:nowrap;font-size:10px}.crit.total{border-top:1px solid #f3e9dc29;margin-top:7px;padding-top:9px}.crit.total .crit-name,.crit.total .crit-detail{color:var(--gold);font-size:13px}.judge-foot{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.judge-stamp{border:4px solid;border-radius:7px;padding:4px 18px;font-size:56px;font-weight:800;line-height:1;animation:.42s cubic-bezier(.2,1.7,.4,1) stamp;transform:rotate(-9deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg)scale(3.2)}60%{opacity:1}to{opacity:1;transform:rotate(-9deg)scale(1)}}.grade-S{color:#ffd76a}.grade-A{color:#7fd07f}.grade-B{color:#cfc4b2}.grade-C{color:#d99a4e}.grade-F{color:#d0483a}.judge-btns{gap:8px;display:flex}.btn{font-family:var(--font);letter-spacing:.13em;border:1px solid var(--gold);background:var(--gold);color:#211a12;cursor:pointer;border-radius:6px;padding:10px 16px;font-size:11px;font-weight:700}.btn:hover{filter:brightness(1.12)}.btn.ghost{color:var(--ink-dim);background:0 0;border-color:#f3e9dc3d;font-weight:500}.btn.ghost:hover{color:var(--ink)}#ui>.drawer-panel{pointer-events:none;position:absolute;inset:0}.drawer-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:center;background:#0c0908c7;border:1px solid #f3e9dc29;border-radius:9px;width:168px;padding:14px 14px 12px;position:absolute;top:26px;left:26px}.drawer-lbl{letter-spacing:.22em;color:var(--ink-dim);font-size:10px}.drawer-sil{color:var(--gold);margin:6px 0 2px}.drawer-sil .sil{margin:0 auto;display:block}.sil-name{letter-spacing:.05em;color:var(--ink);margin-top:2px;font-size:13px}.sil-name.revealed{color:var(--ink-dim);font-size:12px;font-style:italic;animation:1.6s ease-out sigh}@keyframes sigh{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.drawer-timer{margin-top:12px}.timer-bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.timer-fill{border-radius:3px;width:100%;height:100%;transition:width .2s linear}.timer-lbl{color:var(--ink-dim);margin-top:5px;font-size:10px;font-style:italic}.drawer-hint{letter-spacing:.1em;color:var(--ink-dim);text-shadow:0 2px 10px #000;font-size:11px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.title{background:radial-gradient(at 50% 45%,#241a15 0%,#0d0a08 75%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-wrap{align-items:center;gap:40px;max-width:900px;padding:24px;display:flex}.title-art{filter:drop-shadow(0 20px 44px #000000b3);border-radius:12px;width:380px;max-width:44vw}.title-txt h1{letter-spacing:.05em;color:var(--paper);font-size:62px;line-height:1}.title-sub{color:var(--ink-dim);margin:10px 0 26px;font-size:16px;font-style:italic}.title-keys{letter-spacing:.08em;color:#6d6155;margin-top:26px;font-size:11px;line-height:1.9}.title-days-lbl{letter-spacing:.22em;color:var(--ink-dim);margin-top:20px;font-size:10px}.title-days{flex-wrap:wrap;gap:5px;max-width:380px;max-height:118px;margin-top:8px;display:flex;overflow-y:auto}.day-chip{width:34px;color:var(--ink);cursor:pointer;font-family:var(--mono);background:#f3e9dc0f;border:1px solid #f3e9dc24;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 0 3px;display:flex}.day-chip:hover{background:#e8a53a2e;border-color:#e8a53a80}.day-num{font-size:11px}.day-grade{color:var(--ink-dim);font-size:10px}.day-grade.grade-S{color:#6cbf6c;font-weight:700}.day-grade.grade-A{color:#8fce8f}.day-grade.grade-B{color:#e8a53a}.day-grade.grade-C{color:#d2703a}.day-grade.grade-F{color:#c0392b}.toast-panel .amount{letter-spacing:.06em;color:var(--ink-dim);min-height:14px;font-size:11px;font-family:var(--mono);margin-top:8px}.toast-panel .sel:disabled,.toast-panel .dial:disabled{opacity:.55}.slicer-card{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0908c7;border:1px solid #f3e9dc24;border-radius:10px;width:220px;padding:16px 18px;position:absolute;top:26px;left:26px}.slicer-ask{color:var(--gold);margin:6px 0 2px;font-size:14px}.slicer-thick{font-family:var(--mono);color:var(--ink);margin:8px 0 6px;font-size:12px}.slicer-wobble{letter-spacing:.08em;color:var(--ink-dim);min-height:14px;margin-top:8px;font-size:11px;transition:color .3s}.chip.brand{color:#6d4a1c;background:#78521e29;border-color:#78521e66;font-weight:700}body.shadow .slicer-thick,body.shadow .slicer-wobble,body.shadow .gauge,body.shadow .load{visibility:hidden}.shadow-btn.on{color:#e8c98a;border-color:#b98f4e}.ticket-critic{color:#b23a2a;letter-spacing:.06em;margin:2px 0 6px;font-size:11px;font-weight:700}#touchpad{z-index:35;touch-action:none;-webkit-user-select:none;user-select:none;gap:6px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.tp-btn{color:#e8dcc4;touch-action:none;background:#1e1812d1;border:1px solid #5a4a38;border-radius:10px;min-width:44px;height:44px;padding:0 10px;font:700 14px ui-monospace,monospace}.tp-btn:active{background:#6a5335}.tp-wide{padding:0 14px}@media (min-width:900px) and (hover:hover){#touchpad{display:none}}#touchpad{flex-wrap:wrap;justify-content:center;max-width:100vw;padding:0 4px}@media (max-width:600px){#judge-eye{width:60px!important;height:60px!important;bottom:104px!important}.title-wrap{flex-direction:column;align-items:center;overflow-x:hidden}.title-txt h1{font-size:44px}.title-art{max-width:55vw}.title-txt,.title-days{max-width:94vw}}body:has(#ui>.title) #touchpad{display:none}.jar-btn.fed{color:#b8d89a;border-color:#7da05f;transition:all .2s}.ticket-face{object-fit:cover;background:#e8dcc4;border:2px solid #cbb89a;border-radius:50%;width:54px;height:54px;position:absolute;top:10px;right:12px}.jar-img{object-fit:cover;vertical-align:middle;border-radius:6px;width:26px;height:26px;margin-right:8px}.judge-hero{object-fit:cover;float:right;border:2px solid #3a2c20;border-radius:10px;width:52px;height:52px;margin:0 0 6px 10px}.fryer-card{color:#8a6a3a;letter-spacing:.02em;background:#efe4cf;border-radius:3px;margin:6px 0;padding:5px 8px;font:600 11px ui-monospace,monospace}