@font-face{font-family:Roboto Condensed;src:url(/fonts/RobotoCondensed-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/RobotoCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--c-page: #FAFAFA;--c-head: #D9D9D9;--c-row-a: #F5F5F5;--c-row-b: #EBEBEB;--c-line: #C8C8C8;--c-vline: #D0D0D0;--c-border: #777777;--c-shadow: rgba(0, 0, 0, .33);--c-key: #CCCCCC;--c-tab: #C4C4C4;--c-mint: #D8F2E4;--c-blue: #D6EAF5;--c-yellow: #FFD93A;--c-popup: #F4F6DC;--c-note: #F8F8B4;--c-pressed: #FFFF99;--c-selected: #FFFFD0;--c-selected-text: #A0302A;--c-qty: #2E3FA3;--c-name: #222222;--c-key-text: #333333;--c-flag: #B0303A;--c-detail: #A04030;--c-muted: #555555;--c-alert: #D04040;--c-on-alert: #FFFFFF;--c-clock: #3A4A4A;--c-remake: #E8860C;--c-flash: #FFFF88;--c-mask: rgba(0, 0, 0, .45);--r-key: 11px;--key-shadow: 1px 2px 0 var(--c-shadow);--font-key: "Roboto Condensed", SimSun, "Songti SC", STSong, serif;--font-data: "Roboto Condensed", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Hiragino Sans GB", sans-serif;--fs: 18px}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:fixed;inset:0;background:var(--c-page);color:var(--c-name);font-family:var(--font-data);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}button{margin:0;font:inherit;font-family:var(--font-key);color:var(--c-key-text);cursor:pointer}.app{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100dvh;overflow:hidden;font-size:var(--fs);line-height:1.25}.key{min-height:2.3em;padding:.2em .8em;background:var(--c-key);border:1.5px solid var(--c-border);border-radius:var(--r-key);box-shadow:var(--key-shadow);white-space:nowrap}.key.tone-fire{background:var(--c-blue)}.key.tone-finalize{background:var(--c-mint)}.key.is-on{background:var(--c-selected);color:var(--c-selected-text)}.key:active{background:var(--c-pressed)}.key:disabled{color:var(--c-muted);cursor:default}.key:disabled:active{background:var(--c-key)}.key.tone-finalize:disabled:active{background:var(--c-mint)}.board{grid-column:1;grid-row:2;min-width:0;min-height:0;padding:.4em .4em 0;font-size:calc(var(--board-scale, 1) * 1em);overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;touch-action:pan-x;scrollbar-width:thin}.board-cols{height:var(--board-h, 100%);column-width:15em;column-gap:.4em;column-fill:auto}.empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2em;color:var(--c-muted)}.ticket{position:relative;display:flex;flex-direction:column;max-height:calc(var(--board-h, 100%) - 4px);margin-bottom:.5em;overflow:hidden;background:var(--c-page);border-radius:var(--r-key);box-shadow:var(--key-shadow);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}.ticket:after{content:"";position:absolute;inset:0;border:1.5px solid var(--c-border);border-radius:inherit;pointer-events:none}.ticket.is-remake:after{border:3px solid var(--c-remake)}.ticket.is-rushed:after{border:3px solid var(--c-alert)}@keyframes flash{50%{background-color:var(--c-flash);color:var(--c-name)}}.ticket.is-flash .t-head,.ticket.is-flash .row,.ticket.is-flash .round-head,.ticket.is-flash .t-foot{animation:flash 1s linear 3}.t-head{flex:0 0 auto;padding:.2em .5em .25em;background:var(--c-head);border-bottom:1px solid var(--c-line)}.t-head.lv-warn{background:var(--c-yellow)}.t-head.lv-alert{background:var(--c-alert);color:var(--c-on-alert)}.t-line1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .4em}.t-no{font-size:1.6em;font-weight:700;line-height:1.15}.t-type{font-weight:700}.t-table{padding:0 .3em;font-weight:700;color:var(--c-name);background:var(--c-blue);border-radius:.3em}.t-timer{margin-left:auto;font-size:1.15em;font-weight:700;white-space:nowrap}.t-line2{font-size:.8em;color:var(--c-muted);overflow-wrap:anywhere}.lv-alert .t-line2{color:inherit}.t-cancel{flex:0 0 auto;padding:.2em .45em;font-weight:700;color:var(--c-on-alert);background:var(--c-alert)}.is-cancelled .nm,.is-cancelled .qty{color:var(--c-muted);text-decoration:line-through}.ticket-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-x pan-y;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.round-head{padding:.1em .5em;font-size:.8em;font-weight:700;color:var(--c-muted);background:var(--c-head);border-bottom:1px solid var(--c-line);overflow-wrap:anywhere}.row{display:flex;background:var(--c-row-a);border-bottom:1px solid var(--c-line)}.row.alt{background:var(--c-row-b)}.row.is-served{background:var(--c-mint)}.row.can-tap{cursor:pointer}.row.can-tap:active{background:var(--c-pressed)}.qty{flex:0 0 auto;min-width:2.2em;padding:.25em .35em;font-weight:700;color:var(--c-qty);text-align:right;white-space:nowrap;border-right:1px solid var(--c-vline)}.has-weight .qty{min-width:4.3em}.row-main{flex:1 1 0;min-width:0;padding:.25em .4em;overflow-wrap:anywhere}.flag{margin-left:.3em;font-size:.85em;font-weight:700;color:var(--c-flag)}.nm2{font-size:.8em;color:var(--c-muted)}.mods{font-size:.82em;color:var(--c-detail)}.note{margin-top:.1em;padding:.05em .3em;font-size:.85em;background:var(--c-note);border-radius:.15em}.t-note{margin:0;padding:.15em .5em;border-radius:0;border-bottom:1px solid var(--c-line)}.tick{flex:0 0 1.4em;align-self:center;font-weight:700;color:var(--c-muted);text-align:center}.is-served .qty{color:var(--c-muted)}.is-served .nm,.is-void .nm{color:var(--c-muted);text-decoration:line-through}.is-void .qty{color:var(--c-muted)}.t-foot{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.3em .4em;padding:.3em .45em .35em;background:var(--c-page)}.t-progress{font-weight:700;color:var(--c-muted);white-space:nowrap}.t-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3em;margin-left:auto}.bar{grid-column:1 / -1;grid-row:3;position:relative;display:flex;flex-wrap:wrap-reverse;align-items:flex-start;gap:.25em .6em;padding:.3em .4em 0;background:var(--c-page);border-top:1px solid var(--c-border)}.tabs{display:flex;gap:.15em}.tab{display:flex;align-items:center;justify-content:center;gap:.3em;min-width:4.2em;min-height:2.5em;padding:.2em .55em;background:var(--c-tab);border:1.5px solid var(--c-border);border-bottom:0;border-radius:var(--r-key) var(--r-key) 0 0}.tab.is-on{background:var(--c-selected);color:var(--c-selected-text)}.tab:active{background:var(--c-pressed)}.tab b{font-family:var(--font-data)}.scope,.bar-right{display:flex;align-items:center;align-self:center;margin-bottom:.25em}.scope{gap:.25em}.bar-right{gap:.6em;margin-left:auto}.clock{font-weight:700;color:var(--c-clock);white-space:nowrap}.live-info{display:flex;flex-direction:column;align-items:flex-end;min-width:0;font-size:.85em;line-height:1.15;white-space:nowrap}.live-title{font-weight:700}.live-at{color:var(--c-muted)}.live-alert{grid-column:1 / -1;grid-row:1;padding:.35em .8em;font-weight:700;color:var(--c-on-alert);background:var(--c-alert)}.toast{position:absolute;bottom:calc(100% + .4em);left:50%;z-index:10;display:flex;align-items:center;gap:1em;max-width:calc(100vw - 16px);padding:.3em .4em .3em .9em;font-weight:700;white-space:nowrap;background:var(--c-popup);border:1.5px solid var(--c-border);border-radius:var(--r-key);box-shadow:var(--key-shadow);transform:translate(-50%)}.toast.is-hint{padding:.45em 1em;pointer-events:none}.popup-layer{position:fixed;inset:0;z-index:30}.popup{position:fixed;min-width:12em;max-width:calc(100vw - 16px);padding:.4em .5em .6em;background:var(--c-popup);border:1.5px solid var(--c-border);border-radius:var(--r-key);box-shadow:2px 3px 0 var(--c-shadow)}.popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5em;margin-bottom:.4em}.popup-title{padding-top:.35em;font-weight:700;overflow-wrap:anywhere}.popup-keys{display:flex;flex-direction:column;gap:.4em}.popup-row{display:flex;gap:.4em}.popup-row .key{flex:1 1 0}.key.is-danger{color:var(--c-flag)}.key-x{flex:0 0 auto;min-width:2.3em;padding:0;font-size:1em}.confirm-layer{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--c-mask)}.confirm-layer .popup{position:static;width:min(22em,100%)}.settings{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;width:min(26em,50vw);background:var(--c-popup);border-left:1.5px solid var(--c-border);box-shadow:-2px 0 0 var(--c-shadow)}.settings-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:.4em .5em .4em .8em;font-size:1.1em;font-weight:700;border-bottom:1px solid var(--c-border)}.settings-body{flex:1 1 0;min-height:0;padding:0 .8em 1em;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}.settings h3{margin:.9em 0 .4em;padding-bottom:.15em;font-family:var(--font-key);font-size:1em;border-bottom:1px solid var(--c-line)}.set-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3em .6em;padding:.22em 0}.set-row>span:last-child{font-weight:700;overflow-wrap:anywhere}.set-label{flex:0 0 auto;color:var(--c-muted)}.seg{display:flex;gap:.3em}.sim-keys{display:grid;grid-template-columns:1fr 1fr;gap:.4em}.sim-keys .key{white-space:normal}.sound-keys{display:flex;flex-wrap:wrap;gap:.3em}.gate{grid-column:1 / -1;grid-row:1 / -1;display:flex;align-items:center;justify-content:center;min-height:0;padding:12px;overflow-y:auto;touch-action:pan-y}.gate-box{display:flex;flex-direction:column;gap:.6em;width:min(24em,100%);max-height:100%;padding:.8em 1em 1em;background:var(--c-popup);border:1.5px solid var(--c-border);border-radius:var(--r-key);box-shadow:2px 3px 0 var(--c-shadow)}.gate-box.is-wide{width:min(40em,100%)}.gate-title{font-family:var(--font-key);font-size:1.25em;font-weight:700}.gate-sub{color:var(--c-muted);overflow-wrap:anywhere}.gate-msg{padding:.35em .6em;font-weight:700;border-radius:var(--r-key)}.gate-msg.is-error{color:var(--c-flag);background:var(--c-page);border:1.5px solid var(--c-flag)}.gate-msg.is-notice{background:var(--c-yellow)}.field{display:flex;align-items:center;gap:.6em;min-width:0}.field>span{flex:0 0 auto;min-width:2.5em;color:var(--c-muted)}.field input{flex:1 1 auto;min-width:0;min-height:2.3em;padding:.2em .6em;font:inherit;font-size:1.1em;color:var(--c-name);background:var(--c-page);border:1.5px solid var(--c-border);border-radius:var(--r-key);-webkit-user-select:text;user-select:text}.field input:focus{outline:2px solid var(--c-qty);outline-offset:1px}.field-row{display:flex;align-items:center;gap:.6em}.field-row .field{flex:1 1 auto}.gate-main{min-height:2.8em;font-size:1.1em}.station-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(8em,1fr));gap:.5em}.station-key{min-height:3.2em;font-size:1.15em;white-space:normal;overflow-wrap:anywhere}.gate-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5em;margin-top:.3em}.sound-gate{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;width:100%;padding:1em;background:var(--c-mask);border:0}.sound-gate .key{display:flex;align-items:center;min-height:3em;padding:.4em 1.6em;font-size:1.3em}@media(max-width:599.98px){.board{overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.board-cols{height:auto;columns:auto}.ticket{max-height:none}.ticket-body{overflow:visible}.tabs{flex:1 1 100%}.tab{flex:1 1 0;flex-direction:column;gap:0;min-width:0;padding:.15em .1em;line-height:1.1}.scope .key,.bar-right .key{padding:.2em .4em}.bar-right{gap:.4em}.clock-date{display:none}.settings{grid-column:1 / -1;grid-row:1 / -1;z-index:20;width:auto;border-left:0;box-shadow:none}}