*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f8f2ff;background:#060711;font-family:Trebuchet MS,Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible{outline-offset:4px;outline:3px solid #d5fc46}[hidden]{display:none!important}.stage{isolation:isolate;background:#0b0a22 url(/demos/pulse-district/assets/stage-BEkhBUbV.png) 50%/cover;position:absolute;left:50%;overflow:clip}.sprite{aspect-ratio:1;background-image:url(/demos/pulse-district/assets/symbols-BJ3SaAPN.png);background-size:400% 200%;background-position:var(--sx) var(--sy);background-repeat:no-repeat;flex-shrink:0;width:100%;display:block}header{width:545px;position:absolute;top:30px;left:103px}header small{letter-spacing:5px;color:#88d9e8;font-size:10px}h1{letter-spacing:-2px;color:#f1fdff;text-shadow:0 3px #582f85,0 0 18px #51d3f547;margin:7px 0;font-size:48px;font-weight:950;line-height:.9}h1 em{color:#d6fa61;font-style:normal}.setlist{text-align:right;position:absolute;top:31px;right:95px}.setlist>span{letter-spacing:2px;color:#e8a2ef;font-size:13px}#beat-track{opacity:.35;gap:5px;margin-top:13px;display:flex}#beat-track i{text-align:center;color:#8a84a9;border-bottom:4px solid #685582;width:29px;height:24px;font-size:13px;font-style:normal;font-weight:900;transition:color .2s}#beat-track.active{opacity:1}#beat-track .done{color:#cdfa5e;border-color:#cdfa5e}#beat-track .current{color:#fff;text-shadow:0 0 8px #ff37cf;border-color:#ff7ae7}.deck{width:838px;position:absolute;top:128px;left:102px}.marquee{clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);background:linear-gradient(90deg,#211842,#123952);border-top:2px solid #63c7df;justify-content:space-between;align-items:center;height:49px;padding:0 16px;display:flex}.marquee b{max-width:600px;font-size:23px}.marquee>span{letter-spacing:1px;color:#c3e85d;font-size:12px}.board{background:#0c0b22;border:5px solid #65738f;border-color:#a6c4d4 #65738f #2c3552;border-radius:6px;height:357px;padding:10px;position:relative;box-shadow:0 0 0 2px #101223,inset 0 0 0 2px #2ae1ed70,0 6px #06091a}#cells{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:4px;width:100%;height:100%;display:grid;overflow:hidden}.cell{background:radial-gradient(at 50% 20%,#302447,#1c1636);border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:size}.cell .piece{filter:drop-shadow(0 4px 4px #0008);width:min(98cqh,96cqw)}.cell.covered{visibility:hidden;background:#12314a}#beams{pointer-events:none;position:absolute;inset:10px;overflow:hidden}.beam{background:linear-gradient(90deg,#143e5066,#377b9090,#143e5066);border-left:2px solid #88f5ff;border-right:2px solid #88f5ff;flex-direction:column;justify-content:center;align-items:center;width:20%;padding:5px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 28px #62f5fc42,0 0 13px #20ddee3d}.beam .speaker{z-index:1;filter:drop-shadow(0 0 12px #40c0d966);width:95%;position:relative}.beam strong{z-index:1;color:#dcff71;text-shadow:0 4px #173254,0 0 6px #0c1d3d;margin-top:-7px;font-size:58px;line-height:.95;position:relative}.beam>span{letter-spacing:5px;margin-top:8px;font-size:12px;font-weight:900}.beam-light{background:repeating-linear-gradient(0deg,#0000 0 30px,#bcffdc45 31px 34px,#0000 35px 75px);animation:2.3s linear infinite lightTravel;position:absolute;inset:-100% 0}.beam.entering{animation:.6s cubic-bezier(.2,.7,.3,1) both beamIn}.beam.credited{box-shadow:inset 0 0 35px #bfff6044,0 0 17px #91ffef}.beam.credited strong{animation:.55s ease-in-out 2 amp}.matched .piece{animation:.7s ease-in-out infinite alternate symbolHit}.board:has(.matched) .cell:not(.matched){filter:brightness(.55)}#trails{pointer-events:none;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px;overflow:visible}.payline{fill:none;stroke:#d9ff72;stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 3px #54bada);stroke-dasharray:650;animation:.65s ease-out both trace}#labels{pointer-events:none;position:absolute;inset:0}.line-prize{color:#fff;white-space:nowrap;text-shadow:0 3px #301749,2px 0 #301749,-2px 0 #301749,0 0 9px #702e8c;font-size:31px;font-weight:950;animation:.3s ease-out both prize;position:absolute;transform:translate(-50%,-50%)}#receipts{scrollbar-width:thin;justify-content:center;align-items:center;gap:14px;height:46px;display:flex;overflow:auto}#receipts>span{white-space:nowrap;align-items:center;gap:4px;display:flex}#receipts .sprite{width:38px}#receipts b{color:#dafa75;font-size:23px}#receipts small{color:#a7b4d3;font-size:9px}.dj{text-align:center;width:278px;position:absolute;top:164px;right:43px}.nova{filter:drop-shadow(0 9px 10px #010419);width:260px;margin-left:9px;animation:3.2s ease-in-out infinite novaGroove}.dj .name{letter-spacing:10px;color:#cdf767;margin-top:8px;font-size:27px;display:block}.dj p{color:#cad4f0;min-height:32px;margin:6px 0 13px;font-size:14px;line-height:1.35}.equalizer{justify-content:center;align-items:flex-end;gap:4px;height:32px;margin-top:-15px;display:flex;position:relative}.equalizer i{width:11px;height:var(--h);animation:1.5s ease-in-out infinite alternate equalize;animation-delay:calc(var(--i)*-.18s);transform-origin:50% 100%;background:linear-gradient(#d8fc53,#3cf4e3);box-shadow:0 0 10px #31dbd24a}#bonus{color:#11172d;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);background:linear-gradient(110deg,#d4fa53,#80d8ba);border:0;min-width:243px;min-height:73px;padding:12px 23px;transition:filter .2s;box-shadow:0 3px #162731}#bonus:hover{filter:brightness(1.14)}#bonus>span{letter-spacing:4px;margin-bottom:5px;font-size:10px;display:block}#bonus b{font-size:22px}#feature-total{padding-top:7px}#feature-total small{color:#7dcbd4;letter-spacing:2px;font-size:11px;display:block}#feature-total strong{color:#e1fc85;margin-top:3px;font-size:40px;display:block}.win-strip{white-space:nowrap;justify-content:center;align-items:baseline;gap:15px;min-width:650px;display:flex;position:absolute;top:580px;left:185px}.win-strip small{letter-spacing:1px;color:#adc6da;font-size:12px}.win-strip strong{color:#e9ffa7;font-size:36px;line-height:1}.win-strip>span{color:#cce6fd;font-size:10px;position:absolute;top:36px}footer{background:linear-gradient(#161e35,#0c0e22);border-top:2px solid #6c75a1;border-bottom:3px solid #243257;border-radius:6px;justify-content:space-around;align-items:center;gap:20px;height:84px;padding:12px 27px;display:flex;position:absolute;bottom:15px;left:104px;right:80px;box-shadow:0 5px #060617}footer small{letter-spacing:1px;color:#aab3d0;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.wallet b{font-size:27px}.bet{text-align:center}.bet>div{align-items:center;gap:12px;display:flex}.bet b{min-width:70px;font-size:24px}.bet button,.modal-bet button{background:#1b2440;border:1px solid #7287af;border-radius:50%;width:40px;height:40px;font-size:25px;line-height:1}#spin{color:#19243b;background:linear-gradient(#dffa84,#8acc88);border:3px solid #ddff9d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:115px;height:84px;margin-top:-20px;display:flex;position:relative;box-shadow:0 0 0 3px #1f3a49,0 6px #243c48}#spin b{font-size:37px;line-height:1}#spin span{letter-spacing:2px;margin-top:5px;font-size:10px;font-weight:900}.utilities{align-items:center;gap:12px;display:flex}.utilities button{background:#171f36;border:1px solid #7383a8;border-radius:6px;min-height:41px;padding:9px 12px;font-size:13px}.utilities button[aria-pressed=true]{color:#1b2440;background:#d4f594}.spotlights{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.spotlights i{clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;background:linear-gradient(#15cbfc33,#0000);width:400px;height:650px;animation:9s ease-in-out infinite lightSweep;position:absolute;top:5px;left:9%}.spotlights i+i{background:linear-gradient(#dc1cff24,#0000);animation-delay:-4s;left:65%}.turning .piece{animation:.18s ease-in both turnOut}.arriving .piece{animation:.32s cubic-bezier(.2,.8,.3,1.2) both dropIn;animation-delay:var(--delay)}#intro{z-index:20;background:#100b25 url(/demos/pulse-district/assets/stage-BEkhBUbV.png) 50%/cover;position:absolute;inset:0;overflow:hidden}.intro-copy{width:670px;position:absolute;top:113px;left:87px}.intro-copy>small{letter-spacing:5px;color:#abd8e5;font-size:12px}.intro-copy h2{letter-spacing:-6px;color:#f2fcff;text-shadow:0 5px #9145a0,0 0 24px #45b1d859;margin:22px 0;font-size:116px;font-style:italic;font-weight:950;line-height:.77}.intro-copy h2 em{color:#d5fa5e;letter-spacing:-5px;font-size:96px;font-style:normal}.intro-copy p{color:#e7bee8;margin:25px 0 28px;font-size:25px}.intro-walk{align-items:center;gap:9px;display:flex}.intro-walk b{background:#113445a6;border-bottom:3px solid #72e0e7;padding:7px 12px;font-size:25px;animation:3s ease-in-out infinite introBeat}.intro-walk b:nth-child(3){animation-delay:.3s}.intro-walk b:nth-child(5){animation-delay:.6s}.intro-walk b:nth-child(7){animation-delay:.9s}.intro-walk b:nth-child(9){animation-delay:1.2s}.intro-walk i{color:#cff681;font-size:28px;font-style:normal}.intro-rule{color:#adcadf;margin-top:16px;font-size:15px;display:block}.intro-nova{filter:drop-shadow(0 0 35px #5e349e55);width:600px;animation:3.2s ease-in-out infinite novaGroove;position:absolute;bottom:67px;right:-24px}.intro-disc{opacity:.27;width:450px;animation:25s linear infinite recordSpin;position:absolute;top:77px;right:65px}.intro-action{flex-direction:column;gap:14px;width:480px;display:flex;position:absolute;bottom:87px;left:87px}.intro-action small{color:#9cc4d8;font-size:12px}.primary{color:#172642;letter-spacing:.5px;background:linear-gradient(115deg,#dffa74,#83e7d4);border:1px solid #e5ffc2;border-radius:5px;padding:17px 28px;font-size:18px;font-weight:950;box-shadow:0 5px #25445c}.depart{pointer-events:none;animation:.55s ease-in both introOut}dialog{color:#f6f5ff;background:linear-gradient(140deg,#1e1435,#0c1930);border:1px solid #8c80aa;border-top:4px solid #8bf1da;border-radius:10px;width:min(880px,95vw);max-height:92dvh;padding:24px 30px;font-family:Trebuchet MS,Arial,sans-serif;overflow:auto;box-shadow:0 18px 70px #040613c9}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040716ce}dialog .close{color:#efe9ff;z-index:5;background:#2a2443;border:1px solid #7c7294;border-radius:50%;width:36px;height:36px;font-size:26px;position:absolute;top:12px;right:12px}dialog h2{color:#dff9ad;margin:8px 0 20px;font-size:32px}dialog p{font-size:15px;line-height:1.55}dialog small{letter-spacing:1px;color:#9fced7;font-size:11px;font-weight:800}.menu-heading{text-align:center;margin:8px 27px 22px}.set-options{flex-direction:column;gap:17px;display:flex}.set-card{text-align:left;background:linear-gradient(110deg,#14344b,#14203b);border:1px solid #58b0c3;border-radius:7px;align-items:center;gap:24px;width:100%;min-height:175px;padding:13px 20px 13px 15px;display:flex;position:relative;box-shadow:inset 5px 0 #6ce0db}.set-card.duet{background:linear-gradient(110deg,#382452,#1b1d39);border-color:#a069b7;box-shadow:inset 5px 0 #d18eeb}.record{flex-shrink:0;width:145px;position:relative}.record .sprite{animation:16s linear infinite recordSpin}.record b{color:#fff;place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.set-card-copy{grid-template-columns:1fr auto;align-items:center;gap:5px 18px;width:100%;display:grid}.set-card-copy>small{grid-column:1;font-size:10px}.set-card h3{grid-column:1;margin:3px 0;font-size:28px}.set-card p{grid-column:1;max-width:340px;margin:3px 0;font-size:13px}.price{color:#effcaa;grid-area:1/2/3;font-size:40px;line-height:1}.set-card-copy>span{letter-spacing:1px;color:#91d7ec;grid-area:3/2;font-size:11px;font-weight:900}.modal-bet{justify-content:center;align-items:center;gap:23px;margin:20px auto 12px;display:flex}.modal-bet span{text-align:center;flex-direction:column;gap:5px;display:flex}.modal-bet b{font-size:26px}.fine{color:#a8b2cc;text-align:center;font-size:11px!important}.feature-card{text-align:center;max-width:590px;margin:auto}.feature-art{width:130px;height:130px;margin:0 auto}.feature-card h2{margin:8px 0 16px}.feature-number{color:#dcfc91;font-size:64px;line-height:1.1;display:block}.feature-number>span{font-size:28px}.feature-card .primary{min-width:220px;margin:16px 0 8px}.confirm{justify-content:center;align-items:center;gap:15px;display:flex}.confirm>button:not(.primary){background:#272441;border:1px solid #8b82a2;border-radius:5px;padding:17px 24px;font-weight:800}.setting-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.setting-options button{color:#f2f6ff;background:#1b2e4c;border:1px solid #68849d;border-radius:7px;padding:19px 13px;font-weight:800}.sample{vertical-align:middle;width:44px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:center;border-bottom:1px solid #768a9a4d;padding:6px}td:first-child{text-align:left}.line-guide{grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0;display:grid}.line-guide>span{background:#25364d;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;display:flex}.line-guide svg{width:100%;height:34px}.line-guide polyline{fill:none;stroke:#c5ed83;stroke-width:4px}details{border-top:1px solid #71849744;padding-top:14px}summary{cursor:pointer;font-weight:800}.portrait header{text-align:center;width:710px;top:32px;left:28px}.portrait h1{font-size:63px}.portrait header small{font-size:13px}.portrait .setlist{text-align:left;width:340px;top:153px;left:30px;right:auto}.portrait .setlist>span{font-size:20px}.portrait #beat-track{gap:6px;margin-top:17px}.portrait #beat-track i{width:35px;height:38px;font-size:20px}.portrait .dj{width:330px;height:250px;top:128px;right:23px}.portrait .nova{width:276px;position:absolute;top:-17px;right:-10px}.portrait .dj .name,.portrait .dj p,.portrait .equalizer{display:none}.portrait #bonus{width:330px;min-height:103px;padding:15px 17px;position:absolute;top:125px;right:339px}.portrait #bonus>span{letter-spacing:2px;font-size:14px}.portrait #bonus b{font-size:29px}.portrait #feature-total{width:290px;position:absolute;top:110px;right:352px}.portrait #feature-total small{font-size:17px}.portrait #feature-total strong{font-size:51px}.portrait .deck{width:712px;top:391px;left:24px}.portrait .marquee{height:68px;padding:0 13px}.portrait .marquee b{max-width:425px;font-size:26px}.portrait .marquee>span{font-size:16px}.portrait .board{height:426px}.portrait #receipts{justify-content:flex-start;height:58px}.portrait #receipts .sprite{width:48px}.portrait #receipts b{font-size:27px}.portrait #receipts small{font-size:13px}.portrait .beam strong{font-size:53px}.portrait .beam>span{font-size:15px}.portrait .win-strip{gap:15px;min-width:712px;top:958px;left:24px}.portrait .win-strip small{letter-spacing:0;font-size:17px}.portrait .win-strip strong{font-size:47px}.portrait .win-strip>span{font-size:13px;top:48px}.portrait footer{grid-template-rows:65px 83px;grid-template-columns:1.3fr 1.4fr 110px;gap:10px;height:188px;padding:10px 16px;display:grid;bottom:21px;left:24px;right:24px}.portrait .wallet{grid-area:1/1}.portrait footer small{font-size:16px}.portrait .wallet b{font-size:29px}.portrait .bet{grid-area:1/2/3}.portrait .bet>small{margin-bottom:12px}.portrait .bet>div{flex-wrap:wrap;justify-content:center;gap:7px}.portrait .bet b{min-width:75px;font-size:32px}.portrait .bet button{width:69px;height:69px;font-size:36px}.portrait #spin{grid-area:1/3/3;width:100px;height:116px;margin:0}.portrait #spin b{font-size:44px}.portrait #spin span{letter-spacing:0;font-size:13px}.portrait .utilities{flex-wrap:wrap;grid-area:2/1;gap:6px}.portrait .utilities button{min-height:34px;padding:7px;font-size:15px}.portrait .intro-copy{text-align:center;width:678px;top:93px;left:43px}.portrait .intro-copy>small{font-size:16px}.portrait .intro-copy h2{letter-spacing:-6px;margin:27px 0;font-size:134px}.portrait .intro-copy h2 em{font-size:110px}.portrait .intro-copy p{margin:28px 0;font-size:28px}.portrait .intro-walk{justify-content:center;gap:10px}.portrait .intro-walk b{padding:7px 13px;font-size:27px}.portrait .intro-rule{font-size:19px}.portrait .intro-nova{width:600px;bottom:202px;right:76px}.portrait .intro-disc{width:440px;top:588px;right:160px}.portrait .intro-action{text-align:center;z-index:2;width:660px;bottom:68px;left:50px}.portrait .intro-action .primary{padding:27px 15px;font-size:28px}.portrait .intro-action small{font-size:17px}@media (width<=600px){dialog{max-height:94dvh;padding:24px 16px}dialog h2{font-size:25px}dialog p{font-size:13px}.menu-heading{margin:13px 20px 18px}.set-card{gap:10px;min-height:164px;padding:12px}.record{width:81px}.record b{font-size:18px}.set-card-copy{display:block}.set-card h3{margin:4px 0;font-size:23px}.set-card p{margin:3px 0 7px;font-size:12px}.set-card-copy>small{letter-spacing:.4px;font-size:9px}.price{margin-right:14px;font-size:28px;display:inline-block}.set-card-copy>span{font-size:9px}.feature-number{font-size:52px}.feature-art{width:110px;height:110px}.setting-options button{padding:17px 8px;font-size:13px}.primary{padding:16px 20px;font-size:15px}.sample{width:31px}table{font-size:11px}td,th{padding:5px 2px}.line-guide{gap:5px}.line-guide svg{height:27px}.fine{font-size:10px!important}}@media (width>=601px) and (height<=650px){dialog{padding:16px 24px}.menu-heading{margin:0 25px 12px}.menu-heading h2{margin:7px 0 10px;font-size:25px}.set-options{gap:12px}.set-card{gap:17px;min-height:124px;padding:8px 16px}.record{width:104px}.set-card h3{font-size:24px}.set-card p{font-size:12px}.price{font-size:32px}.modal-bet{margin:14px auto 6px}.modal-bet b{font-size:23px}.fine{margin:7px 0 1px}.feature-art{width:85px;height:85px}.feature-card h2{margin:4px 0 9px;font-size:26px}.feature-card p{margin:9px 0;font-size:13px}.feature-card>.primary{margin:10px 0 4px}.feature-number{font-size:48px}}@keyframes recordSpin{to{transform:rotate(360deg)}}@keyframes equalize{to{transform:scaleY(.2)}}@keyframes novaGroove{50%{transform:translateY(-4px)rotate(.7deg)}}@keyframes lightSweep{50%{opacity:.6;transform:rotate(28deg)}}@keyframes lightTravel{to{transform:translateY(75px)}}@keyframes beamIn{0%{opacity:.3;transform:translateY(-105%)}to{opacity:1;transform:translateY(0)}}@keyframes amp{50%{color:#fff;transform:scale(1.15)}}@keyframes symbolHit{50%{filter:drop-shadow(0 0 8px #c7ff83);transform:translateY(-4px)rotate(-3deg)scale(1.05)}}@keyframes trace{0%{stroke-dashoffset:650px}to{stroke-dashoffset:0}}@keyframes prize{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes turnOut{to{opacity:0;transform:translateY(140px)}}@keyframes dropIn{0%{opacity:.2;transform:translateY(-140px)scale(.85)}to{opacity:1;transform:translateY(0)}}@keyframes introBeat{50%{color:#def976;border-color:#def976;transform:translateY(-4px)}}@keyframes introOut{to{opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.nova .sprite,.intro-nova .sprite{background-image:url(/demos/pulse-district/assets/nova-B0FJtVmZ.png);background-position:50%;background-size:contain}.demo-navigation{z-index:100;background:#0c1120;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font:600 14px/1 system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto}.demo-navigation a{color:#f4e5b8;letter-spacing:.04em;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.demo-navigation a:hover{color:#fff}.demo-navigation a:focus-visible{outline-offset:-4px;outline:2px solid #f4e5b8}.has-demo-navigation .cabinet{top:calc(50% + 22px)}.has-demo-navigation.fluid-demo #app{height:calc(100dvh - 44px);margin-top:44px}.has-demo-navigation.fluid-demo .cabinet{width:min(100vw,177.778dvh - 78.2222px);height:min(100dvh - 44px,56.25vw);top:auto}@media (width<=620px) and (orientation:portrait){.has-demo-navigation.fluid-demo .cabinet{width:100vw;height:calc(100dvh - 44px)}}