.intro-panel{max-width:min(1050px,90vw);width:100%}.intro-panel h1{font-size:clamp(4rem,8vw,8rem)}
.character-select{border:0;padding:0;margin:1.2rem 0}.character-select legend{font-size:.58rem;text-transform:uppercase;letter-spacing:.18em;color:#d9ff43;margin-bottom:.65rem;font-weight:700}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;max-width:880px}.character-card{position:relative;height:180px;overflow:hidden;border:1px solid #333;background:#090909;color:#fff;text-align:left;padding:0;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.character-card:hover,.character-card:focus-visible{border-color:#ff4b12;transform:translateY(-3px)}.character-card.selected{border-color:#d9ff43;background:#111;box-shadow:inset 0 -4px #d9ff43}.character-art{position:absolute;inset:0 0 42px;background-repeat:no-repeat;background-size:contain;background-position:center bottom;opacity:.78;transition:opacity .2s,transform .2s}.character-card.selected .character-art{opacity:1;transform:scale(1.035)}.art-singer{background-image:url('../images/character-singer-v2.webp')}.art-bass{background-image:url('../images/character-bass.webp')}.art-drummer{background-image:url('../images/character-drummer.webp')}.art-guitar{background-image:url('../images/character-guitar.webp')}.character-card strong,.character-card small{position:absolute;z-index:2;left:10px}.character-card strong{bottom:22px;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem}.character-card small{bottom:8px;color:#888;font-size:.52rem}.character-card.selected small{color:#d9ff43}
@media(max-height:850px) and (min-width:701px){.intro-panel{top:52%}.intro-panel h1{font-size:4.4rem}.game-lead{margin:.7rem 0;font-size:1rem}.character-card{height:145px}.instructions{margin:.75rem 0}.intro-panel>small{margin-top:.5rem}}
@media(max-width:700px){.intro-panel{top:52%;overflow:auto;max-height:calc(100svh - 80px);padding-bottom:1rem}.intro-panel h1{font-size:3.5rem}.game-lead{font-size:.9rem;margin:.7rem 0}.character-grid{grid-template-columns:repeat(2,1fr)}.character-card{height:125px}.character-art{inset:0 0 36px}.instructions{margin:.7rem 0}.character-card strong{bottom:18px}.character-card small{bottom:5px}.intro-panel>small{display:none}}