:root{--cream:#f7f3e8;--panel:#fff;--ink:#1e1c18;--charcoal:#25231e;--muted:#8b8577;--label:#6f6957;--line:#e7e0d0;--green:#4a7a33;--green-dk:#33591f;--gold:#f2cf4a;--track:#eae4d5;--cream-white:#fbf8ef;--badge-bg:#f1ecdd;--sans:Archivo, "Helvetica Neue", Helvetica, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{background:var(--cream);height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;color:var(--ink);-webkit-user-select:none;user-select:none}body.is-idle,body.is-idle *{cursor:none}.tnum{font-variant-numeric:tabular-nums}.stage-wrap{background:var(--cream);position:fixed;inset:0;overflow:hidden}.stage{transform-origin:50%;width:1920px;position:absolute;top:50%;left:50%}.title-row{align-items:center;height:52px;display:flex;position:absolute;top:40px;left:24px;right:24px}.title-main{font:700 26px var(--sans);letter-spacing:.14em;color:var(--ink)}.title-queue{font:600 16px var(--mono);letter-spacing:.12em;color:var(--charcoal)}.title-queue.is-empty{opacity:0}.ready-pill{background:var(--green);border-radius:24px;align-items:center;gap:12px;margin-left:18px;padding:9px 20px;display:flex}.ready-pill-label{font:600 15px var(--mono);letter-spacing:.18em;color:var(--gold)}.ready-pill-count{font:700 20px var(--mono);color:var(--cream-white)}.page-dots{align-items:center;gap:7px;margin-left:18px;display:flex}.page-dot{background:var(--track);border-radius:4px;width:8px;height:8px;transition:background .3s}.page-dot.is-on{background:var(--green)}.page-label{font:600 13px var(--mono);letter-spacing:.12em;color:var(--label);margin-left:10px}.grid{position:absolute;inset:106px 24px 24px;overflow:hidden}.grid-track{will-change:transform;transition:transform 1.4s cubic-bezier(.5,0,.2,1);position:absolute;inset:0}.cell{transform-origin:0 0;transition:transform .55s cubic-bezier(.65,0,.35,1),opacity .55s;position:absolute}.cell-inner{width:100%;height:100%}.cell-exit{pointer-events:none;z-index:5;animation:.6s cubic-bezier(.55,0,1,.45) forwards card-exit}@keyframes card-exit{0%{opacity:1;transform:translateY(0) scale(var(--card-scale,1))}to{opacity:0;transform:translateY(-16px) scale(calc(var(--card-scale,1) * .96))}}.card-enter{animation:.62s cubic-bezier(.22,1,.36,1) card-enter}@keyframes card-enter{0%{opacity:0;transform:translateY(28px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 3px #2824180a,0 10px 26px #2824180d}.card-top{padding:18px 34px 12px}.order-no{font:800 104px var(--sans);letter-spacing:-.03em;color:var(--ink);line-height:.9}.order-no .hash{color:var(--muted);font-weight:600}.card-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.eta-value{font:600 50px var(--mono);letter-spacing:-.02em;color:var(--charcoal);line-height:1.1}.eta-value.is-soft{font-size:32px}.eta-value.is-ready-word{color:var(--green);letter-spacing:.08em}.card-foot{border-top:1px solid var(--line);text-align:center;font:600 32px var(--sans);color:var(--charcoal);margin-top:auto;padding:16px 34px;transition:background-color .45s,color .45s}.card-foot.is-live{background:var(--green);color:var(--cream-white);border-top-color:#0000}.fade-swap{animation:.45s fade-swap}@keyframes fade-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rail{width:100%;height:var(--rail-h,236px);margin-top:30px;position:relative}.rail-labels{top:var(--rail-labels-top,180px);width:100%;display:flex;position:absolute;left:0}.rail-label{text-align:center;font-family:var(--mono);font-weight:700;font-size:var(--rail-label,24px);letter-spacing:-.01em;color:var(--label);flex:1;line-height:1.1}.rail-label.is-on{color:var(--charcoal)}.rail-label.is-ready-on{color:var(--green)}.mascot{object-fit:contain;filter:drop-shadow(0 2px 3px #28241833);transition:left .8s cubic-bezier(.65,0,.35,1),width .3s,height .3s,opacity .5s;position:absolute}.mascot.is-waiting{opacity:.72}.mascot.is-arrived{animation:.4s ease-in-out mascot-pop}@keyframes mascot-pop{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.mascot-more{font:600 13px var(--mono);color:var(--charcoal);background:var(--badge-bg);border:1px solid var(--line);border-radius:10px;padding:2px 7px;position:absolute}.rail-track{top:var(--rail-track-top,146px);width:100%;height:var(--rail-track-h,12px);background:var(--track);border-radius:999px;position:absolute;left:0}.rail-fill{background:var(--green-dk);opacity:.9;border-radius:999px;height:100%;transition:width .8s cubic-bezier(.65,0,.35,1)}.rail-fill.is-complete{background:var(--green);opacity:1}.rail-dot{top:calc((var(--rail-track-h,12px) - var(--rail-dot,7px)) / 2);width:var(--rail-dot,7px);height:var(--rail-dot,7px);background:#ffffff8c;border-radius:50%;position:absolute}.offer-break{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle,#fbf8efab 0%,#fbf8ef8c 55%,#fbf8ef63 100%);place-items:center;animation:.42s cubic-bezier(.22,1,.36,1) both offer-veil-in;display:grid;position:fixed;inset:0;overflow:hidden}.offer-break.is-off{animation:.5s cubic-bezier(.65,0,.35,1) both offer-veil-out}@keyframes offer-veil-in{0%{opacity:0}to{opacity:1}}@keyframes offer-veil-out{0%{opacity:1}to{opacity:0}}.offer-creative{object-fit:contain;width:auto;max-width:78vw;max-height:84vh;animation:.62s cubic-bezier(.22,1,.36,1) both offer-slide-in}.offer-break.is-off .offer-creative{animation:.5s cubic-bezier(.55,0,.85,.36) both offer-slide-out}@keyframes offer-slide-in{0%{opacity:0;transform:translate(-62vw)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes offer-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(62vw)scale(.94)}}.offer-rail{width:78vw;height:84vh;animation:.62s cubic-bezier(.22,1,.36,1) both offer-slide-in;overflow:hidden}.offer-reel{height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.65,0,.35,1);display:flex}.offer-frame{flex:0 0 100%;height:100%;padding:3% 3% 5%}.offer-frame img{object-fit:contain;width:100%;height:100%}.offer-countdown{border:1px solid var(--line);color:var(--label);font:500 15px var(--mono);letter-spacing:.16em;background:#ffffffb8;border-radius:20px;padding:10px 16px;position:absolute;bottom:56px;right:96px}.fs-hint{z-index:60;color:var(--cream-white);font:600 11px var(--mono);letter-spacing:.14em;pointer-events:none;background:#1e1c188c;border-radius:14px;padding:7px 12px;position:fixed;bottom:12px;right:14px}.offline{background:var(--cream);z-index:90;place-items:center;display:grid;position:fixed;inset:0}.offline img{opacity:.9;width:260px;height:auto;animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.75}50%{opacity:1}}.pair{background:var(--cream);cursor:auto;place-items:center;display:grid;position:fixed;inset:0}.pair-box{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:420px;padding:34px;box-shadow:0 10px 26px #2824180f}.pair-box h1{font:700 22px var(--sans);letter-spacing:.02em;margin:0 0 6px}.pair-box p{font:400 14px var(--sans);color:var(--label);margin:0 0 22px;line-height:1.5}.pair-box label{font:600 12px var(--mono);letter-spacing:.14em;color:var(--label);margin-bottom:6px;display:block}.pair-box input{border:1px solid var(--line);width:100%;height:44px;font:500 15px var(--sans);cursor:auto;background:#fff;border-radius:10px;margin-bottom:16px;padding:0 12px}.pair-box button{background:var(--green);width:100%;height:46px;color:var(--cream-white);font:600 15px var(--sans);cursor:pointer;border:0;border-radius:10px}.pair-box button:disabled{opacity:.6;cursor:default}.pair-error{font:500 13px var(--sans);color:#a33;margin-top:14px}