/* Music street: cel outlines, illustrated scenery, record labels and concert tickets. */
:root{--paper:#fff2de;--white:#fffaf0;--ink:#452049;--blue:#8f57b7;--blue-dark:#553069;--orange:#ff5a81;--yellow:#ffe078;--muted:#c8b2d8;--mint:#61e3c6}
body{background:#8f57b7}
.icon-button{background:#674080;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--white);border-radius:4px}
.game-logo{filter:drop-shadow(4px 5px 0 var(--ink))}
.subtle{color:#e0cdeb}
kbd{background:#452049;color:var(--white);border-color:#b998c8}
.button.secondary{background:#674080;border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.button.secondary:hover{background:#8f57b7}
.home-view{background:linear-gradient(105deg,#8c4caa 0%,#ae62bf 45%,#ff92a9 100%)}
.home-view:before{content:"";position:absolute;inset:0;background:url("assets/pop-stage/sunset-city.webp") center/cover;opacity:.29;pointer-events:none}
.home-view:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7e459ef5 0%,#8b459bcc 40%,transparent 75%);z-index:0;pointer-events:none}
.home-copy{z-index:2}.home-copy h1{text-shadow:5px 6px 0 var(--ink)}.home-copy>p{color:#fff2de}
#home-mascot{z-index:1}.home-foot{color:var(--paper)}.home-ticket{background:var(--mint);border-color:var(--ink)}
.home-orbit{color:#fff0cf26;-webkit-text-stroke:2px #fff2de35;z-index:1}
.mode-card{border:3px solid var(--ink);background:#fff2de;color:var(--ink);box-shadow:6px 7px 0 var(--ink);border-radius:2px}
.mode-card.tour-mode{background:var(--yellow)}.mode-card small,.mode-card em{color:#795178}
.mode-card:hover{background:var(--mint)}.mode-number{color:#ac63b5}.mode-card .icon{color:var(--ink)}
.lobby-backdrop{background:linear-gradient(125deg,#8c4caa,#664985)}
.lobby-backdrop:before{background:#ffeacb;border-color:var(--mint);box-shadow:18px 0 0 var(--ink),32px 0 0 #ff5a8170}
.lobby-backdrop .sweep{background:#f7e7ce10}
.screen-heading h1{text-shadow:4px 5px 0 var(--ink)}
.background-word{-webkit-text-stroke:2px #ffecdb24}
.wheel-caption>span:last-child{color:#f3deff}
.track-row{background:#664080;border-color:#ab7abd;box-shadow:5px 5px 0 var(--ink)}
.track-row:hover{background:#815094;border-color:var(--mint)}
.track-no{color:#ca9eda}.track-row[aria-pressed="true"] .track-no{color:#c8477b}
.track-record{background:repeating-radial-gradient(circle,#452049 0 4px,#755987 5px 6px,#452049 7px 9px)}
.import-button,.wheel-stepper button{background:#613c77;border-color:#ba92cf;box-shadow:3px 3px 0 var(--ink)}
.import-button:hover,.wheel-stepper button:hover{background:#dc4f87}
.queue-button{background:var(--mint);box-shadow:3px 3px 0 var(--ink)}
.selection-dock{background:#fff2de;border-color:var(--ink);color:var(--ink)}
.song-selection .selected-label,.song-selection>p{color:#765779}
.difficulty{border-color:#bc9cb8}.difficulty button{background:#674080;color:#fff2de}
.difficulty button[aria-pressed="true"]{background:var(--mint);color:var(--ink);border-color:var(--ink)}
.launch-button{background:var(--orange);color:var(--white);border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}
.launch-button:hover{background:#e84176}.launch-button strong{text-shadow:3px 3px 0 var(--ink)}
.control-dock{background:#452049;color:#f6e4f5}
.analysis-view{background:repeating-conic-gradient(from 12deg at 50% 48%,#9c56b1 0 20deg,#ad65bb 20deg 40deg)}
.analysis-view>#cancel-analysis{background:#664080;border-color:var(--mint)}
.record{background:repeating-radial-gradient(circle,#452049 0 9px,#6c467a 10px 12px)}
.record-label{background:var(--coral,var(--orange));color:var(--white)}
.progress-track{background:#51305f;border-color:var(--ink)}
.progress-track i{background:var(--mint)}
.report-view{background:repeating-linear-gradient(-30deg,#80519e 0 150px,#9160ae 151px 240px)}
.report-main h1{text-shadow:4px 5px 0 var(--ink)}.report-main .artist-line{color:#f4dffb}
.report-numbers strong{color:var(--mint)}
.report-aside{background:#45204920;border-color:#c9a6d055}
.ready-shout{color:var(--yellow);text-shadow:5px 6px 0 var(--ink)}
.loadout-picker select{background:#583366;color:var(--white);border:2px solid var(--ink)}
.starter-art{width:60px;height:60px;object-fit:contain;float:right;margin:0 0 5px 9px;filter:drop-shadow(2px 3px 0 #45204955)}
.loadout-picker summary{color:var(--mint)}
.play-style-picker button{background:#674080;border-color:#c392d0}
.play-style-picker button[aria-pressed="true"]{background:var(--mint);color:var(--ink);border-color:var(--ink)}
.character-view{background:repeating-conic-gradient(from 0deg at 72% 58%,#a460b3 0 20deg,#b773c0 20deg 40deg)}
.character-view:before{content:"";position:absolute;right:0;top:0;bottom:0;width:52%;background:url("assets/pop-stage/candy-park.webp") center/cover;opacity:.23;pointer-events:none}
.character-copy h1{text-shadow:5px 6px 0 var(--ink)}
.character-roster button,.pose-buttons button{background:#674080;border-color:#d9b4df;box-shadow:3px 3px 0 var(--ink)}
.character-roster button[aria-pressed="true"],.pose-buttons button[aria-pressed="true"]{background:var(--mint);color:var(--ink);border-color:var(--ink)}
#pose-description{color:#fae9ff}
.game-view{background:#352b49}
.game-hud,.game-sidebar,.stage-bottom{color:#fff2de;text-shadow:0 2px 2px #24192f}
.hp-block b,.side-live strong{color:var(--yellow)}
.hp-track,.xp-track,.overdrive-track{background:#452049;border-color:#22132a}
.hp-track i{background:var(--mint)}.xp-track i{background:var(--yellow)}.song-progress i{background:#ad79cb}
.combo-hud strong{color:var(--yellow);-webkit-text-stroke:2px var(--ink)}
.combo-hud small{color:#fff2de}.combo-hud #hud-judge{color:var(--mint);text-shadow:2px 3px 0 var(--ink)}
.boss-hud>div{background:#452049;border-color:#22132a}.boss-hud i{background:var(--orange)}
.weapon-row{background:#45204936;border-bottom-color:#d3abd344}
.weapon-glyph{background:#fff2de;border:2px solid var(--ink);border-radius:4px;display:grid;place-items:center;padding:2px}
.weapon-art{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0}
.weapon-glyph .weapon-art{width:38px;height:38px}
.weapon-row small{color:#e4cce9}
.shop-button{background:var(--mint);box-shadow:4px 4px 0 var(--ink)}
.shop-button.has-points{background:var(--yellow)}
.equipment-shop{background:#fff2defa;border-color:var(--ink);box-shadow:7px 7px 0 #22132a88}
.shop-heading h2{color:var(--ink)}.shop-heading p{color:#86489a}
.shop-item{border:2px solid #c4a6bf;background:#fffaf0;padding:10px 8px}
.shop-item i{width:44px}.shop-item>b{color:#8b448f}
.shop-item:not(:disabled):hover{background:#e2fae9;border-color:var(--ink)}
.shop-item:disabled{background:#e4d7e4;opacity:.55}
.mix-status{color:var(--mint);text-shadow:0 2px 2px #24192f}
.result-view{background:repeating-conic-gradient(from 5deg at 28% 58%,#9755b0 0 15deg,#ab69bd 15deg 30deg)}
.poster-left{background:var(--mint);color:var(--ink)}.poster-right{background:var(--paper);color:var(--ink)}
.grade-mark{color:#e64783;text-shadow:5px 6px 0 var(--ink)}
.result-build .pill{display:inline-flex;align-items:center;gap:6px;background:#f0d7e9;border-color:#bd92bc}
.result-build .weapon-art{width:34px;height:34px}
dialog{background:#80519e;border-color:var(--ink);color:var(--white)}
dialog::backdrop{background:#251530db}
.gesture-check{background:#613c77;border-color:var(--mint)}.gesture-check[data-steering="true"]{background:#9c59ad}
.how-steps b{color:var(--mint)}
.queue-list button{border-color:#d4abd9}.queue-list button:not(:disabled):hover{background:var(--orange)}
.section-segment{border-color:#45204940}
.campaign-view{background:#82539e}
.tour-card{background:#674080;border:3px solid var(--ink);box-shadow:5px 6px 0 var(--ink);overflow:hidden;isolation:isolate}
.tour-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#452049e8,#452049a0),url("assets/pop-stage/sunset-city.webp") center/cover}
.tour-card:nth-child(3n+2):before{background-image:linear-gradient(90deg,#452049e8,#452049a0),url("assets/pop-stage/neon-city.webp")}
.tour-card:nth-child(3n):before{background-image:linear-gradient(90deg,#452049e8,#452049a0),url("assets/pop-stage/candy-park.webp")}
.tour-card[data-current="true"]{background:var(--paper);color:var(--ink);box-shadow:5px 6px 0 var(--ink),9px 10px 0 var(--mint)}
.tour-card[data-current="true"]:before{opacity:.1}
.tour-card-top b{color:var(--mint)}.tour-card[data-current="true"] .tour-card-top b{color:var(--orange)}
.tour-card:disabled{opacity:.65}.tour-loadout{display:flex;align-items:center;gap:8px}.tour-loadout .weapon-art{width:34px;height:34px}
.tour-intro,.tour-footer{color:#f3dfed}
@media(max-width:800px){
  .weapon-art{width:36px;height:36px}.shop-item i{width:36px}
  .home-view:before{background-position:68% center}.home-view:after{background:linear-gradient(90deg,#87479fdc,#87479f55)}
  .starter-art{width:49px;height:49px}
}
@media(max-width:550px){.home-copy h1{font-size:36px;max-width:74%}}