.club-page{max-width:1180px;color:var(--foreground);margin:auto;padding:28px clamp(16px,4vw,48px) 70px}.club-page>header{margin:24px 0}.club-page h1{margin:12px 0;font-size:clamp(30px,5vw,54px);line-height:1.1}.club-page h2{margin:0 0 15px;font-size:26px}.club-page h3{font-size:21px}.club-page p{font-size:16px;line-height:1.65}.club-links{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.club-links a{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;padding:12px 16px;font-size:15px;font-weight:700;text-decoration:none}.club-panel{border:1px solid var(--border);background:var(--card);border-radius:14px;margin:24px 0;padding:26px}.club-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px;display:grid}.club-grid>article,.club-card{background:var(--secondary);border:1px solid var(--border);color:var(--foreground);border-radius:10px;padding:20px}.club-card{gap:10px;text-decoration:none;display:grid}.club-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.club-page label{gap:8px;margin:12px 0;font-size:16px;display:grid}.club-page input:not([type=checkbox]),.club-page textarea,.club-page select{background:var(--background);color:var(--foreground);border:1px solid var(--border);font:inherit;border-radius:6px;max-width:100%;padding:12px}.club-page button,.club-page .primary{background:var(--primary);min-height:44px;color:var(--primary-foreground);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:12px 18px;font-size:15px;font-weight:750;text-decoration:none}.club-page button:disabled{opacity:.5;cursor:default}.club-page :focus-visible{outline-offset:3px;outline:3px solid #c69428}.club-page progress{accent-color:#45bc99;width:100%;height:14px}.club-success{color:var(--foreground);border-left:4px solid #45bc99;padding:14px;font-weight:800}.club-badges{flex-wrap:wrap;gap:14px;display:flex}.club-badges>div{text-align:center;background:var(--secondary);border:1px solid #a98b42;border-radius:10px;gap:8px;min-width:160px;padding:18px;display:grid}.club-badges strong{color:#bd9230;font-size:32px}.club-badges span{font-size:14px}.club-file input{max-width:230px}.club-preview-pet{background:#283550;border:4px solid #edc769;border-radius:50%;width:180px;height:180px;margin:20px auto;overflow:hidden}.club-preview-pet img{object-fit:cover;width:100%;height:100%}.club-map{background:#19212a;max-width:800px;margin:20px auto;position:relative}.club-map>img{object-fit:cover;width:100%;max-height:540px;display:block}.club-map button{border:2px solid #ffe3a0;position:absolute;transform:translate(-50%,-50%);color:#fff!important;background:#14272eed!important}.club-story-art{object-fit:cover;border-radius:8px;width:100%;max-height:350px}.challenge-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;max-width:650px;margin:20px auto;display:grid}.club-page .challenge-grid button{aspect-ratio:1;background:var(--secondary);min-height:0;color:var(--foreground);border-radius:3px;padding:0;font:800 clamp(12px,2.8vw,20px)/1 monospace}.club-page .challenge-grid button.found{color:#fff;background:#316d60}.club-page .challenge-grid button.selected{outline:3px solid #ddae40}.club-url{overflow-wrap:anywhere;font-size:14px}.club-page .club-check{align-items:flex-start;gap:10px;display:flex}.club-check input{margin-top:5px}.club-choice{gap:10px;margin-top:18px;display:grid}.club-wordlist{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.club-wordlist li{background:var(--secondary);border-radius:6px;padding:8px 12px}.club-wordlist li.done{opacity:.6;text-decoration:line-through}@media (max-width:600px){.club-panel{padding:18px}.club-links{gap:8px}.club-links a{padding:10px;font-size:14px}.club-badges>div{flex:1;min-width:130px}.club-map button{padding:8px;font-size:12px}.club-page h2{font-size:23px}}
