@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai/NotoSansThai-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}.customer-display.christmas-display{font-family:Noto Sans Thai,sans-serif;--festive-ink:#20231e;--festive-red:#a91e32;--festive-green:#075b3b;--festive-gold:#eeb52c;position:relative;isolation:isolate;padding:2.5vh 4vw 0;background-color:#f5f0df;background-image:radial-gradient(circle at 13px 14px,#eeb52c 2.3px,transparent 3px),radial-gradient(circle at 49px 39px,#bd2169 2px,transparent 2.8px),radial-gradient(circle at 91px 22px,#09a1be 2.1px,transparent 2.9px),radial-gradient(circle at 112px 71px,#058c49 2.2px,transparent 3px),radial-gradient(circle at 27px 94px,#e69c17 2.4px,transparent 3px),radial-gradient(circle at 75px 116px,#da2435 1.8px,transparent 2.6px),radial-gradient(ellipse at 50% 35%,#fffdf263,transparent 70%);background-size:136px 137px,136px 137px,136px 137px,136px 137px,136px 137px,136px 137px,100% 100%;color:var(--festive-ink)}.christmas-display>header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,1fr) 1fr auto;gap:2vw;min-height:17vh;padding-bottom:1vh;align-items:center}.christmas-event-logo{display:block;width:min(100%,35vw);filter:drop-shadow(0 2px 0 #fff7)}.christmas-event-logo img{display:block;width:100%;height:auto;max-height:18vh;object-fit:contain;object-position:left center}.christmas-header-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px}.christmas-kicker{background:var(--festive-red);color:#fff9e9;padding:7px 17px;border-radius:3px;font-size:clamp(10px,.8vw,28px);font-weight:700;letter-spacing:2.5px;transform:rotate(-2deg)}.christmas-header-message>b{font-size:clamp(18px,1.8vw,65px);font-weight:700;letter-spacing:-.7px;color:var(--festive-green);line-height:1.6;text-shadow:0 1px #fff}.christmas-header-message>span:last-child{font-size:clamp(9px,.7vw,24px);font-weight:700;letter-spacing:3px;color:#665941}.christmas-display .display-controls{align-self:start;margin-top:14px;padding:8px 9px;background:#fff9e9ed;border:1px solid #d8c8a8;border-radius:9px;gap:12px;color:#544f3e}.christmas-display .display-controls select{color:#554b34;border-color:#d8c8a8;background:#fffaf0}.christmas-display .display-controls button{font-size:10px;color:#554b34}.christmas-display .display-panels{position:relative;z-index:1;gap:2.5vw;margin:2vh 0 1.5vh;min-height:62vh}.christmas-display .display-panel{position:relative;padding:0 1.6vw 1.6vw;overflow:hidden;border-radius:16px;border:2px solid var(--festive-red);background:#fff9ed;box-shadow:0 6px 0 #d0b78445,0 14px 35px #6e4e2612}.christmas-display .ready-panel{border-color:var(--festive-green);background:#f4faef}.christmas-display .display-panel-heading{padding:1.4vw 1.6vw;margin:0 -1.6vw;min-height:12vh;gap:1.1vw;flex-wrap:nowrap;background:var(--festive-red);color:#fff9e9;border-bottom:4px solid var(--festive-gold)}.christmas-display .ready-panel .display-panel-heading{background:var(--festive-green)}.christmas-display .display-panel-icon{background:#fff4df1f;border:1px solid #fff4df40;color:#fff7e4;width:clamp(35px,3.3vw,110px);height:clamp(35px,3.3vw,110px);border-radius:50%}.christmas-display .display-panel-heading h1{font-size:clamp(21px,2.2vw,84px);font-weight:700;letter-spacing:-.7px;color:#fff9e9;line-height:1.4}.christmas-display .display-panel-heading .eyebrow{color:#fff3cb;font-size:clamp(7px,.58vw,23px);letter-spacing:1.5px;margin-bottom:8px}.christmas-display .display-panel-count{background:#fff6df;color:var(--festive-red);border:0;padding:7px 11px;border-radius:6px;font-size:clamp(10px,.8vw,28px);font-weight:600;flex-shrink:0}.christmas-display .display-panel-count b{font-size:1.3em}.christmas-display .ready-panel .display-panel-count{color:var(--festive-green)}.christmas-display .display-panel-description{margin:1.1vw 0;font-size:clamp(11px,1vw,38px);font-weight:500;color:#6d493b;line-height:1.7}.christmas-display .ready-panel .display-panel-description{color:#3c6247}.christmas-display .display-panel-queues{gap:1.15vw}.christmas-display .display-queue-tile{border:2px solid #e7c5b0;border-radius:9px;background:#fffdfa;min-height:clamp(130px,17vh,480px);padding:1.1vw;box-shadow:0 3px 0 #dec9af45}.christmas-display .display-queue-tile b{color:#852232;font-size:clamp(44px,5.4vw,210px);font-weight:800;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}.christmas-display .ready-panel .display-queue-tile{border-color:#a8c9a8;background:#fffef4;box-shadow:0 3px 0 #b5c9a945}.christmas-display .ready-panel .display-queue-tile b{color:#064b32}.christmas-display .display-queue-tile span{display:flex;align-items:center;gap:.7em;background:#f6e8d9;border-radius:5px;padding:.4em .8em;margin-top:15px;color:#6b4436;font-size:clamp(12px,1.1vw,42px);font-weight:500;letter-spacing:0}.christmas-display .display-queue-tile span strong{font-size:1.25em;font-weight:800}.christmas-display .ready-panel .display-queue-tile span{background:#e2f0d9;color:#154d30}.christmas-display .newly-ready{border-color:#bc921c!important;box-shadow:0 0 0 4px var(--festive-gold),0 7px 22px #b88d2230!important}.christmas-display .display-panel-empty{min-height:31vh;gap:16px;color:#c18d69}.christmas-display .display-panel-empty b{color:#84523f;font-size:clamp(15px,1.6vw,60px);font-weight:600}.christmas-display .display-panel-empty p{color:#8f6955;font-size:clamp(11px,1vw,38px)}.christmas-display .ready-panel .display-panel-empty{color:#86a875}.christmas-display .ready-panel .display-panel-empty b{color:#365f39}.christmas-display .ready-panel .display-panel-empty p{color:#5e7d54}.christmas-display>footer{position:relative;z-index:1;min-height:12vh;border:0;align-items:center;padding:2vh 12vw;gap:20px;color:#493e2c;font-size:clamp(11px,.9vw,32px)}.christmas-display .christmas-footer-message{display:flex;flex-direction:column;gap:7px;align-items:flex-start!important}.christmas-footer-message b{font-size:clamp(12px,1.2vw,46px);color:#214d32;font-weight:700}.christmas-footer-message small{color:#786447;letter-spacing:1px;font-size:clamp(9px,.7vw,26px)}.christmas-display>footer .connection{color:#165f3d;background:#fffaecd9;border:1px solid #cbbd98;border-radius:30px;padding:9px 13px;font-size:clamp(9px,.65vw,24px);font-weight:700;letter-spacing:1px}.christmas-display .connection i,.christmas-display .live-dot{background:#087f43}.christmas-display>footer .connection.offline{color:#9c2434;border-color:#c89989}.christmas-display .connection.offline i{background:#b42c3f}.christmas-display .announcement{z-index:5;top:18vh;right:4vw;background:#fff2bc;border:2px solid #be9220;box-shadow:0 6px 25px #5a3f1930;color:#155232;font-weight:600}.christmas-decorations{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.christmas-tree{position:absolute;bottom:0;left:.4vw;width:12vw;max-height:24vh;transform:rotate(-6deg)}.christmas-gifts{position:absolute;bottom:0;right:.8vw;width:13vw;max-height:23vh;transform:rotate(5deg)}.festive-star{position:absolute;color:#d6a222;text-shadow:1px 1px #856224;font-size:clamp(40px,6vw,190px);line-height:1}.festive-star-one{top:17vh;left:.4vw;transform:rotate(-15deg)}.festive-star-two{top:20vh;right:.2vw;transform:rotate(14deg);color:#9d243a}@media (min-width:2400px){.christmas-display .display-controls{padding:16px;gap:20px}.christmas-display .display-controls button{font-size:18px}.christmas-display .display-panel-count{padding:14px 20px}.christmas-display .display-panel-empty svg{width:90px;height:90px}.christmas-display .announcement{font-size:22px;padding:22px}.christmas-display .announcement b{font-size:55px}}@media (max-width:1100px){.christmas-display>header{grid-template-columns:1fr auto;min-height:15vh;gap:12px}.christmas-event-logo{width:min(420px,45vw)}.christmas-header-message{display:none}.christmas-display .display-panel-heading{min-height:100px;gap:10px}.christmas-display .display-panel-heading h1{font-size:23px}.christmas-display .display-panel-heading .eyebrow{font-size:7px;letter-spacing:1px}.christmas-display .display-queue-tile b{font-size:clamp(42px,6vw,65px)}.christmas-display .display-queue-tile span{font-size:13px}}@media (max-width:700px){.customer-display.christmas-display{padding:18px 3vw 0;background-size:136px 137px,136px 137px,136px 137px,136px 137px,136px 137px,136px 137px,100% 100%}.christmas-display>header{min-height:110px;gap:8px}.christmas-event-logo{width:57vw}.christmas-event-logo img{max-height:120px}.christmas-display .display-controls{padding:7px;gap:8px;margin-top:0;align-self:center}.christmas-display .display-controls select{padding:5px;font-size:9px}.christmas-display .display-controls button svg{width:15px}.christmas-display .display-panels{gap:10px;margin:18px 0 0;min-height:60vh}.christmas-display .display-panel{padding:0 10px 12px;border-radius:10px}.christmas-display .display-panel-heading{margin:0 -10px;padding:12px 10px;gap:8px;min-height:130px;flex-wrap:wrap;align-content:center}.christmas-display .display-panel-icon{width:28px;height:28px}.christmas-display .display-panel-heading>div{flex:1;min-width:100px}.christmas-display .display-panel-heading h1{font-size:18px}.christmas-display .display-panel-heading .eyebrow{font-size:6px;letter-spacing:.5px}.christmas-display .display-panel-count{font-size:10px;margin-left:0;padding:4px 7px}.christmas-display .display-panel-description{font-size:10px;margin:13px 0;min-height:55px}.christmas-display .display-panel-queues{gap:10px}.christmas-display .display-queue-tile{min-height:115px;padding:12px 4px}.christmas-display .display-queue-tile b{font-size:clamp(36px,10vw,54px)}.christmas-display .display-queue-tile span{font-size:10px;margin-top:10px;gap:5px;padding:4px 6px}.christmas-display .display-panel-empty b{font-size:13px}.christmas-display .display-panel-empty p{font-size:10px}.christmas-display>footer{padding:25px 8vw 45px;align-items:flex-start;flex-wrap:wrap;justify-content:center;text-align:center;gap:12px}.christmas-display .christmas-footer-message{max-width:none!important;align-items:center!important}.christmas-footer-message b{font-size:12px}.christmas-footer-message small{font-size:8px}.christmas-display>footer .connection{font-size:8px;padding:7px 10px}.christmas-tree{width:18vw;max-height:110px;bottom:3px;left:-4vw}.christmas-gifts{width:20vw;max-height:100px;right:-4vw;bottom:5px}.festive-star{display:none}.christmas-display .announcement{top:120px;font-size:10px;gap:9px;padding:10px}.christmas-display .announcement b{font-size:24px}}.christmas-display .display-queue-list{display:flex;flex:1;flex-direction:column;min-height:0}.christmas-display .display-queue-tile b.queue-number-medium{font-size:clamp(24px,3vw,100px)}.christmas-display .display-queue-tile b.queue-number-long{font-size:clamp(20px,2vw,76px);overflow-wrap:anywhere}@media (min-width:1000px) and (min-height:600px) and (orientation:landscape){.customer-display.christmas-display{height:100vh;height:100dvh;min-height:0;padding:1.4vh 2vw 0;overflow:hidden}.christmas-display>header{flex:0 0 11vh;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:1.5vw;padding:0}.christmas-event-logo{width:26vw}.christmas-event-logo img{max-height:10vh}.christmas-header-message{gap:.35vh}.christmas-header-message>b{font-size:1.5vw;line-height:1.4}.christmas-kicker{padding:.3vh .7vw;font-size:.7vw}.christmas-display .display-controls{align-self:center;margin-top:0}.christmas-display .display-panels{flex:1;min-height:0;margin:1vh 0 0;gap:1.4vw}.christmas-display .display-panel{min-height:0;padding:0 .8vw;border-radius:.8vw}.christmas-display .display-panel-heading{flex:0 0 auto;min-height:0;margin:0 -.8vw;padding:.8vh .9vw;gap:.7vw;border-bottom-width:.25vh}.christmas-display .display-panel-heading h1{font-size:min(2vw,4vh);line-height:1.4}.christmas-display .display-panel-heading .eyebrow{font-size:.55vw;margin-bottom:.25vh;letter-spacing:.06em}.christmas-display .display-panel-icon{width:2.7vw;height:2.7vw}.christmas-display .display-panel-count{font-size:1vw;padding:.3vh .5vw}.christmas-display .display-panel-description{flex:0 0 auto;margin:.5vh 0;font-size:.95vw;line-height:1.5}.christmas-display .display-panel-queues{min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,12vh));gap:1.5vh .65vw;align-content:start}.christmas-display .display-queue-tile{min-width:0;min-height:0;padding:.2vh .25vw;border-radius:.4vw;box-shadow:none;animation:none}.christmas-display .display-queue-tile b{font-size:min(3vw,5.8vh);line-height:1.05;letter-spacing:-.025em}.christmas-display .display-queue-tile b.queue-number-medium{font-size:min(1.9vw,3.7vh)}.christmas-display .display-queue-tile b.queue-number-long{font-size:min(1.4vw,2.7vh)}.christmas-display .display-queue-tile span{margin-top:.8vh;padding:.25vh .4vw;font-size:min(1.05vw,2.1vh);gap:.4em;line-height:1.3;max-width:100%;overflow-wrap:anywhere}.christmas-display .display-panel-empty{grid-row:1/-1;min-height:0}.christmas-display .display-pagination{flex:0 0 3.5vh;display:flex;align-items:center;justify-content:space-between;gap:.4vw;font-size:.85vw;font-weight:600;color:#6d493b;white-space:nowrap}.christmas-display .ready-panel .display-pagination{color:#154d30}.christmas-display .display-pagination>div{display:flex;align-items:center;gap:.35vw}.christmas-display .display-pagination button{border:1px solid;border-radius:.25vw;padding:.1vh .35vw;font:inherit;color:inherit;background:transparent;cursor:pointer}.christmas-display .display-pagination button:focus-visible{outline:3px solid var(--festive-gold);outline-offset:2px}.christmas-display>footer{flex:0 0 5.5vh;min-height:0;padding:.5vh 5vw;gap:1vw}.christmas-display .christmas-footer-message{gap:0}.christmas-footer-message b{font-size:1vw}.christmas-footer-message small{display:none}.christmas-display>footer .connection{padding:.4vh .65vw}.christmas-gifts,.christmas-tree{width:5vw;max-height:6vh}.festive-star{display:none}.christmas-display .announcement{position:absolute;top:1.5vh;right:2vw;max-width:65vw;min-height:9vh;padding:.5vh 1vw;gap:.8vw;font-size:1.2vw;flex-wrap:wrap}.christmas-display .announcement b{font-size:2.5vw;max-width:100%;overflow-wrap:anywhere}}.christmas-display .display-header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}.christmas-display .display-header-tools .display-controls{align-self:flex-end;margin-top:0}.christmas-display .display-clock{text-align:right;color:var(--festive-green);white-space:nowrap}.christmas-display .display-clock time{display:block;font-size:clamp(28px,2.8vw,108px);font-weight:700;line-height:1.15;letter-spacing:.025em;font-variant-numeric:tabular-nums}.christmas-display .display-clock>span{display:block;color:#665941;font-size:clamp(10px,.85vw,32px);line-height:1.6}.christmas-display .display-clock-zone{margin-left:.75em}@media (min-width:1000px) and (min-height:600px) and (orientation:landscape){.christmas-display .display-header-tools{gap:.2vh;width:24vw}.christmas-display .display-header-tools .display-controls{padding:.2vh .5vw;gap:.6vw}.christmas-display .display-header-tools .display-controls button,.christmas-display .display-header-tools .display-controls select{font-size:min(.8vw,1.5vh);padding:.1vh .2vw}.christmas-display .display-header-tools .display-controls svg{width:1.5vh;height:1.5vh}.christmas-display .display-clock time{font-size:min(2.8vw,4.2vh)}.christmas-display .display-clock>span{font-size:min(.85vw,1.5vh)}.christmas-display .announcement{left:30vw;right:28vw;max-width:none;font-size:1vw}.christmas-display .announcement b{font-size:2vw}}@media (max-width:700px){.christmas-display .display-clock time{font-size:clamp(22px,5vw,32px)}.christmas-display .display-clock>span{font-size:9px}.christmas-display .display-clock-zone{display:block;margin-left:0}.christmas-display .announcement{top:auto;bottom:12px;right:3vw;max-width:94vw;flex-wrap:wrap}}