:root{--brand-gold:#edca78;--brand-purple:#b397ef}
.free-test-note #copy-game-link{margin-top:8px;min-height:44px;width:100%}.free-test-note #share-status:empty{display:none}#share-link-fallback{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.7;color:var(--brand-gold)}#share-link-fallback[hidden]{display:none}
body{background:radial-gradient(ellipse at 8% 0%,#29203b55,transparent 48%),radial-gradient(ellipse at 90% 20%,#4c342022,transparent 46%),#090c15}
.brand{gap:12px}.brand-logo{display:block;object-fit:cover;border-radius:13px;border:1px solid #d5ad5755;box-shadow:0 0 24px #a577c526}.brand strong{color:var(--brand-gold)}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.2px;color:#b8a5d1;margin-top:5px}
.brand-eyebrow{color:var(--brand-gold)!important;letter-spacing:2px!important}
.host-welcome{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:12px;align-items:center;position:relative;background:linear-gradient(125deg,#201a32b8,#15151b40);border:1px solid #aa82d82c;border-radius:18px;padding:18px 16px;overflow:hidden}
.host-welcome h1{font-size:29px;line-height:1.28;margin:0;letter-spacing:-.8px}.host-welcome h1 span{color:var(--brand-gold)}#host-line{font-size:10px;color:#c2b7d2;line-height:1.65;margin:12px 0 0}.host-portrait{width:104px;height:150px;object-fit:cover;object-position:50% 26%;border-radius:52px 52px 14px 14px;border:1px solid #dfb86566;box-shadow:0 0 35px #cba65418}.intro-copy{margin-top:15px}
.track-card{grid-template-columns:76px minmax(0,1fr) 14px;gap:15px;min-height:100px;background:linear-gradient(115deg,#1b1928a0,#11151dc0);border-color:#ffffff13}.track-card[aria-pressed=true]{background:linear-gradient(110deg,rgba(var(--rgb),.09),#15151fc0);box-shadow:0 0 24px rgba(var(--rgb),.055)}.cover{width:76px;height:76px;aspect-ratio:1;border-radius:9px;overflow:hidden;border:1px solid #ffffff22;background:#0c1019!important}.cover:before,.cover:after{display:none}.cover img{display:block;width:100%;height:100%;object-fit:contain}.cover.has-art .symbol{display:none}.track-name{font-size:13px;line-height:1.45}.track-character{color:#c1b0dc;font-size:8px;letter-spacing:1.4px}
.stage{background:#0a0d16;border-color:#b699d32e;box-shadow:0 12px 70px #0005}
@media(max-width:1000px) and (min-width:721px){.host-welcome{grid-template-columns:minmax(0,1fr) 82px;padding:15px 12px;gap:9px}.host-portrait{width:82px;height:128px}.host-welcome h1{font-size:25px}.track-card{grid-template-columns:66px minmax(0,1fr) 10px;gap:11px}.cover{width:66px;height:66px}}
@media(max-width:720px){.brand-logo{width:39px;height:39px;border-radius:11px}.brand{gap:10px}.brand small{font-size:6px;letter-spacing:1.6px}.host-welcome{grid-template-columns:minmax(0,1fr) 100px;padding:16px}.host-portrait{width:100px;height:138px}.host-welcome h1{font-size:28px}.track-card{grid-template-columns:72px minmax(0,1fr) 14px;min-height:94px;padding:10px 12px;gap:13px}.cover{height:72px;width:72px}}
@media(max-width:360px){.host-welcome{grid-template-columns:minmax(0,1fr) 78px;padding:13px}.host-portrait{width:78px;height:128px}.host-welcome h1{font-size:24px}.track-card{grid-template-columns:62px minmax(0,1fr) 10px;gap:11px}.cover{width:62px;height:62px}.track-name{font-size:12px}}

@media(max-width:720px){.host-welcome{grid-template-columns:minmax(0,1fr) 88px;gap:10px;padding:14px}.host-portrait{width:88px;height:126px}.host-welcome h1{font-size:26px}}

.brand-logo{object-fit:contain;background:#0b1420;padding:3px}.host-portrait{height:104px;object-fit:contain;object-position:center;border-radius:50%}@media(max-width:1000px) and (min-width:721px){.host-portrait{height:82px}}@media(max-width:720px){.host-portrait{height:88px}}