:root{font-family:'PingFang SC','Microsoft YaHei',sans-serif;color:#262422;background:#171c1a}
*{box-sizing:border-box}body{margin:0;overflow:hidden}
#viewport{height:calc(100dvh - 46px);width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}
#stage{width:2048px;height:1152px;position:relative;flex:none;background:white;overflow:hidden;transform:scale(var(--scale,.5));transform-origin:center}
.piece{position:absolute;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.poster{left:0;top:0;width:976px;height:1075px}
.ticker{position:absolute;left:0;top:1080px;width:970px;height:66px;overflow:hidden;pointer-events:none}
@font-face{font-family:KdsBrush;src:url('assets/ticker-brush.woff2') format('woff2');font-display:swap}
.poster{object-fit:contain}
.ticker-track{display:flex;width:max-content;height:100%;animation:ticker-scroll var(--ticker-duration,24s) linear infinite}
.ticker-track span{display:block;flex:none;min-width:1034px;padding-right:64px;height:66px;white-space:pre;font-family:KdsBrush,'STKaiti','KaiTi',serif;font-size:32px;line-height:66px;letter-spacing:4px;color:#252220}
#content-status{color:#e9bf98;font-size:12px;max-width:24%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#preview-store-field{display:flex;align-items:center;gap:8px;flex:none;white-space:nowrap}
#preview-store{max-width:150px;padding:4px;border:1px solid #41554a;border-radius:5px;background:#23382e;color:#e0eae5;font:inherit}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.pickup-title{left:1020px;top:56px;width:681px;height:105px}.making-title{left:1015px;top:627px;width:698px;height:113px}
.seal{left:1875px;top:76px;width:100px;height:185px}
.queue-code{position:absolute;font-family:Arial,sans-serif;font-size:54px;color:#252220;line-height:70px;width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-code.small{font-size:43px}.queue-code:nth-child(odd){left:1045px}.queue-code:nth-child(even){left:1519px}
#ready .queue-code:nth-child(-n+2){top:226px}#ready .queue-code:nth-child(n+3):nth-child(-n+4){top:354px}#ready .queue-code:nth-child(n+5){top:482px}
#making .queue-code:nth-child(-n+2){top:804px}#making .queue-code:nth-child(n+3):nth-child(-n+4){top:912px}#making .queue-code:nth-child(n+5){top:1020px}
.queue-empty{position:absolute;left:1045px;color:#8b9792;font-size:32px}#ready .queue-empty{top:268px}#making .queue-empty{top:839px}
button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ad2530;outline-offset:3px}
.queue-pager{position:absolute;right:60px;border:1px solid #dee6e1;border-radius:8px;background:#fff;padding:8px 18px;font-size:23px;color:#4b8077}
.ready-pager{top:560px}.making-pager{top:1091px}
#screen-notice{position:absolute;left:1020px;top:176px;width:930px;margin:0;font-size:24px;color:#8a452e}
#toolbar{height:46px;position:fixed;bottom:0;left:0;right:0;background:#17211e;border-top:1px solid #36483f;color:#c9d6d0;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12px}
#connection{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#toolbar button{border:1px solid #41554a;border-radius:5px;background:#23382e;color:#e0eae5;padding:5px 10px;white-space:nowrap}
body.clean #viewport{height:100dvh}body.clean #toolbar{display:none}
[hidden]{display:none!important}
#toolbar{overflow-x:auto}#toolbar button{min-height:36px;flex-shrink:0}#connection{min-width:80px}
#voice-control[aria-pressed="true"]{background:#497b60;color:#fff}
.settings-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #d7e0d9;border-radius:16px;padding:24px;background:#fffdf8;color:#243a30;font:16px/1.6 'PingFang SC','Microsoft YaHei',sans-serif;box-shadow:0 24px 80px #0005}
.settings-dialog::backdrop{background:#142c24a6}.settings-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-dialog h2{margin:0;font-size:22px}
.settings-dialog label{display:grid;gap:6px;margin:16px 0}.settings-dialog select{width:100%;min-height:44px;border:1px solid #c9d7ce;border-radius:8px;padding:8px;color:inherit;background:#fff;font:inherit}
.settings-dialog input[type="range"]{width:100%;min-height:40px;accent-color:#497b60}.settings-dialog button{min-height:44px;padding:8px 14px;border:1px solid #c9d7ce;border-radius:8px;background:#edf4ee;color:#244d40;font:inherit}
.settings-dialog button:disabled{opacity:.5}.settings-dialog #voice-enable,.settings-dialog #voice-replay{background:#244d40;color:#fff}
.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-help{font-size:14px;color:#5f7068}.settings-dialog output{font-size:14px;color:#497b60}
#voice-status{padding:10px;border-radius:8px;background:#f2f5ed;overflow-wrap:anywhere}