.challenge-create-page{padding:var(--space-2xl) 0}.challenge-create-form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.challenge-form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.challenge-form-group[hidden]{display:none}.challenge-form-label{font-weight:600;font-size:.95rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.difficulty-btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.difficulty-btn--active{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.challenge-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.challenge-type-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:var(--space-md);background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);transition:border-color .15s,background .15s}.challenge-type-btn:hover{border-color:var(--color-accent)}.challenge-type-btn--active{border-color:var(--color-accent);background:var(--color-accent-dim)}.challenge-type-icon{font-size:1.6rem}.challenge-type-name{font-size:.8rem;font-weight:600}.challenge-create-submit{width:100%;padding:var(--space-md);font-size:1rem}.challenge-create-submit:disabled{opacity:.45;cursor:not-allowed}.challenge-create-error{color:var(--color-error, #e55);font-size:.9rem;text-align:center}.challenge-guest-note{text-align:center;color:var(--color-text-muted);font-size:.95rem;margin-bottom:var(--space-sm)}.challenge-pending-section{margin-top:var(--space-2xl);border-top:1px solid var(--color-border);padding-top:var(--space-xl)}.challenge-pending-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.challenge-pending-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.challenge-row-link{display:grid;grid-template-columns:1fr minmax(140px,auto) auto;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s;gap:var(--space-md);flex:1;min-width:0}.challenge-row-vs{font-size:.9rem;color:var(--color-text-muted);text-align:center}.challenge-row-vs strong{color:var(--color-accent)}.challenge-row-vs--empty{font-style:italic}.challenge-row-link:hover{border-color:var(--color-accent)}.challenge-row-type{font-weight:500;font-size:.95rem}.challenge-play-page{padding:var(--space-xl) 0 var(--space-2xl)}.challenge-play-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.challenge-play-title{display:flex;align-items:center;gap:var(--space-md)}.challenge-play-icon{font-size:2.5rem}.challenge-play-title h1{margin:0;font-size:1.6rem}.challenge-play-meta{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.9rem}.challenge-puzzle-wrap{margin-top:var(--space-xs, .5rem)}.challenge-status-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:0}.challenge-status-loading{color:var(--color-text-muted);font-size:.9rem}.ch-card-header{font-weight:700;font-size:1.05rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);color:var(--color-accent)}.ch-await-wrap{display:flex;flex-direction:column;gap:var(--space-sm)}.ch-player--pending{opacity:.6}.ch-player-name--invite{font-style:italic;color:var(--color-text-muted);font-size:.85rem}.ch-await-msg{color:var(--color-text-muted);font-size:.9rem;margin:var(--space-sm) 0 0}.ch-link-row{display:flex;gap:var(--space-sm)}.ch-link-input{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);padding:.4rem .6rem;color:var(--color-text);font-size:.85rem;min-width:0}.ch-players{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.ch-player{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:.4rem}.ch-player-name{font-weight:600;font-size:.95rem}.ch-you{font-weight:400;color:var(--color-text-muted);font-size:.85rem}.ch-player-time{font-size:1.4rem;font-weight:700;color:var(--color-accent)}.ch-player-status{font-size:.85rem;color:var(--color-text-muted)}.ch-player-stats{font-size:.8rem;color:var(--color-text-muted);margin-top:.1rem}.ch-progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.25rem}.ch-progress-fill{height:100%;background:var(--color-accent);border-radius:4px;transition:width .4s ease}.ch-progress-pct{font-size:.8rem;color:var(--color-text-muted)}.ch-h2h-header{text-align:right}.ch-h2h-table{border-collapse:collapse;font-size:.875rem;min-width:160px}.ch-h2h-table th{padding:2px 10px;font-weight:600;font-size:1rem;text-align:center;border-bottom:1px solid var(--color-border);color:var(--color-accent)}.ch-h2h-table th:first-child{color:transparent;font-size:0}.ch-h2h-table th:first-child,.ch-h2h-table td:first-child{text-align:right;padding-right:var(--space-sm);padding-left:0}.ch-h2h-table td{padding:3px 10px;text-align:center}.ch-h2h-w{color:var(--color-accent);font-weight:600}.ch-h2h-l{color:var(--color-text-muted)}.ch-result{font-size:1.1rem;font-weight:700;text-align:center;padding:var(--space-sm) 0;color:var(--color-accent)}.ch-result-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-top:var(--space-sm)}.ch-whatsapp-btn{display:none;background-color:#25d366;border-color:#25d366;color:#fff;text-decoration:none}.ch-whatsapp-btn:hover{background-color:#1ebe5d;border-color:#1ebe5d;color:#fff}@media(pointer:coarse){.ch-whatsapp-btn{display:inline-flex;align-items:center}}.ch-taken-msg,.ch-error{color:var(--color-text-muted);font-size:.9rem}.challenges-list{display:flex;flex-direction:column;gap:var(--space-md)}.challenge-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.challenge-row-info{display:flex;flex-direction:column;gap:.2rem}.challenge-row-title{font-weight:600;font-size:.95rem}.challenge-row-meta{font-size:.82rem;color:var(--color-text-muted)}.challenge-row-outcome{font-weight:700;font-size:.9rem;padding:.2rem .6rem;border-radius:99px;white-space:nowrap;flex-shrink:0}.challenge-row-outcome--won{background:#00c9b126;color:var(--color-accent)}.challenge-row-outcome--lost{background:#c8505026;color:#e06060}.challenge-row-outcome--tied,.challenge-row-outcome--pending{background:#96969626;color:var(--color-text-muted)}.ch-options-container{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.ch-option-toggle{display:flex;align-items:center;gap:.5rem}.ch-opt-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border:2px solid var(--color-border);border-radius:99px;background:var(--color-bg-surface);color:var(--color-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.ch-opt-btn--active{border-color:var(--color-accent);background:var(--color-accent-dim);color:var(--color-text)}.ch-opt-btn:hover{border-color:var(--color-accent)}.ch-option-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.ch-option-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:99px;font-size:.78rem;font-weight:600;vertical-align:middle}.ch-option-badge--on{background:#00c9b126;color:var(--color-accent)}.ch-option-badge--off{background:#9696961f;color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:var(--color-text-muted)}.mj-ch-hidden{display:none!important}@media(max-width:480px){.challenge-type-grid{grid-template-columns:repeat(2,1fr)}.ch-players{grid-template-columns:1fr}.ch-link-row{flex-direction:column}.ch-h2h-header{width:100%;display:flex;justify-content:center}.challenge-row-link{grid-template-columns:1fr auto;grid-template-rows:auto auto}.challenge-row-type{grid-column:1;grid-row:1}.challenge-row-vs{grid-column:1;grid-row:2;text-align:left}.challenge-row-outcome{grid-column:2;grid-row:1 / 3;align-self:center}}