.br-scope{--br-cols:5;--br-ease-out:cubic-bezier(.23, 1, .32, 1);--br-ease-in-out:cubic-bezier(.77, 0, .175, 1);--br-bg:#0b1120;--br-bg-glow:#16233c;--br-surface:#16223b;--br-surface-2:#1e2d49;--br-line:#33507e;--br-line-dim:#26385a;--br-text:#eef4fb;--br-text-dim:#a9bcd4;--br-text-faint:#7089a8;--br-ink:#0b1120;--br-a1:#38bdf8;--br-a2:#a78bfa;--br-a3:#f472b6;--br-a4:#fbbf24;--br-a5:#34d399;--br-go:#34d399;--br-go-deep:#1c8a63;--br-mine:#38bdf8;--br-mine-deep:#1a7fb0;--br-warn:#fbbf24;--br-danger:#f87171;--br-danger-soft:#fca5a5;--br-dead:#4a5568;--br-dead-bg:#161d2c;--br-dead-ink:#0b1120;background:radial-gradient(125% 85% at 50% 0%, var(--br-bg-glow) 0%, var(--br-bg) 55%, #100b22 100%);min-height:100dvh;color:var(--br-text);font-family:var(--font-mono);overflow-x:hidden}.br-scope:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(135% 105% at 50% 42%,#0000 58%,#08041480 100%);position:fixed;inset:0}.br-scope:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0804141f 0 1px,#0000 1px 3px);position:fixed;inset:0}.br-scope>*{z-index:2;position:relative}.br-title{text-transform:uppercase;letter-spacing:.14em;color:#fff;text-shadow:0 0 14px color-mix(in srgb, var(--br-a1) 30%, transparent);font-weight:600}.br-scope .br-dim{color:var(--br-text-dim)}.br-scope .br-faint{color:var(--br-text-faint)}.br-scope .br-warn-t{color:var(--br-warn)}.br-scope .br-go-t{color:var(--br-go)}.br-scope .br-danger-t{color:var(--br-danger-soft)}.br-input{border:2px solid var(--br-line);background:var(--br-surface);color:#fff;outline:none;width:100%;transition:border-color .14s}.br-input:focus{border-color:var(--br-a1)}.br-input.br-input-code{border-color:var(--br-a1);text-align:center;letter-spacing:.3em}.br-board-title{letter-spacing:.05em;font-size:clamp(2rem,5vw,4rem);line-height:1.02}.br-board-code{letter-spacing:.18em;font-size:clamp(1.7rem,4.2vw,3.6rem);line-height:1}.br-board-timer{font-size:clamp(2.1rem,5.5vw,4.6rem);line-height:1}.br-progress{border:2px solid var(--br-line);background:var(--br-surface);height:22px;overflow:hidden;box-shadow:inset 0 0 0 2px #100b22}.br-progress-fill{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--br-pct,0));background:linear-gradient(90deg, var(--br-a1), var(--br-a5));transition:transform .45s var(--br-ease-out)}.br-timer{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--br-warn);text-shadow:0 0 12px color-mix(in srgb, var(--br-warn) 40%, transparent);font-weight:600}.br-grid{grid-template-columns:repeat(var(--br-cols), minmax(0, 1fr));perspective:1400px;grid-auto-rows:minmax(110px,260px);align-content:start;gap:clamp(6px,1.2vw,16px);display:grid}.br-grid-dense{grid-auto-rows:minmax(58px,1fr);align-content:stretch;gap:6px;height:100%}.br-grid-dense .br-cart{min-height:58px}.br-grid-dense .br-face-label{padding:3px 6px;font-size:clamp(.8rem,1.5vw,1.2rem);line-height:1.1}.br-grid-dense .br-face-body{gap:1px;padding:3px 8px}.br-grid-dense .br-seat-line{font-size:clamp(.68rem,1.1vw,.92rem)}.br-grid-dense .br-names,.br-grid-dense .br-sold-detail{font-size:clamp(.62rem,1vw,.85rem)}.br-grid-dense .br-stamp{padding:4px 10px;font-size:clamp(.85rem,2vw,1.5rem)}.br-cart{--c:var(--br-a1);border:3px solid var(--c);height:100%;min-height:80px;box-shadow:0 0 0 3px #100b22, 0 0 16px color-mix(in srgb, var(--c) 40%, transparent);animation:br-cart-in .38s var(--br-ease-out) both;animation-delay:calc(min(var(--i,0), 12) * 32ms);transition:border-color .26s,box-shadow .26s;position:relative;overflow:hidden}.br-cart.is-sold{border-color:var(--br-dead);animation:br-sold-flip .5s var(--br-ease-out);box-shadow:0 0 0 3px #100b22}@keyframes br-cart-in{0%{opacity:0;transform:scale(.94)}}.br-cart.is-sold .br-cart-inner{filter:grayscale()}.br-cart-inner{background:var(--br-surface);flex-direction:column;height:100%;display:flex;box-shadow:inset 0 0 26px #0804148c}.br-cart.is-sold .br-cart-inner{background:var(--br-dead-bg)}.br-face-label{background:var(--c);color:var(--br-ink);text-transform:uppercase;letter-spacing:.04em;text-align:center;word-break:break-word;padding:8px;font-size:clamp(.95rem,2.2vw,1.9rem);font-weight:600;line-height:1.15}.br-cart.is-sold .br-face-label{background:var(--br-dead);color:var(--br-dead-ink)}.br-face-body{flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px 10px;display:flex}.br-seat-line{color:var(--c);font-size:clamp(.85rem,1.9vw,1.4rem);font-weight:600}.br-names{color:var(--br-text-dim);flex-direction:column;flex:1;gap:2px;font-size:clamp(.78rem,1.5vw,1.2rem);display:flex;overflow:hidden}.br-name-chip{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.br-sold-detail{color:var(--br-text-faint);font-size:clamp(.78rem,1.5vw,1.2rem)}.br-stamp{border:4px double var(--br-danger);color:var(--br-danger-soft);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 10px color-mix(in srgb, var(--br-danger) 45%, transparent);pointer-events:none;background:#140d29b8;padding:8px 16px;font-size:clamp(1rem,2.8vw,2.2rem);font-weight:700;animation:.45s cubic-bezier(.34,1.56,.64,1) .28s both br-stamp-in;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-12deg}@keyframes br-sold-flip{0%{transform:perspective(800px)rotateX(0)}50%{transform:perspective(800px)rotateX(90deg)}to{transform:perspective(800px)rotateX(0)}}@keyframes br-stamp-in{0%{opacity:0;scale:2.4}60%{opacity:1}to{opacity:1;scale:1}}@keyframes br-cart-hit{0%,to{box-shadow:0 0 0 3px #100b22,0 0 #0000}40%{box-shadow:0 0 0 3px #100b22, 0 0 0 6px color-mix(in srgb, var(--br-go) 45%, transparent)}}.br-cart.just-claimed{animation:br-cart-hit .4s var(--br-ease-out)}.br-row{--c:var(--br-a1);text-align:left;border:2px solid var(--c);background:var(--br-surface);width:100%;box-shadow:0 0 12px color-mix(in srgb, var(--c) 26%, transparent);color:var(--br-text);animation:br-row-in .34s var(--br-ease-out) both;animation-delay:calc(min(var(--i,0), 12) * 38ms);border-left-width:8px;align-items:center;gap:12px;padding:14px;transition:filter .26s,border-color .26s,box-shadow .26s,color .26s;display:flex}@keyframes br-row-in{0%{opacity:0;transform:translateY(8px)}}.br-row.is-full{filter:grayscale();border-color:var(--br-dead);box-shadow:none;color:var(--br-text-faint)}.br-row-main{flex:1;min-width:0}.br-row-name{word-break:break-word;font-size:1.05rem;font-weight:600}.br-row-sub{color:var(--br-text-dim);margin-top:2px;font-size:.82rem}.br-row.is-full .br-row-sub{color:var(--br-text-faint)}.br-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:3px solid var(--br-go);background:var(--br-go);color:var(--br-ink);box-shadow:0 4px 0 var(--br-go-deep);transition:transform 90ms var(--br-ease-out), box-shadow 90ms var(--br-ease-out), background-color .16s ease, border-color .16s ease, opacity .18s ease;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-weight:600;display:inline-flex}.br-btn:active{box-shadow:0 1px 0 var(--br-go-deep);transform:translateY(3px)scale(.98)}.br-btn:disabled{border-color:var(--br-dead);background:var(--br-dead-bg);color:var(--br-text-faint);box-shadow:none}.br-btn.is-mine{border-color:var(--br-mine);background:var(--br-mine);box-shadow:0 4px 0 var(--br-mine-deep)}.br-btn-ghost{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--br-line);color:var(--br-text-dim);transition:transform .14s var(--br-ease-out), border-color .14s ease, color .14s ease, opacity .16s ease;background:0 0;padding:10px 16px;font-weight:600}.br-btn-ghost:active{transform:scale(.97)}.br-btn-ghost:disabled{opacity:.5}.br-btn-box{font-family:var(--font-mono);letter-spacing:.04em;border:3px dashed var(--br-warn);background:color-mix(in srgb, var(--br-warn) 9%, transparent);color:var(--br-warn);transition:transform .14s var(--br-ease-out), background-color .16s ease, opacity .16s ease;padding:14px 18px;font-weight:600}.br-btn-box:active{transform:scale(.98)}.br-btn-box:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.br-btn-ghost:hover{border-color:var(--br-a1);color:#fff}.br-btn-box:hover:not(:disabled){background:color-mix(in srgb, var(--br-warn) 16%, transparent)}.br-row .br-btn:hover:not(:disabled){filter:brightness(1.08)}}.br-trade-banner{border:2px solid var(--br-warn);background:color-mix(in srgb, var(--br-warn) 11%, transparent);color:var(--br-warn);text-align:center;animation:br-slide-down .28s var(--br-ease-out) both;margin-top:12px;padding:10px 14px;font-size:.9rem;font-weight:600}.br-hint-box{border:2px solid var(--br-line);background:var(--br-surface);color:var(--br-text-dim);animation:br-slide-down .28s var(--br-ease-out) both;margin-top:12px;padding:12px 14px;font-size:.85rem;line-height:1.5}@keyframes br-slide-down{0%{opacity:0;transform:translateY(-6px)}}.br-countdown-num{color:var(--br-warn);text-shadow:0 0 30px color-mix(in srgb, var(--br-warn) 55%, transparent);animation:br-countdown-pop .9s var(--br-ease-out);font-size:clamp(6rem,28vw,18rem);font-weight:700;line-height:1}@keyframes br-countdown-pop{0%{opacity:.2;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.br-countdown-num{animation:.2s br-fade}}.br-box-spin{text-shadow:0 0 14px color-mix(in srgb, var(--br-warn) 55%, transparent);animation:.3s ease-in-out infinite alternate br-box-pulse}@keyframes br-box-pulse{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}.br-modal{z-index:50;background:#0a0618cc;justify-content:center;align-items:center;padding:20px;animation:.15s both br-fade;display:flex;position:fixed;inset:0}.br-dialog{border:3px solid var(--br-a3);background:var(--br-surface);width:100%;max-width:360px;box-shadow:0 0 0 3px #100b22, 0 0 30px color-mix(in srgb, var(--br-a3) 38%, transparent);padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) both br-pop}.br-ticket{background:linear-gradient(135deg, var(--br-surface-2), var(--br-bg));border:3px solid var(--br-warn);width:100%;max-width:380px;box-shadow:0 0 0 3px #100b22, 0 0 34px color-mix(in srgb, var(--br-warn) 32%, transparent);text-align:center;animation:br-ticket-in .44s var(--br-ease-out) both;margin:0 auto;padding:26px 22px;position:relative}@keyframes br-ticket-in{0%{opacity:0;transform:scale(.95)translateY(10px)}}.br-success-in{animation:.46s cubic-bezier(.34,1.4,.64,1) both br-success-in}@keyframes br-success-in{0%{opacity:0;transform:scale(.8)}}.br-ticket:before,.br-ticket:after{content:"";background:var(--br-bg);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;translate:0 -50%}.br-ticket:before{left:-14px}.br-ticket:after{right:-14px}.br-ticket-divider{border:none;border-top:2px dashed color-mix(in srgb, var(--br-warn) 45%, var(--br-line));margin:16px 0}@keyframes br-fade{0%{opacity:0}to{opacity:1}}@keyframes br-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes br-blink{0%,to{opacity:1}50%{opacity:.35}}.br-blink{animation:1s step-end infinite br-blink}@media (prefers-reduced-motion:reduce){.br-cart,.br-cart.is-sold,.br-cart.just-claimed,.br-row,.br-trade-banner,.br-hint-box{animation-name:br-fade;animation-duration:.2s}.br-stamp,.br-ticket,.br-success-in{animation:.22s both br-fade}.br-dialog,.br-modal{animation:.14s both br-fade}.br-blink,.br-box-spin{animation:none}.br-progress-fill{transition:none}.br-btn:active,.br-btn-ghost:active,.br-btn-box:active{transform:none}}
