@layer components{.band{--band-ink:#12151b;--band-soft:#12151bc7;--band-rule:#12151b33;--band-pill-bg:#161a22e6;--band-pill-fg:#fffaf1;--band-edge:#ffffff9e;--band-rank:0;isolation:isolate;border:1px solid var(--band-edge);width:100%;height:100%;min-height:11.75rem;color:var(--band-ink);text-align:center;transition:transform .18s var(--ease-snap,cubic-bezier(.2, .9, .2, 1.05)), box-shadow .18s ease, filter .18s ease;border-radius:1rem;flex-direction:column;align-items:center;padding:.7rem .6rem .8rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,inset 0 -14px 20px -14px #0000004d,0 18px 26px -20px #000000f2}.band:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-4px)}.band:not(:disabled):active{transform:translateY(-1px)}.band:focus-visible{outline:2px solid var(--color-ember-400,#ff9149);outline-offset:3px}.band:disabled{cursor:not-allowed}.band[data-short=true]{filter:saturate(.3)brightness(.68)}.band[aria-busy=true]{cursor:progress}.band__top{align-items:center;gap:.3rem;min-height:1.15rem;line-height:1;display:inline-flex}.band__unit{letter-spacing:.22em;text-transform:uppercase;color:var(--band-soft);font-size:.62rem;font-weight:800}.band__need{color:#fffaf1;letter-spacing:.01em;background:#12151be6;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.band__value{font-family:var(--font-display,ui-sans-serif, system-ui, sans-serif);letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-shadow:0 1px #ffffff8c;margin-top:.25rem;font-size:2rem;font-weight:800;line-height:1.05}.band__rule{width:100%;color:var(--band-soft);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.72rem;font-weight:600;line-height:1;display:flex}.band__rule:before,.band__rule:after{content:"";background:var(--band-rule);flex:1 1 0;height:1px}.band__fee{font-variant-numeric:tabular-nums;margin-top:.45rem;font-size:.82rem;font-weight:700;line-height:1.1}.band__prize{color:var(--band-soft);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:.74rem;font-weight:700;line-height:1.1}.band__foot{flex-direction:column;align-items:center;gap:.45rem;width:100%;margin-top:auto;padding-top:.5rem;display:flex}.band__count{background:var(--band-pill-bg);color:var(--band-pill-fg);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.4rem;padding:.34rem .85rem;font-size:.95rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.band__pods{gap:2px;width:78%;display:flex}.band__pods>span{background:var(--band-rule);border-radius:999px;flex:1 1 0;height:4px}.band__pods>span[data-on=true]{background:var(--band-ink)}.band__hot{z-index:1;pointer-events:none;filter:drop-shadow(0 3px 4px #00000080);place-items:center;display:grid;position:absolute;top:-.5rem;right:-.25rem;transform:rotate(14deg)}.band__busy{z-index:2;background:#fff6;place-items:center;display:grid;position:absolute;inset:0}.band--steel{--band-shade:calc(var(--band-rank) * .024);background:linear-gradient(180deg, #ffffff8c 0%, #fff0 40%), repeating-linear-gradient(100deg, #ffffff0d 0 1px, transparent 1px 4px), linear-gradient(180deg, rgb(18 21 27/var(--band-shade)), rgb(18 21 27/calc(var(--band-shade) + .05))), linear-gradient(180deg, #e8ebef 0%, #cfd4dc 52%, #a4acb9 100%)}.band--felt{--band-ink:#062a1c;--band-soft:#062a1ccc;--band-rule:#062a1c42;background:radial-gradient(110% 58% at 50% 0,#ffffff80,#0000 62%),repeating-radial-gradient(circle at 22% 28%,#ffffff14 0 1px,#0000 1px 3px),linear-gradient(#d6f0e2 0%,#82d5a9 46%,#35a679 100%);box-shadow:inset 0 1px #ffffffbf,inset 0 -14px 20px -14px #063c2880,0 0 20px -8px #36be8299,0 18px 26px -20px #000000f2}.band--felt:before{content:"";z-index:-1;pointer-events:none;border:1px dashed #062a1c57;border-radius:calc(1rem - 5px);position:absolute;inset:5px}.band--gold{--band-ink:#2a1c02;--band-soft:#2a1c02c7;--band-rule:#2a1c024d;--band-edge:#fff7d8e6;--band-pill-bg:#2a1c02eb;--band-pill-fg:#f6df97;background:radial-gradient(90% 55% at 82% 0%, #fffbe4bf, transparent 65%), repeating-conic-gradient(from 0deg at 50% 118%, #ffffff21 0 5deg, transparent 5deg 10deg), linear-gradient(180deg, #fbf1c4 0%, #f1ce68 48%, #d3a139 100%);box-shadow:inset 0 1px #fffc,inset 0 -14px 20px -14px #78500073,0 0 20px -6px #e8c25cb3,0 18px 26px -20px #000000f2}@media (prefers-reduced-motion:no-preference){.band--gold:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffffa6 50%,#0000 100%);width:50%;animation:5.5s ease-in-out infinite band-sheen;position:absolute;top:-30%;bottom:-30%;left:-70%;transform:translate(0)skew(-18deg)}}@keyframes band-sheen{0%,55%{opacity:0;transform:translate(0)skew(-18deg)}60%{opacity:1}to{opacity:0;transform:translate(480%)skew(-18deg)}}.band--diamond{--band-ink:#0a1a3c;--band-soft:#0a1a3cc2;--band-rule:#0a1a3c42;--band-edge:#ffffffd9;--band-pill-bg:#0a1a3ceb;--band-pill-fg:#eaf4ff;background:linear-gradient(#fff9,#0000 38%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cpath d='M23 0L46 23 23 46 0 23z' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1'/%3E%3Cpath d='M23 0V46M0 23H46' stroke='%23ffffff' stroke-opacity='.25'/%3E%3C/svg%3E"),conic-gradient(from 210deg at 50% 36%,#78aaff66,#fff6,#a08cff52,#5aa0ff33,#78aaff66),linear-gradient(#eef6ff 0%,#b9d9ff 50%,#7bb0ee 100%);box-shadow:inset 0 1px #ffffffd9,inset 0 -14px 20px -14px #143c8c80,0 0 22px -8px #5aa9ffd9,0 18px 26px -20px #000000f2}.band__spark{z-index:-1;pointer-events:none;color:#fff;opacity:.85;width:10px;height:10px;position:absolute}@media (prefers-reduced-motion:no-preference){.band__spark{animation:3s ease-in-out infinite band-twinkle}}@keyframes band-twinkle{0%,to{opacity:.2;transform:scale(.55)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.band-skeleton{border-radius:1rem;min-height:11.75rem}.lobby-backdrop{background-image:radial-gradient(70% 55% at 88% -8%,#ff914917,#0000 70%),radial-gradient(60% 50% at 0 100%,#1e7a5c21,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720' viewBox='0 0 720 720'%3E%3Cg fill='white' fill-opacity='0.028'%3E%3Cg transform='translate(40 50) scale(11)'%3E%3Cpath d='M12 2.3c3.1 3.6 8.2 6.6 8.2 11.2a4.6 4.6 0 0 1-7.2 3.8c.2 1.9 1 3.3 2.3 4.4H8.7C10 20.6 10.8 19.2 11 17.3a4.6 4.6 0 0 1-7.2-3.8C3.8 8.9 8.9 5.9 12 2.3z'/%3E%3C/g%3E%3Cg transform='translate(420 330) scale(11)'%3E%3Cpath d='M12 21.2S3.8 15.8 3.8 9.8a4.6 4.6 0 0 1 8.2-2.9 4.6 4.6 0 0 1 8.2 2.9c0 6-8.2 11.4-8.2 11.4z'/%3E%3C/g%3E%3Cg transform='translate(60 400) scale(10)'%3E%3Ccircle cx='12' cy='7.3' r='4.1'/%3E%3Ccircle cx='6.9' cy='14.2' r='4.1'/%3E%3Ccircle cx='17.1' cy='14.2' r='4.1'/%3E%3Cpath d='M12 12c0 4.3-.6 6.5-2.7 8.6h5.4C12.6 18.5 12 16.3 12 12z'/%3E%3C/g%3E%3Cg transform='translate(430 30) scale(10)'%3E%3Cpath d='M12 2.4l7 9.6-7 9.6-7-9.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:0 0,0 0,-120px 20px;background-size:auto,auto,720px 720px}}