.challenge-hero{background:#ffe000;border:3px solid #111;box-shadow:7px 7px 0 #111;padding:clamp(24px,5vw,56px);margin:12px 8px 36px 0}.challenge-hero h1{font-size:clamp(42px,7vw,82px);line-height:.94;margin:16px 0}.challenge-hero p{font-weight:700;max-width:650px}.challenge-card{border:3px solid #111;background:#f7f4ea;padding:24px;margin:24px 0;box-shadow:5px 5px 0 #111}.challenge-card h2{overflow-wrap:anywhere;font-size:clamp(24px,4vw,40px)}.challenge-card h2 em{display:inline-block;background:#111;color:#ffe000;padding:4px 10px;font-style:normal;transform:rotate(-5deg)}.invite-tools{display:flex;align-items:end;gap:12px;margin-top:18px}.invite-tools label{flex:1;min-width:0}.invite-tools input{width:100%;font-size:13px}.lineup-open{background:transparent;border:0;color:inherit;text-align:left;padding:0;font:inherit;font-weight:800;box-shadow:none}.lineup-open span{display:block;font-size:12px;text-decoration:underline;margin-top:5px}.challenge-user{display:inline-block;font-size:12px;margin-top:5px}.lineup-open:focus-visible{outline:3px solid #111;outline-offset:4px}#board-area details{scroll-margin-top:20px}#challenge-create{max-width:700px}.challenge-card .actions{flex-wrap:wrap}@media(max-width:600px){.invite-tools{display:block}.invite-tools button{margin-top:8px}.challenge-card{padding:16px}.challenge-card .actions a,.challenge-card .actions button{white-space:normal}}
