:root{--ink:#fffafc;--pink:#ed1e68;--red:#d82045;--overlay-text:#fffafc;--overlay-product:#fffafc;--overlay-rarity:#ff9dbb;--overlay-gold:#ffd14d;--overlay-lilac:#bd9eff;--overlay-muted:rgb(255 250 252/72%);--overlay-accent:var(--pink);--overlay-accent-soft:#ff9dbb;--overlay-panel-alpha:0.86;--overlay-border-alpha:1;--overlay-radius:clamp(8px,1.67vw,18px);--overlay-gap:clamp(6px,1.11vw,12px);--overlay-safe:clamp(20px,3.7vw,40px);--overlay-safe-top:clamp(28px,2vh,80px);--overlay-shadow:0 8px 22px rgb(237 31 105/24%)}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{color:var(--overlay-text);font-family:Noto Sans KR,Arial,Apple SD Gothic Neo,sans-serif}body.overlay-body{overflow:hidden;background:transparent}a{color:inherit}.overlay-canvas{width:100vw;height:100vh;overflow:hidden;background:transparent}.overlay-layout{display:grid;grid-template-columns:minmax(0,388fr) minmax(0,600fr);grid-gap:var(--overlay-gap);gap:var(--overlay-gap);align-items:start;width:min(100% - (var(--overlay-safe) * 2),1000px);max-height:40vh;margin:var(--overlay-safe-top) auto 0;overflow:hidden}.hit-ticker{display:none}.overlay-left,.overlay-right{display:flex;flex-direction:column;gap:var(--overlay-gap);min-width:0;max-height:40vh;overflow:hidden}.current-order-stage{position:relative;min-width:0}.queue-order-alert-stack{display:grid;position:absolute;z-index:4;top:0;right:calc(100% + var(--overlay-gap));width:clamp(250px,31vw,340px);grid-gap:clamp(7px,.9vw,10px);gap:clamp(7px,.9vw,10px);pointer-events:none}.queue-order-alert{display:grid;grid-template-columns:clamp(34px,4.3vw,46px) minmax(0,1fr);align-items:center;grid-gap:clamp(8px,1.1vw,12px);gap:clamp(8px,1.1vw,12px);min-height:clamp(68px,8.8vw,95px);overflow:hidden;border:clamp(2px,.22vw,3px) solid var(--overlay-gold);border-radius:var(--overlay-radius);padding:clamp(9px,1.2vw,13px);background:rgb(24 10 20/88%);box-shadow:0 10px 28px rgb(0 0 0/28%);color:var(--overlay-text);-webkit-backdrop-filter:blur(5px) saturate(1.08);backdrop-filter:blur(5px) saturate(1.08);animation:queue-order-alert-lifecycle 3s cubic-bezier(.16,1,.3,1) both}.queue-order-alert-mark{display:grid;width:clamp(34px,4.3vw,46px);height:clamp(34px,4.3vw,46px);place-items:center;border-radius:clamp(7px,1vw,11px);background:rgb(255 209 77/16%);color:var(--overlay-gold)}.queue-order-alert-mark svg{width:58%;height:58%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.queue-order-alert-copy{display:grid;min-width:0;grid-gap:clamp(3px,.45vw,5px);gap:clamp(3px,.45vw,5px)}.queue-order-alert-copy strong{overflow:hidden;color:var(--overlay-gold);font-size:clamp(.86rem,1.8vw,1.22rem);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.queue-order-alert-copy small{margin-left:.38em;color:var(--overlay-text);font-size:.62em}.queue-order-alert-copy>span{display:-webkit-box;overflow:hidden;color:var(--overlay-accent-soft);font-size:clamp(.68rem,1.4vw,.95rem);font-weight:800;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}@keyframes queue-order-alert-lifecycle{0%{transform:translate3d(-34px,0,0);opacity:0;filter:blur(3px)}8%,86%{transform:translateZ(0);opacity:1;filter:blur(0)}to{transform:translate3d(24px,0,0);opacity:0;filter:blur(2px)}}.hits-panel,.now-panel,.order-notice,.queue-panel{overflow:hidden;border:clamp(2px,.28vw,3px) solid color-mix(in srgb,var(--overlay-accent) calc(var(--overlay-border-alpha) * 100%),transparent);border-radius:var(--overlay-radius);background:rgb(24 10 20/var(--overlay-panel-alpha));box-shadow:var(--overlay-shadow);-webkit-backdrop-filter:blur(4px) saturate(1.08);backdrop-filter:blur(4px) saturate(1.08)}.now-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1.1vw,12px)}.panel-heading{min-height:clamp(36px,4.45vw,48px);padding:0 clamp(10px,1.3vw,14px);border-radius:clamp(7px,1.3vw,14px)}.now-heading,.panel-heading{background:var(--overlay-accent)}.panel-heading h2,.section-kicker{margin:0;color:var(--overlay-text);font-size:clamp(.82rem,2.04vw,1.38rem);font-weight:900;letter-spacing:.11em}.panel-heading span{min-width:clamp(28px,3.7vw,40px);border-radius:999px;padding:0;color:var(--overlay-gold);text-align:center;font-size:clamp(.7rem,1.58vw,1.06rem);font-weight:900}.order-notice{display:grid;align-items:center;grid-gap:clamp(5px,.75vw,8px);gap:clamp(5px,.75vw,8px);min-height:clamp(88px,11.3vw,122px);padding:clamp(8px,1.1vw,12px) clamp(9px,1.3vw,14px) clamp(9px,1.3vw,14px);text-align:center}.order-notice p{margin:0;overflow:hidden;width:100%;min-height:clamp(34px,3.9vw,42px);display:grid;place-items:center;border-radius:clamp(7px,1.3vw,14px);background:var(--overlay-accent);color:var(--ink);font-size:clamp(.82rem,2.04vw,1.38rem);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.order-url{display:block;color:var(--overlay-accent-soft);font-size:clamp(.9rem,2.4vw,1.63rem);font-weight:900;line-height:1.15;overflow-wrap:anywhere;text-align:center}.hits-panel,.queue-panel{display:flex;flex:0 1 auto;flex-direction:column;height:auto;min-height:0;padding:clamp(9px,1.3vw,14px);overflow:hidden}.hit-list,.queue-list{display:grid;min-height:0;margin:0;overflow:hidden;padding:clamp(6px,.93vw,10px) 0 0;list-style:none}.hit-list{gap:clamp(3px,.65vw,7px)}.hit-list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:clamp(5px,.75vw,8px);gap:clamp(5px,.75vw,8px);min-height:clamp(28px,3.52vw,38px);padding-block:0;color:var(--overlay-text);font-size:clamp(.76rem,1.85vw,1.25rem);font-weight:800;line-height:1.25}.hit-mark{color:var(--overlay-gold);text-shadow:0 0 8px rgb(255 209 77/28%)}.hit-copy{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;gap:.15em .45em}.hit-customer{color:var(--overlay-gold);white-space:nowrap}.hit-title{min-width:0;color:inherit;overflow-wrap:anywhere}.hit-list em{color:inherit;font-size:.9em;font-style:normal;line-height:1.2}.hit-list em:before{content:"["}.hit-list em:after{content:"]"}.hit-list li:first-child,.hit-list li:first-child .hit-customer,.hit-list li:first-child .hit-title{color:var(--overlay-gold)}.hit-list li:nth-child(2),.hit-list li:nth-child(2) .hit-customer,.hit-list li:nth-child(2) .hit-title,.hit-list li:nth-child(4),.hit-list li:nth-child(4) .hit-customer,.hit-list li:nth-child(4) .hit-title{color:var(--overlay-accent-soft)}.hit-list li:nth-child(3) .hit-customer,.hit-list li:nth-child(3) .hit-title,.hit-list li:nth-child(n+5) .hit-customer,.hit-list li:nth-child(n+5) .hit-title{color:var(--overlay-text)}.empty-copy{margin:0;padding:clamp(18px,2.4vw,26px) clamp(14px,1.85vw,20px);color:var(--overlay-muted);font-size:clamp(.92rem,3vw,2rem);line-height:1.3}.now-panel{position:relative;min-height:clamp(220px,26.12vw,282px);padding:clamp(10px,1.3vw,14px) clamp(12px,1.67vw,18px) clamp(12px,1.67vw,18px)}.now-panel:after{content:none}.now-panel-empty{display:grid;place-content:center;grid-gap:clamp(10px,1.4vw,15px);gap:clamp(10px,1.4vw,15px);color:var(--overlay-muted);font-size:clamp(.95rem,3.15vw,2.12rem);text-align:center}.now-heading{min-height:clamp(36px,4.45vw,48px);padding:0 clamp(10px,1.3vw,14px) 0 clamp(11px,1.48vw,16px);border:0;border-radius:clamp(7px,1.3vw,14px)}.now-panel>.now-content{padding:0}.live-badge{border-radius:999px;padding:0;background:transparent;color:var(--overlay-text);font-size:clamp(.7rem,1.67vw,1.13rem);font-weight:900;letter-spacing:.11em}.now-customer{display:flex;align-items:baseline;gap:clamp(10px,1.4vw,15px);margin-top:clamp(10px,1.3vw,14px)}.now-label{flex:none;color:var(--overlay-gold);font-size:clamp(.76rem,1.85vw,1.25rem)}.now-customer h1,.now-label{font-weight:900;white-space:nowrap}.now-customer h1{min-width:0;margin:0;overflow:hidden;color:var(--overlay-accent-soft);font-size:clamp(1.8rem,3.9vw,2.63rem);line-height:1;letter-spacing:-.055em;text-overflow:ellipsis;text-shadow:0 0 12px rgb(255 157 187/22%)}.now-customer h1 span{color:inherit}.now-products{display:grid;grid-gap:clamp(4px,.55vw,6px);gap:clamp(4px,.55vw,6px);margin:clamp(8px,1.3vw,14px) 0 0;padding:0;list-style:none}.now-products li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;grid-gap:clamp(8px,1.3vw,14px);gap:clamp(8px,1.3vw,14px);min-width:0;color:var(--overlay-product);font-size:clamp(.92rem,2.6vw,1.75rem);font-weight:800}.now-products li:nth-child(n+3){display:none}.now-product-main{display:flex;min-width:0;align-items:center;gap:clamp(5px,.72vw,8px)}.now-product-badge{flex:none;border-radius:clamp(4px,.55vw,6px);padding:.18em .48em;background:var(--overlay-gold);color:#2a1800;font-size:.62em;font-weight:900;line-height:1.2;letter-spacing:.02em}.now-product-badge.pack{background:var(--overlay-accent);color:var(--overlay-text)}.now-product-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-product-quantity{flex:none;color:var(--overlay-gold);font-size:1.08em;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.queue-list{gap:0;padding-top:clamp(4px,.65vw,7px)}.queue-list li{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);grid-gap:clamp(4px,.75vw,8px);gap:clamp(4px,.75vw,8px);align-items:center;min-height:clamp(32px,4.25vw,46px);padding:0 1px;color:var(--overlay-text);font-size:clamp(.76rem,1.85vw,1.25rem);line-height:1.25}.queue-list li,.queue-list li:last-child{border-bottom:0}.queue-position{min-width:1em}.queue-crown,.queue-position{color:var(--overlay-gold);font-weight:900}.queue-item,.queue-list strong{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.queue-list strong{color:var(--overlay-rarity)}.queue-item{color:var(--overlay-product);font-weight:700}.queue-list li:first-child{color:var(--overlay-gold)}.queue-list li:nth-child(2){color:var(--overlay-accent-soft)}.queue-list li:nth-child(3){color:var(--overlay-lilac)}.queue-list li:nth-child(-n+3) .queue-crown,.queue-list li:nth-child(-n+3) .queue-item,.queue-list li:nth-child(-n+3) .queue-position,.queue-list li:nth-child(-n+3) strong{color:inherit}.queue-item b{color:var(--overlay-gold)}.connection-status{position:absolute;z-index:2;top:var(--overlay-safe);left:50%;margin:0;transform:translateX(-50%);border:1px solid #ffbd2e;border-radius:999px;padding:clamp(6px,.85vw,9px) clamp(10px,1.4vw,15px);background:rgb(36 25 0/92%);color:#ffe2a2;font-size:clamp(.78rem,2.4vw,1.62rem);font-weight:800}.overlay-loading{display:grid;place-items:center}.overlay-loading .connection-status{position:static;transform:none}.overlay-canvas[data-layout=landscape]{--overlay-gap:clamp(7px,0.52vw,10px);--overlay-safe:clamp(12px,1.05vw,20px);--overlay-safe-top:clamp(12px,1.7vh,18px);--overlay-radius:clamp(7px,0.62vw,12px)}.overlay-canvas[data-layout=landscape] .overlay-layout{grid-template-columns:clamp(251px,20.46vw,391px) minmax(220px,1fr) clamp(335px,26.97vw,521px);grid-template-areas:"ticker ticker ticker" "hits . now" "hits . queue" "hits . notice";grid-template-rows:auto auto auto auto;align-content:start;width:calc(100% - (var(--overlay-safe) * 2));max-width:none;max-height:56vh}.overlay-canvas[data-layout=landscape] .overlay-left,.overlay-canvas[data-layout=landscape] .overlay-right{display:contents}.overlay-canvas[data-layout=landscape] .hit-ticker{grid-area:ticker;display:flex;align-items:center;min-width:0;height:clamp(28px,3.15vh,34px);overflow:hidden;border:2px solid var(--overlay-gold);border-radius:5px;background:rgb(15 8 13/86%);box-shadow:0 4px 14px rgb(0 0 0/30%);color:var(--overlay-text);font-size:clamp(.72rem,.82vw,.98rem);font-weight:800;white-space:nowrap}.overlay-canvas[data-layout=landscape] .hit-ticker>strong{align-self:stretch;display:grid;place-items:center;flex:none;padding:0 14px;background:var(--overlay-gold);color:#2a1800;font-size:.86em;letter-spacing:.06em}.overlay-canvas[data-layout=landscape] .hit-ticker-window{flex:1 1;min-width:0;overflow:hidden}.overlay-canvas[data-layout=landscape] .hit-ticker-track{display:flex;width:max-content;will-change:transform}.overlay-canvas[data-layout=landscape] .hit-ticker-track.is-overflowing{animation:hit-ticker-scroll var(--ticker-duration,16s) linear infinite}.overlay-canvas[data-layout=landscape] .hit-ticker-group{display:flex;flex:none;gap:18px;padding:0 9px}.overlay-canvas[data-layout=landscape] .hit-ticker-track span{display:flex;gap:7px}.overlay-canvas[data-layout=landscape] .hit-ticker-track b,.overlay-canvas[data-layout=landscape] .hit-ticker-track i{color:var(--overlay-gold);font-style:normal}.overlay-canvas[data-layout=landscape] .hit-ticker-track em{font-style:normal}@keyframes hit-ticker-scroll{to{transform:translateX(-50%)}}.overlay-canvas[data-layout=landscape] .hits-panel{grid-area:hits;align-self:start;max-height:calc(56vh - 42px)}.overlay-canvas[data-layout=landscape] .current-order-stage{grid-area:now}.overlay-canvas[data-layout=landscape] .queue-order-alert-stack{width:clamp(270px,21vw,400px)}.overlay-canvas[data-layout=landscape] .queue-panel{grid-area:queue;height:132px;min-height:132px;max-height:132px}.overlay-canvas[data-layout=landscape] .queue-list li:nth-child(n+3){display:none}.overlay-canvas[data-layout=landscape] .order-notice{grid-area:notice;grid-template-columns:auto minmax(0,1fr);min-height:44px;padding:6px 10px}.overlay-canvas[data-layout=landscape] .now-heading,.overlay-canvas[data-layout=landscape] .panel-heading{min-height:34px}.overlay-canvas[data-layout=landscape] .order-notice p{min-height:30px;padding-inline:12px}.overlay-canvas[data-layout=landscape] .order-notice p,.overlay-canvas[data-layout=landscape] .panel-heading h2,.overlay-canvas[data-layout=landscape] .section-kicker{font-size:clamp(.9rem,1.08vw,1.3rem)}.overlay-canvas[data-layout=landscape] .order-url{font-size:clamp(.9rem,1.02vw,1.2rem);text-align:left}.overlay-canvas[data-layout=landscape] .hits-panel,.overlay-canvas[data-layout=landscape] .queue-panel{padding:10px 12px}.overlay-canvas[data-layout=landscape] .hit-list li,.overlay-canvas[data-layout=landscape] .queue-list li{min-height:25px;font-size:clamp(.72rem,.82vw,.98rem);line-height:1.12}.overlay-canvas[data-layout=landscape] .hit-list{gap:2px}.overlay-canvas[data-layout=landscape] .now-panel{min-height:142px;padding:8px 11px 10px}.overlay-canvas[data-layout=landscape] .now-panel-empty{font-size:clamp(1rem,1.2vw,1.45rem)}.overlay-canvas[data-layout=landscape] .now-customer{margin-top:11px}.overlay-canvas[data-layout=landscape] .now-label{font-size:clamp(.9rem,1vw,1.2rem)}.overlay-canvas[data-layout=landscape] .now-customer h1{font-size:clamp(1.8rem,2.15vw,2.6rem)}.overlay-canvas[data-layout=landscape] .now-products{margin-top:10px}.overlay-canvas[data-layout=landscape] .now-products li{font-size:clamp(1rem,1.38vw,1.65rem)}.overlay-canvas[data-layout=landscape] .empty-copy{padding:18px 14px;font-size:clamp(.95rem,1.05vw,1.25rem)}.overlay-canvas[data-layout=landscape] .connection-status{top:16px;font-size:clamp(.78rem,.9vw,1rem)}@keyframes overlay-current-change{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-list-change{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@keyframes overlay-hit-change{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-link-change{0%,25%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.motion-current .now-content,.motion-current .now-empty-copy{animation:overlay-current-change .36s ease-out both}.motion-link .order-url{animation:overlay-link-change .28s ease-out both}.motion-list .queue-list li{animation:overlay-list-change .26s ease-out both}.motion-hit .hit-list li{animation:overlay-hit-change .3s ease-out both}.motion-hit .hit-list li:nth-child(2),.motion-list .queue-list li:nth-child(2){animation-delay:35ms}.motion-hit .hit-list li:nth-child(3),.motion-list .queue-list li:nth-child(3){animation-delay:70ms}.motion-hit .hit-list li:nth-child(n+4),.motion-list .queue-list li:nth-child(n+4){animation-delay:105ms}@media (prefers-reduced-motion:reduce){.motion-current .now-content,.motion-current .now-empty-copy,.motion-hit .hit-list li,.motion-link .order-url,.motion-list .queue-list li,.overlay-canvas[data-layout=landscape] .hit-ticker-track.is-overflowing,.queue-order-alert{animation:none}}