.queue-page{--ink: #183e36;--olive: #73755d;--paper: #f7f7f0;--cream: #eeefe5;--line: #daddd1;--muted: #6b766d;--font-serif: "Noto Serif TC Variable", "Noto Serif TC", "PMingLiU", serif;--font-sans: "Noto Sans TC Variable", "Noto Sans TC", "Microsoft JhengHei", sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:var(--paper)}:where(.queue-page,.queue-page *){box-sizing:border-box}:where(.queue-page h1,.queue-page h2,.queue-page h3,.queue-page p){margin:0}:where(.queue-page a){color:inherit;text-decoration:none}:where(.queue-page button,.queue-page input){font:inherit}:where(.queue-page button){border:0;color:inherit;cursor:pointer}:where(.queue-page a,.queue-page button){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(.queue-page img){max-width:100%;display:block}:where(.queue-page a svg,.queue-page button svg){flex-shrink:0}:where(.queue-page) .eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;line-height:1.8}.queue-page :focus-visible{outline:2px solid #987441;outline-offset:5px}.queue-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.queue-brand img{width:43px;height:51px;object-fit:contain}.queue-brand strong{display:block;font-family:var(--font-serif);font-size:23px;letter-spacing:.16em;font-weight:650}.queue-brand small{font-size:8px;letter-spacing:.22em;display:block;margin-top:5px}.queue-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:14px 25px;background:var(--ink);color:var(--paper);font-size:13px;letter-spacing:.04em;border-radius:3px;transition:background .2s,transform .25s}.queue-primary-button:hover{background:#2d5647;transform:translateY(-2px)}.queue-primary-button:active{transform:translateY(1px) scale(.985)}.queue-auth-main{flex:1;display:grid;place-items:center;padding:40px 22px}.queue-auth-card{width:min(100%,440px);background:#fafbf6;border:1px solid var(--line);border-radius:12px;padding:36px}.queue-auth-emblem{display:grid;place-items:center;width:54px;height:54px;background:#e7eddc;border-radius:50%;margin-bottom:24px}.queue-auth-card .eyebrow{color:var(--muted)}.queue-auth-card h1{font:500 28px/1.5 var(--font-serif);margin:6px 0 14px}.queue-auth-description,.queue-auth-loading{font-size:13px;line-height:1.8;color:var(--muted)}.queue-auth-loading{display:grid;gap:16px}.queue-auth-form{display:grid;gap:10px;margin-top:26px}.queue-auth-form label{font-size:13px;margin-top:6px}.queue-auth-form input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:10px 12px;font-size:16px}.queue-auth-form input[readonly]{background:var(--cream)}.queue-auth-form .queue-primary-button{width:100%;margin-top:14px;gap:9px}.queue-auth-hint{font-size:11px;line-height:1.8;color:var(--muted)}.queue-auth-session-note{margin-top:20px!important;text-align:center}.queue-auth-error{color:#a14629;background:#fcf1e9;border-radius:4px;padding:11px 13px;font-size:13px;line-height:1.7;margin:8px 0}@media(max-width:720px){.queue-auth-main{padding:28px 18px}.queue-auth-card{padding:26px 22px}.queue-auth-card h1{font-size:25px}.queue-control-header-tools{flex-wrap:wrap;justify-content:flex-end}.queue-logout-button{white-space:nowrap}}body:has(.queue-page){margin:0;padding-bottom:0;background:#f7f7f0}body:has(.queue-page dialog[open]){overflow:hidden}.queue-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;color:var(--ink)}.queue-page button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.queue-page-refresh{position:fixed;inset:0;z-index:1000;pointer-events:none}.queue-page-refresh:before{content:"";position:absolute;inset:0;background:#f7f7f0;opacity:0;animation:queue-page-flash .8s cubic-bezier(.22,1,.36,1) both}.queue-page-refresh:after{content:"";position:absolute;inset:0 0 auto;height:5px;background:#245b4c;box-shadow:0 1px 12px #245b4c66;transform-origin:left;animation:queue-page-progress .8s ease-out both}@keyframes queue-page-flash{0%{opacity:0}18%{opacity:.92}38%{opacity:.76}to{opacity:0}}@keyframes queue-page-progress{0%{transform:scaleX(0);opacity:1}65%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@media(prefers-reduced-motion:reduce){.queue-page-refresh:before{display:none;animation:none}.queue-page-refresh:after{animation:none;transform:none;box-shadow:none}}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(32px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--line);min-height:88px;background:#fafbf6}.queue-display-tools,.queue-control-header-tools{display:flex;align-items:center;gap:16px}.queue-tool{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;background:transparent;border:1px solid var(--line);border-radius:5px;padding:9px 14px;font-size:12px;transition:background .2s,transform .2s}.queue-tool:hover{background:var(--cream);transform:translateY(-1px)}.queue-tool.is-enabled{background:#e7eddc;border-color:#cbd7bb}.queue-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border-radius:5px}.queue-icon-button:hover{background:#183e360a}.queue-display-main,.queue-control-main{width:min(1260px,100%);padding:32px 48px 28px;margin:0 auto;flex:1}.queue-display-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.queue-display-heading .eyebrow{color:var(--olive);font-size:9px;letter-spacing:.18em;margin-bottom:8px}.queue-display-heading h1{font-family:var(--font-serif);font-size:30px;line-height:1.5;font-weight:500;letter-spacing:.06em;text-wrap:balance}.queue-connection{display:flex;align-items:center;gap:8px;font-size:11px;color:#5f7159;white-space:nowrap}.queue-connection-dot{width:6px;height:6px;border-radius:50%;background:#879678;flex-shrink:0}.queue-connection-live .queue-connection-dot{background:#658054;box-shadow:0 0 0 4px #65805415}.queue-display-page .queue-connection-live{gap:12px}.queue-display-page .queue-connection-live .queue-connection-dot{width:8px;height:8px;background:#4f8b43;box-shadow:0 0 0 3px #4f8b4333;animation:queue-connection-pulse 1.6s ease-out infinite}@keyframes queue-connection-pulse{0%{transform:scale(1);box-shadow:0 0 #4f8b4380}45%{transform:scale(1.18);box-shadow:0 0 0 6px #4f8b4338}to{transform:scale(1);box-shadow:0 0 0 10px #4f8b4300}}.queue-connection-offline{color:#a15338}.queue-connection-offline .queue-connection-dot{background:#b56748}.queue-connection-connecting .queue-connection-dot{background:#a2977e}.queue-stage{border:1px solid #d3d9c8;border-radius:8px;background:#e9eedf;overflow:hidden;min-height:315px;display:flex;flex-direction:column}.queue-stage-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:20px 30px;color:#51684d}.queue-stage-label{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.05em}.queue-stage-caption .queue-clock{font-size:11px;color:#748169;letter-spacing:.04em;margin-left:auto;white-space:nowrap}.queue-number-area{min-height:228px;display:flex;align-items:center;justify-content:center;flex:1;padding:5px 25px 20px}.queue-number-line{display:flex;align-items:baseline;justify-content:center;gap:18px;translate:0 -7%;animation:queue-number-enter .4s cubic-bezier(.22,1,.36,1)}.queue-big-number{font-family:var(--font-sans);font-size:clamp(160px,19.5vw,264px);font-weight:500;line-height:1.08;font-variant-numeric:tabular-nums;letter-spacing:-.055em}.queue-four-digits{font-size:clamp(130px,16.8vw,220px)}.queue-number-unit{font-family:var(--font-serif);font-size:28px;color:#6c7d60;transform:translateY(-10px)}.queue-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ced8c3;padding:16px 30px;font-size:12px;background:#e2e9d7;color:#52634b}.queue-stage-bottom>span:last-child{font-size:10px;white-space:nowrap}.queue-stage-bottom time{margin-left:7px;font-variant-numeric:tabular-nums}.queue-stage-closed{background:#eeefe7;border-color:var(--line)}.queue-stage-closed .queue-stage-bottom{background:#e7e8df;border-color:var(--line)}.queue-closed-content{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:12px 0 18px;color:#7c826d}.queue-closed-content p{font-family:var(--font-serif);font-size:32px;letter-spacing:.06em;line-height:1.55;color:var(--ink)}.queue-closed-content>span{font-size:13px;color:#7b8273;line-height:1.8}.queue-closed-content .queue-session-ended{font-size:clamp(36px,5vw,64px);line-height:1.4;max-width:100%;text-wrap:balance}.queue-display-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding-top:20px}.queue-mobile-actions{display:none}.queue-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:18px max(32px,calc((100vw - 1260px)/2));font-size:10px;color:var(--muted)}.queue-footer>a{display:inline-flex;align-items:center;gap:8px;min-height:28px;color:var(--ink)}.queue-clock{display:flex;align-items:center;gap:8px;font-size:10px;font-variant-numeric:tabular-nums}.queue-offline{border:1px solid #ddc6ac;background:#f5eee2;color:#875e38;font-size:12px;padding:13px 17px;line-height:1.8;margin-bottom:18px;border-radius:5px}.queue-notice{font-size:12px;line-height:1.8;margin-bottom:14px;color:#875e38}.queue-display-page .queue-stage{--ink: #f4f4e9;--line: #41544a;--muted: #bac6b9;background:#20382e;border-color:var(--line);color:var(--ink)}.queue-display-page .queue-stage-caption,.queue-display-page .queue-number-unit{color:#d4e0c4}.queue-display-page .queue-stage-caption .queue-clock,.queue-display-page .queue-closed-content,.queue-display-page .queue-closed-content>span{color:var(--muted)}.queue-display-page .queue-stage-bottom{background:#f7f7f0;border-color:#daddd1;color:#52634b;min-height:44px;text-align:left;border-radius:0}.queue-display-page .queue-stage-bottom:focus-visible{outline-color:currentColor;outline-offset:-5px}.queue-display-page .queue-stage-bottom:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}.queue-display-page .queue-stage-closed{background:#25332b}.queue-display-page .queue-stage-red{--ink: #ff3b30;--line: #70231f;--muted: #ff6b63;background:#000}.queue-display-page .queue-stage-red .queue-stage-caption,.queue-display-page .queue-stage-red .queue-number-unit{color:var(--ink)}.queue-display-page .queue-stage-red .queue-stage-bottom{color:#b42318}.queue-staff-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--olive)}.queue-control-main{padding-top:30px;padding-bottom:30px;max-width:1200px}.queue-control-main .queue-display-heading{margin-bottom:23px}.queue-control-main .queue-display-heading h1{font-size:28px}.queue-control-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:30px;align-items:start}.queue-live-card{background:#e9eddf;border:1px solid #d3dac5;border-radius:7px;padding:25px 26px 22px}.queue-live-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.queue-status-pill{font-size:10px;line-height:1.7;padding:3px 10px;border-radius:30px;border:1px solid #cbd2bd;color:#7b826e;white-space:nowrap}.queue-status-pill.open{background:#d9e3c9;color:#42623c;border-color:#c1d1ad}.queue-control-number{font-size:92px;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.2;text-align:center;padding:22px 0 13px;overflow-wrap:anywhere}.queue-control-number small{font-size:17px;font-weight:400;letter-spacing:0;margin-left:10px;color:#6e7c61}.queue-live-card-foot{display:flex;align-items:center;justify-content:center;gap:7px;color:#6a785d;font-size:11px}.queue-updated{text-align:center;font-size:9px;color:#818b76;margin-top:12px;font-variant-numeric:tabular-nums}.queue-step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.queue-step-buttons button{display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 12px;min-height:79px;border:1px solid var(--line);border-radius:6px;transition:transform .2s,background .2s}.queue-step-buttons button>span{display:flex;flex-direction:column;gap:5px;align-items:flex-start;font-size:14px}.queue-step-buttons small{font-size:10px;opacity:.7}.queue-step-down{background:#fafbf6}.queue-step-up{background:var(--ink);color:var(--paper);border-color:var(--ink)!important}.queue-step-buttons button:hover:not(:disabled){transform:translateY(-2px)}.queue-step-up:hover:not(:disabled){background:#2d5949}.queue-end-button{background:transparent;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#985944;border:1px solid #decebf;min-height:43px;border-radius:5px;margin-top:18px;width:100%;transition:background .2s}.queue-end-button:hover:not(:disabled){background:#f1e8df}.queue-keypad-panel{padding:26px 28px 18px;border:1px solid var(--line);border-radius:7px;background:#fcfcf8}.queue-input-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:15px}.queue-input-heading>span{font-size:10px;color:#899080}.queue-input-shell{display:flex;gap:16px;align-items:center;background:#f0f2e8;border:1px solid #dde2d2;border-radius:6px;padding:13px 18px;margin-bottom:19px}.queue-input-shell:focus-within{border-color:#82956c;box-shadow:0 0 0 3px #81946913}.queue-input-shell input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:56px;text-align:left;font-weight:400;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.25;padding:0}.queue-input-shell input::placeholder{color:#c4ccba}.queue-input-shell>div{display:flex;flex-direction:column;align-items:center;gap:6px}.queue-draft-tag{font-size:9px;white-space:nowrap;color:#8a917f;letter-spacing:.05em}.queue-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.queue-keypad button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;font-size:28px;font-weight:400;background:#f1f2eb;border:1px solid #e4e6db;border-radius:5px;transition:background .16s,transform .16s}.queue-keypad button:hover:not(:disabled){background:#e3e9d9}.queue-keypad button:active:not(:disabled){transform:scale(.97);background:#dbe3cd}.queue-keypad .queue-key-clear{font-size:13px;background:#f4eee6;color:#8e7255;border-color:#eee4d5}.queue-keypad .queue-key-send{font-size:13px;background:var(--ink);color:var(--paper);border-color:var(--ink)}.queue-keypad .queue-key-send:hover:not(:disabled){background:#2c5849}.queue-input-hint{font-size:10px;line-height:1.8;color:#87907c;margin-top:14px}.queue-feedback{display:flex;align-items:flex-start;gap:9px;min-height:48px;border-top:1px solid #e5e8dd;margin-top:17px;padding-top:14px;font-size:11px;line-height:1.8;color:#8a9380}.queue-feedback svg{flex-shrink:0;margin-top:2px}.queue-feedback.success{color:#476939}.queue-feedback.error{color:#a1573e}.queue-end-dialog{border:1px solid #d6dccb;border-radius:10px;background:var(--paper);padding:0;width:min(440px,calc(100vw - 40px));color:var(--ink)}.queue-end-dialog::backdrop{background:#132c2580;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.queue-end-content{padding:35px;text-align:center}.queue-end-content>svg{color:var(--olive);margin-bottom:18px}.queue-end-content h2{font-family:var(--font-serif);font-size:25px;font-weight:500;letter-spacing:.025em}.queue-end-content>p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px}.queue-end-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.queue-end-actions .queue-primary-button{min-height:42px;padding:10px 18px;font-size:12px}.queue-end-content .queue-dialog-error{color:#a1573e}@keyframes queue-number-enter{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes queue-spin{to{transform:rotate(360deg)}}.queue-spin{animation:queue-spin 1.2s linear infinite}@media(min-width:1500px){.queue-display-main{max-width:1450px}.queue-stage{min-height:420px}.queue-big-number{font-size:312px}.queue-four-digits{font-size:272px}.queue-number-area{min-height:310px}}@media(max-width:1000px){.queue-header,.queue-footer,.queue-display-main,.queue-control-main{padding-inline:30px}.queue-control-layout{gap:20px;grid-template-columns:.9fr 1.1fr}.queue-live-card{padding:22px 19px}.queue-keypad-panel{padding:24px 20px 18px}.queue-input-heading{display:block}.queue-input-heading>span{display:block;margin-top:6px}.queue-control-number{font-size:76px}.queue-input-shell input{font-size:49px}}@media(max-width:720px){.queue-display-page{padding-bottom:calc(58px + max(9px,env(safe-area-inset-bottom)))}.queue-mobile-actions{display:grid;grid-template-columns:1fr 1.25fr;position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--paper);padding:9px 18px max(9px,env(safe-area-inset-bottom));gap:10px;border-top:1px solid var(--line);box-shadow:0 -5px 25px #183e3608}.queue-mobile-actions a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:44px;border:1px solid var(--line);border-radius:3px}.queue-mobile-actions a:last-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.queue-header{padding:17px 22px;min-height:77px;gap:12px}.queue-header .queue-brand strong{font-size:18px}.queue-header .queue-brand small{font-size:6px}.queue-header .queue-brand img{width:32px;height:39px}.queue-header .queue-brand,.queue-display-tools,.queue-control-header-tools{gap:8px}.queue-display-tools .queue-tool{padding:9px;min-height:37px}.queue-display-tools .queue-tool span,.queue-staff-label{display:none}.queue-control-header-tools .queue-tool{font-size:10px;padding:8px 10px;gap:6px;min-height:37px}.queue-display-main,.queue-control-main{padding:25px 22px}.queue-display-heading{align-items:flex-start;gap:17px;flex-direction:column;margin-bottom:22px}.queue-display-main .queue-display-heading{flex-direction:row;gap:12px}.queue-display-main .queue-connection{margin-left:auto;flex-shrink:0;justify-content:flex-end}.queue-display-main .queue-connection-offline{max-width:128px;white-space:normal;text-align:right}.queue-display-heading h1{font-size:27px}.queue-control-main .queue-display-heading h1{font-size:25px}.queue-display-heading .eyebrow{font-size:8px}.queue-connection{font-size:10px}.queue-stage-caption{padding:18px 20px}.queue-stage-label{font-size:12px}.queue-stage-caption .queue-clock{font-size:10px}.queue-stage{min-height:286px}.queue-number-area{min-height:195px;padding-inline:12px}.queue-big-number{font-size:clamp(164px,42vw,172px)}.queue-four-digits{font-size:112px}.queue-number-unit{font-size:21px}.queue-number-line{gap:10px}.queue-stage-bottom{flex-direction:column;gap:9px;padding:15px 18px;font-size:11px;align-items:flex-start}.queue-stage-bottom>span:last-child{font-size:9px}.queue-closed-content{gap:17px}.queue-closed-content p{font-size:25px;max-width:260px;text-wrap:balance}.queue-closed-content>span{font-size:11px}.queue-display-note{flex-wrap:wrap;font-size:11px;align-items:flex-start;gap:8px}.queue-display-note>svg{width:16px}.queue-footer{padding:15px 22px;gap:12px;flex-wrap:wrap;font-size:9px}.queue-footer>span:not(.queue-clock):last-child{display:none}.queue-clock{font-size:9px;gap:5px}.queue-clock svg{width:13px}.queue-control-layout{grid-template-columns:1fr;gap:22px}.queue-control-summary{display:grid;grid-template-columns:1fr;gap:0}.queue-live-card{padding:18px 23px 16px}.queue-control-number{font-size:80px;padding:12px 0 7px}.queue-updated{margin-top:9px}.queue-step-buttons{margin-top:12px;gap:12px}.queue-step-buttons button{min-height:72px}.queue-end-button{margin-top:12px;min-height:41px}.queue-keypad-panel{padding:22px 20px 17px}.queue-input-heading{display:flex;font-size:12px}.queue-input-heading>span{font-size:9px;margin:0}.queue-input-shell{padding:13px 16px;margin-bottom:16px}.queue-input-shell input{font-size:49px}.queue-keypad button{min-height:63px;font-size:27px}.queue-keypad .queue-key-send,.queue-keypad .queue-key-clear{font-size:12px}.queue-feedback{font-size:10px}.queue-end-content{padding:30px 23px}}@media(max-width:360px){.queue-four-digits{font-size:94px}.queue-big-number{font-size:140px}.queue-stage-bottom{font-size:10px}.queue-input-heading{display:block}.queue-input-heading>span{margin-top:5px}.queue-header .queue-brand strong{font-size:16px}.queue-control-header-tools .queue-tool{font-size:9px}.queue-keypad .queue-key-send{gap:5px;font-size:10px}}@media(prefers-reduced-motion:reduce){.queue-page *{animation:none!important;transition:none!important}}@media(min-width:721px)and (max-height:800px){.queue-header{min-height:68px;padding-block:12px}.queue-header .queue-brand img{height:43px;width:37px}.queue-header .queue-brand strong{font-size:21px}.queue-control-main,.queue-display-main{padding:20px 40px 18px}.queue-display-heading,.queue-control-main .queue-display-heading{margin-bottom:18px}.queue-display-heading h1,.queue-control-main .queue-display-heading h1{font-size:24px}.queue-display-heading .eyebrow{margin-bottom:5px;font-size:8px}.queue-keypad-panel{padding:18px 24px 15px}.queue-input-heading{margin-bottom:11px}.queue-input-shell{padding:10px 16px;margin-bottom:14px}.queue-input-shell input{font-size:45px}.queue-keypad{gap:9px}.queue-keypad button{min-height:53px;font-size:26px}.queue-keypad .queue-key-clear,.queue-keypad .queue-key-send{font-size:12px}.queue-input-hint{margin-top:11px}.queue-feedback{min-height:36px;margin-top:12px;padding-top:10px;font-size:10px}.queue-live-card{padding:18px 23px 17px}.queue-control-number{font-size:76px;padding:15px 0 9px}.queue-step-buttons{margin-top:12px}.queue-step-buttons button{min-height:68px;padding:11px}.queue-end-button{margin-top:14px;min-height:40px}.queue-stage{min-height:266px}.queue-stage-caption{padding:15px 25px}.queue-number-area{min-height:171px;padding-bottom:13px}.queue-big-number{font-size:188px}.queue-four-digits{font-size:176px}.queue-stage-bottom{padding:13px 25px}.queue-display-note{padding-top:16px}.queue-footer{padding-block:10px}}@media(max-width:360px){.queue-four-digits{font-size:94px}}body:has(.queue-page){min-width:0}@media(max-width:720px){.queue-control-main{padding-top:18px}.queue-control-main .queue-display-heading{flex-direction:row;align-items:center;gap:10px;margin-bottom:18px}.queue-control-main .queue-display-heading .eyebrow{display:none}.queue-control-main .queue-display-heading h1{font-size:20px;letter-spacing:.02em}.queue-control-main .queue-connection{font-size:9px}.queue-control-main .queue-connection-offline{white-space:normal}.queue-control-layout{gap:17px}.queue-live-card{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:16px 20px}.queue-live-card-head{grid-column:1;flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.queue-control-number{grid-column:2;grid-row:1 / 4;font-size:58px;padding:0;align-self:center}.queue-control-number small{font-size:12px;margin-left:5px}.queue-live-card-foot{grid-column:1;justify-content:flex-start;margin-top:9px;font-size:9px}.queue-live-card-foot svg{width:12px}.queue-updated{grid-column:1;text-align:left;font-size:8px;margin-top:5px}.queue-step-buttons button{min-height:61px;padding:11px}.queue-step-buttons button>span{font-size:12px;gap:3px}.queue-keypad button{min-height:55px}}