.mp-lobby{max-width:34rem;margin:0 auto}.mp-step{display:flex;flex-direction:column;align-items:center;gap:.6rem}.mp-step-label{font-size:1rem;font-weight:800;color:var(--color-text);margin-bottom:.2rem}.mp-wizard-btn{min-width:9rem;font-size:1rem;padding:.8rem 1.4rem}.mp-input{font-family:var(--font-body);font-size:1rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%;max-width:15rem}.mp-input--code{max-width:9rem;text-align:center;text-transform:uppercase;letter-spacing:.25em;font-size:1.2rem}.mp-lobby .btn-row{justify-content:center}.mp-step--waiting{text-align:center}.mp-room-code-line{font-size:1.05rem;color:var(--color-muted)}.mp-room-code{font-family:var(--font-mono);font-weight:700;font-size:1.6rem;letter-spacing:.2em;color:var(--color-secondary);text-shadow:0 0 18px color-mix(in srgb,var(--color-secondary) 45%,transparent)}.mp-roster{width:100%;max-width:15rem;list-style:none;padding:0;margin:.8rem 0;display:flex;flex-direction:column;gap:.4rem}.mp-roster li{position:relative;background:var(--color-surface-2);border-radius:var(--radius-sm);padding:.5rem .9rem .5rem 1.5rem;font-weight:600}.mp-roster li::before{content:"";position:absolute;left:.7rem;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background:var(--color-secondary)}.mp-roster-team-heading{background:0 0!important;padding:.6rem 0 .1rem!important;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.mp-roster-team-heading::before{content:none!important}.mp-roster-team-heading:first-child{padding-top:0!important}.mp-team-count-label,.mp-mistake-penalty-seconds-label{font-size:.9rem;font-weight:700;color:var(--color-text)}.mp-mistake-penalty-toggle{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--color-text);cursor:pointer}.mp-mistake-penalty-toggle input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--color-secondary);cursor:pointer}.mp-input--team-count,.mp-input--mistake-penalty-seconds{max-width:6rem}.mp-error{color:#c0472a;min-height:1.2em;text-align:center;font-size:.9rem}.mp-choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}@media(max-width:480px){.mp-choice-cards{grid-template-columns:1fr}}.mp-choice-card{--c:var(--color-secondary);display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;text-align:left;font-family:var(--font-body);cursor:pointer;padding:1.4rem 1.2rem;border-radius:var(--radius-lg);border:2px solid color-mix(in srgb,var(--c) 45%,var(--color-border));background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 12%,transparent),var(--shadow-sm);transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease}.mp-choice-card:hover{transform:translateY(-4px);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent),var(--shadow-md)}.mp-choice-card:active{transform:translateY(-1px)}.mp-choice-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 16%,var(--color-surface));color:var(--c)}.mp-choice-card-icon svg{width:24px;height:24px}.mp-choice-card-title{font-size:1.1rem;font-weight:800;color:var(--color-text)}.mp-choice-card-byline{font-size:.85rem;color:var(--color-muted)}.mp-option-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;width:100%}@media(min-width:460px){.mp-step--mode .mp-option-cards{grid-template-columns:repeat(3,1fr)}}.mp-option-card{--c:var(--color-secondary);display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;font-family:var(--font-body);cursor:pointer;padding:1rem .6rem;border-radius:var(--radius-md);border:2px solid color-mix(in srgb,var(--c) 45%,var(--color-border));background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 10%,transparent);transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease}.mp-option-card:hover{transform:translateY(-3px);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 20%,transparent),var(--shadow-sm)}.mp-option-card:active{transform:translateY(-1px)}.mp-option-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 16%,var(--color-surface));color:var(--c)}.mp-option-card-icon svg{width:20px;height:20px}.mp-option-card-title{font-size:.95rem;font-weight:800;color:var(--color-text)}.mp-option-card-byline{font-size:.75rem;color:var(--color-muted);line-height:1.3}