.td{position:relative;max-width:680px;margin:auto;color:#3c372e;font:14px/1.3 system-ui,sans-serif;--td-green:#517769;--td-gold:#ba8644;--td-paper:#fffaf0}.td *{box-sizing:border-box}.td button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.td button:focus-visible{outline:3px solid #3575a0;outline-offset:2px}.td button:disabled{cursor:default;opacity:.48}.td-stage{height:570px;max-height:calc(100dvh - 150px);min-height:470px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #cfc7b8;border-radius:18px;background:#eee6d8;overflow:hidden;box-shadow:0 8px 25px #40362212}.td-top{display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;flex:none}.td-title{font-size:15px}.td-menu{border:0;background:#d7e1d6;border-radius:9px;min-width:42px;min-height:30px;font-size:24px!important;line-height:1}.td-stats{font-size:12px;min-height:31px;padding:7px 9px;background:#fffaf0;border-radius:8px;flex:none;font-variant-numeric:tabular-nums}.td-orders{display:flex;gap:6px;align-items:stretch;height:114px;flex:none}.td-order{flex:1;min-width:0;border:1px solid #c8c4b5;background:var(--td-paper);border-radius:12px;padding:3px 4px;position:relative}.td-order svg{height:49px;width:100%;display:block}.td-order strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-card-status{display:block;font-size:11px;line-height:1.25;font-variant-numeric:tabular-nums}.td-meter{height:4px;display:block;background:#e1ddcf;border-radius:4px;overflow:hidden;margin-top:4px}.td-meter>i{height:100%;display:block;background:#729580;border-radius:4px}.td-order.urgent .td-meter>i{background:#ba6555}.td .chosen{outline:2px solid #c1954b;outline-offset:-2px;background:#fff8dc}.td-next{display:flex;align-items:center;justify-content:center;width:100%;color:#756e5e;font-size:12px}.td-flow{height:41px;flex:none;display:flex;gap:5px;align-items:center;justify-content:space-between;border-block:1px solid #d7c9b2;font-size:11px}.td-flow-name{max-width:28%;font-size:11px}.td-path{display:flex;align-items:center;gap:2px}.td-path>span:not(:has(svg)){font-size:13px}.td-path svg{width:30px;height:26px}.td-path>b{font-size:11px;font-weight:500}.td-kitchen{display:flex;flex:1;min-height:150px;flex-direction:column;gap:10px;justify-content:center;background:#d8c7ac;border-radius:13px;padding:9px;box-shadow:inset 0 2px 4px #5a493316}.td-stations,.td-boards{display:flex;gap:7px;min-height:0;flex:1}.td-station,.td-board{flex:1;min-width:0;border:1px solid #bbaa8e;border-radius:11px;background:#eee8db;padding:3px 4px;position:relative;box-shadow:0 3px 0 #b5a08233}.td-board{background:#f6e6c6;border-color:#c7aa77}.td-station svg,.td-board svg{display:block;width:100%;height:clamp(30px,5vh,47px)}.td-station strong,.td-board strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.td-station.ready{border-color:#527e64;background:#ebf2dd}.td-station.burnt{background:#d5b0a2;border-color:#a36350}.td .legal{outline:2px solid #6d9a77;outline-offset:-2px}.td-cue{height:29px;flex:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#655b48;font-size:12px}.td-actions{display:flex;gap:7px;flex:none;min-height:30px}.td-actions button{border:1px solid #c9b997;border-radius:8px;background:#f7f0df;padding:5px 9px;font-size:12px;min-height:32px}.td-discard{flex:1}.td-close{background:#d7e7d8!important}.td-foot{font-size:10px;text-align:center;color:#827967;height:13px;flex:none}.td-overlay{position:absolute;inset:0;border-radius:18px;background:#332a1e88;display:flex;align-items:center;justify-content:center;padding:14px;z-index:4;backdrop-filter:blur(3px)}.td-panel{max-height:100%;width:min(100%,480px);overflow:auto;overscroll-behavior:contain;border-radius:15px;padding:17px;background:#fffaf0;box-shadow:0 10px 40px #21150844}.td-panel h2{font-size:19px;line-height:1.25;margin:0 0 10px}.td-panel h3{font-size:14px;margin:18px 0 8px}.td-panel p{font-size:13px;line-height:1.5;margin:8px 0}.td-panel button{border:1px solid #d0c5ae;border-radius:9px;background:#f4eddf;min-height:42px;padding:8px 10px}.td-panel>.td-primary{display:block;width:100%;background:#517769;color:white;border-color:#517769;margin:10px 0}.td-plan{display:block;width:100%;text-align:start;margin:7px 0;background:#f3eedf!important}.td-plan strong,.td-plan small{display:block}.td-plan small{font-size:12px;color:#70664e;margin-top:3px}.td-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:6px}.td-upgrade{text-align:start;display:flex;flex-direction:column;gap:4px}.td-upgrade strong{font-size:12px}.td-upgrade small{font-size:11px;color:#796c54;flex:1}.td-upgrade span{font-size:11px;color:#406a57}.td-record{color:#786c53}.td-result-stars{color:#ae7b32;font-size:26px!important;letter-spacing:6px;text-align:center}.td-levels{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.td-levels button{padding:5px 0;font-size:11px}.td-modes{display:flex;gap:4px}.td-modes button{flex:1;font-size:12px}.td-stage[data-theme="1"]{background:#e8e5d6}.td-stage[data-theme="2"]{background:#e9ddd0}.td-stage[data-theme="3"]{background:#e0e5d7}.td-stage[data-theme="4"]{background:#dce7e4}.td-stage[data-theme="5"]{background:#e8e0dc}.td[dir="rtl"] .td-path{flex-direction:row-reverse}@media(max-width:480px){.td-stage{height:516px;min-height:480px;max-height:none;padding:8px;gap:5px;border-radius:13px}.td-top{height:27px}.td-title{font-size:12px}.td-stats{font-size:10px;min-height:31px;padding:6px}.td-orders{height:96px;gap:4px}.td-order{padding:2px 3px;border-radius:9px}.td-order svg{height:40px}.td-order strong{font-size:10px}.td-card-status{font-size:10px}.td-flow{height:35px;gap:2px}.td-path svg{width:25px;height:22px}.td-flow-name{font-size:10px;max-width:27%}.td-path>b{font-size:9px}.td-kitchen{gap:7px;padding:7px;min-height:176px}.td-stations,.td-boards{gap:4px}.td-station,.td-board{padding:3px 2px}.td-station svg,.td-board svg{height:37px}.td-station strong,.td-board strong{font-size:10px}.td-cue{font-size:11px;height:30px}.td-panel{padding:12px}.td-overlay{padding:9px}.td-panel h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.td *{scroll-behavior:auto!important}}