header{gap:24px}header nav{margin-left:auto;gap:24px}.account-link{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid #484842;border-radius:50%;position:relative}.account-link:hover{background:#272724}.account-link.is-signed-in:after{content:'';width:6px;height:6px;position:absolute;right:1px;top:1px;border-radius:50%;background:#e7e5df;box-shadow:0 0 0 3px #101010}.arcade-shell{max-width:1400px;margin:auto;padding:65px 5.5% 85px}.arcade-shell h1{font-size:clamp(54px,6vw,86px);margin:23px 0;letter-spacing:-2.5px}.arcade-shell h1 em{white-space:normal;font-size:1em}.arcade-intro{font-size:14px;color:var(--muted);margin-bottom:40px}.arcade-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.arcade-card{background:#171716;border:1px solid #45453e;min-width:0}.arcade-image{display:block;overflow:hidden;background:#111}.arcade-image img{width:100%;aspect-ratio:1.65;object-fit:contain;transition:transform .3s}.arcade-image:hover img{transform:scale(1.025)}.arcade-card-body{padding:27px}.arcade-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.arcade-card h2{font:400 clamp(28px,3vw,38px)/1.15 Georgia,serif;letter-spacing:-1px}.arcade-tag{border:1px solid #5f5f54;padding:6px 8px;font-size:7px;letter-spacing:1px;white-space:nowrap}.arcade-card p{color:#aaa99f;font-size:12px;margin:16px 0 23px;line-height:1.8}.arcade-card .button{width:100%;text-align:left}.arcade-card button:disabled{background:#232321;border-color:#45453e;color:#77776e;justify-content:center;cursor:default}.arcade-placeholder{aspect-ratio:1.65;background:radial-gradient(ellipse,#292926,#141413 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;position:relative;overflow:hidden}.arcade-placeholder:before,.arcade-placeholder:after{content:'';position:absolute;border:1px solid #ffffff0c;width:210px;height:210px;transform:rotate(45deg)}.arcade-placeholder:after{width:270px;height:270px}.arcade-placeholder img{height:110px;opacity:.15;object-fit:contain}.arcade-placeholder span{font-size:7px;letter-spacing:3px;color:#77776d}.arcade-coming .arcade-card-heading{color:#aaa99f}.arcade-note{font-size:10px;color:#929288;margin-top:28px;line-height:1.8}.arcade-back{display:inline-block;font-size:9px;letter-spacing:1px;color:#b8b7ad;margin-bottom:32px}.arcade-back:hover{text-decoration:underline;text-underline-offset:4px}.song-grid .arcade-image img{object-fit:cover;aspect-ratio:1.45;object-position:center 28%}.song-grid h2{margin-top:12px}.song-grid .arcade-card-body>p{margin-top:12px}
.account-shell{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:75px 6% 95px;margin:auto;align-items:start}.account-intro h1{font-size:clamp(58px,6vw,88px);letter-spacing:-2px;margin:26px 0}.account-intro h1 em{font-size:1em}.account-intro>p{font-size:14px;color:#aaa99f;max-width:310px}.account-intro>a{display:inline-block;margin-top:30px;font-size:11px;text-decoration:underline;text-underline-offset:6px}.account-intro .account-optional{font-size:10px;margin-top:65px;line-height:1.9}.account-panel{padding:30px;border:1px solid #45453e;background:#171716;min-width:0}.account-panel [hidden]{display:none!important}.account-tabs{display:flex;border-bottom:1px solid #41413a;margin-bottom:28px;gap:24px}.account-tabs button{border:0;background:transparent;color:#929288;font-size:11px;padding:0 0 15px}.account-tabs button[aria-pressed=true]{color:#e7e5df;border-bottom:1px solid #e7e5df}.account-panel h2{font:400 29px/1.2 Georgia,serif;letter-spacing:-.7px;margin-bottom:24px}.google-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px;background:#e7e5df;border:1px solid #e7e5df;color:#161615;font-size:12px}.google-button:hover{background:white}.google-button:disabled,.account-submit:disabled{cursor:default;opacity:.5}.account-divider{display:flex;gap:12px;align-items:center;color:#929288;font-size:10px;margin:24px 0}.account-divider:before,.account-divider:after{content:'';flex:1;height:1px;background:#3f3f38}.account-panel label{display:block;font-size:11px;margin:18px 0 8px}.account-panel input{width:100%;min-width:0;min-height:47px;background:#101010;color:#e7e5df;border:1px solid #55554c;border-radius:0;padding:12px;font:16px Arial,sans-serif}.account-panel input:focus-visible{outline:1px solid #e7e5df;outline-offset:2px}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:4px;top:4px;bottom:4px;width:45px;border:0;background:transparent;color:#aaa99f;font-size:11px}.account-panel small{font-size:10px;color:#aaa99f}.account-submit{width:100%;margin-top:24px;cursor:pointer}.account-fine{font-size:10px;color:#aaa99f;margin-top:18px;line-height:1.8}.account-fine a{text-decoration:underline;text-underline-offset:3px}.text-button{border:0;background:transparent;color:#bbb9b0;padding:0;font-size:10px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.account-notice{font-size:11px;color:#c9c7bc;border:1px solid #5a5a4e;padding:12px;margin-bottom:22px;line-height:1.7}.auth-status{font-size:12px;color:#d7d5ca;margin-top:18px;line-height:1.8;overflow-wrap:anywhere}.auth-status.error{color:#ffb5bb}.account-email{font-size:13px;color:#b9b7af;overflow-wrap:anywhere}.account-actions{display:grid;gap:12px;margin-top:28px}.reset-shell{max-width:560px;margin:60px auto;padding:0 22px}.reset-shell h1{font-size:52px;letter-spacing:-2px;line-height:1.05;margin:20px 0}.reset-shell p{font-size:12px;color:#aaa99f}.reset-shell .arcade-back{margin-bottom:24px}
@media(max-width:1100px){header{gap:18px}header nav{gap:17px;font-size:11px}header nav .artist-nav{padding-left:15px}.account-link{width:34px;height:34px}.arcade-card-heading{align-items:flex-start;flex-direction:column;gap:12px}.account-shell{gap:7%;padding-left:5.5%;padding-right:5.5%}}
@media(max-width:700px){header{height:auto;display:grid;grid-template-columns:1fr auto;padding:23px 7% 15px;gap:20px}.account-link{grid-column:2;grid-row:1}header nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;margin:0;flex-wrap:wrap;justify-content:flex-start;gap:9px 16px;font-size:10px}header nav .artist-nav{margin-left:auto;padding-left:12px;font-size:9px}.arcade-shell{padding:38px 7% 55px}.arcade-shell h1{font-size:53px;letter-spacing:-1.8px}.arcade-intro{font-size:12px;margin-bottom:28px}.arcade-grid{grid-template-columns:1fr;gap:22px}.arcade-card-body{padding:23px}.arcade-card h2{font-size:31px}.arcade-card-heading{flex-direction:row;align-items:center}.arcade-tag{font-size:6px}.arcade-card p{font-size:12px}.arcade-note{font-size:9px}.arcade-back{margin-bottom:24px}.account-shell{display:block;padding:38px 7% 55px}.account-intro h1{font-size:58px;margin:22px 0}.account-intro>p{font-size:12px}.account-intro>a{margin-top:20px}.account-intro .account-optional{margin-top:25px;font-size:10px}.account-panel{padding:24px}.account-shell .account-panel{margin-top:32px}.account-panel h2{font-size:28px}.song-grid .arcade-image img{aspect-ratio:1.4}}
@media(max-width:370px){header nav{gap:8px 12px}.arcade-card-heading{align-items:flex-start;flex-direction:column}.account-panel{padding:19px}}
@media(prefers-reduced-motion:reduce){.arcade-image img{transition:none}}

.song-locked .arcade-image img{filter:saturate(.45) brightness(.68)}.song-locked .release-date{font-size:10px;letter-spacing:1px;color:#ddd9ce}.release-preview{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;max-width:1000px}.release-preview>img{width:100%;max-height:520px;object-fit:contain}.release-preview h2{font-size:40px;letter-spacing:-1px;margin:25px 0 20px}.release-preview p{font-size:13px;color:#aaa99f;margin-bottom:28px}@media(max-width:700px){.release-preview{grid-template-columns:1fr;gap:28px}.release-preview h2{font-size:34px}.release-preview .button{width:100%}}
