.cmp-page{background:var(--white);min-height:100vh;padding:32px 0 60px}.cmp-container{max-width:960px;margin:0 auto;padding:0 24px}.cmp-back{font-family:var(--font-mono);color:#0a0a0a8c;align-items:center;gap:4px;margin-bottom:12px;font-size:12px;text-decoration:none;display:inline-flex}.cmp-back:hover{color:var(--ink)}.cmp-h1{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:32px;font-weight:600}.cmp-lead{color:#0a0a0aa6;max-width:580px;margin:0 0 32px;font-size:14px;line-height:1.5}.cmp-section{margin-bottom:36px}.cmp-section__h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a8c;margin:0 0 12px;font-size:12px;font-weight:700}.cmp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.cmp-card{border:1px solid var(--line);background:var(--white);color:inherit;border-radius:10px;flex-direction:column;gap:10px;padding:16px;text-decoration:none;transition:all .12s;display:flex}.cmp-card:hover{border-color:var(--ink);transform:translateY(-1px)}.cmp-card[data-status=resolved]{background:#0a0a0a05}.cmp-card__top{align-items:center;gap:10px;display:flex}.cmp-card__icon{background:var(--blue);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.cmp-card__icon svg{display:block}.cmp-card__title{font-family:var(--font-display);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:inline-flex}.cmp-card__joined-pill{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0b9b57;background:#0b9b571a;border:1px solid #0b9b5747;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.cmp-card__sub{font-family:var(--font-mono);color:#0a0a0a8c;margin:0;font-size:11px}.cmp-card__desc{color:#0a0a0ab3;margin:0;font-size:13px;line-height:1.4}.cmp-card__meta{font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.cmp-card__prize{color:var(--orange);align-items:center;gap:5px;font-weight:600;display:inline-flex}.cmp-card__prize svg{color:var(--orange)}.cmp-card__cta{background:var(--ink);color:var(--white);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.cmp-card[data-status=resolved] .cmp-card__cta{background:var(--white);color:#0a0a0a99;border:1px solid var(--line)}.cmp-detail-hero{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:24px;padding:20px 24px;display:grid}.cmp-detail-hero__icon{background:var(--blue);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:inline-flex}.cmp-detail-hero__title{font-family:var(--font-display);color:var(--ink);margin:0 0 4px;font-size:22px;font-weight:600}.cmp-detail-hero__sub{font-family:var(--font-mono);color:#0a0a0a8c;margin:0;font-size:12px}.cmp-detail-hero__action{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.cmp-detail-hero__prize{font-family:var(--font-mono);color:var(--orange);font-size:12px;font-weight:600}.cmp-detail-hero__join{background:var(--orange);color:var(--white);font-family:var(--font-display);cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.cmp-detail-hero__join:disabled{background:var(--ink);cursor:not-allowed;opacity:.7}.cmp-board{flex-direction:column;gap:6px;display:flex}.cmp-board__row{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.cmp-board__row[data-rank="1"]{background:#ffe0822e;border-color:#ffc34b66}.cmp-board__row[data-rank="2"]{background:#dcdcdc40;border-color:#b4b4b480}.cmp-board__row[data-rank="3"]{background:#e8c3912e;border-color:#cd915a66}.cmp-board__row[data-you=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.cmp-board__rank{font-family:var(--font-mono);color:#0a0a0a8c;text-align:center;font-size:14px;font-weight:700}.cmp-board__row[data-you=true] .cmp-board__rank{color:var(--white)}.cmp-board__name{font-family:var(--font-display);font-size:14px;font-weight:600}.cmp-board__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}@media (max-width:768px){.cmp-page{padding:16px 0 60px}.cmp-container{padding:0 16px}.cmp-h1{font-size:24px}.cmp-detail-hero{grid-template-columns:auto 1fr;gap:12px;padding:16px}.cmp-detail-hero__action{grid-column:1/-1;align-items:stretch}.cmp-detail-hero__join{width:100%}}