.comp-tiles{display:grid;grid-template-columns:1fr;gap:.75rem}.comp-tile{background:var(--surface-light);border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;border:2px solid transparent;position:relative;overflow:hidden}.comp-tile:hover,.comp-tile:focus-visible{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-2px)}.comp-tile:active{transform:translateY(0)}.comp-tile-icon{width:3.5rem;height:3.5rem;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.comp-tile-icon.green{background:#22c55e26;color:#22c55e}.comp-tile-icon.blue{background:#3b82f626;color:#3b82f6}.comp-tile-icon.orange{background:#f9731626;color:#f97316}.comp-tile-icon.gray{background:#6b728026;color:#6b7280}.comp-tile-icon.red{background:#ef444426;color:#ef4444}.comp-tile-body{flex:1;min-width:0}.comp-tile-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.3}.comp-tile-desc{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.comp-tile-meta{display:flex;gap:.75rem;margin-top:.5rem;align-items:center;flex-wrap:wrap}.comp-tile-meta-item{display:flex;flex-direction:column;align-items:center}.comp-tile-meta-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.comp-tile-meta-label{font-size:.6875rem;color:var(--text-secondary);margin-top:.125rem}.comp-tile-arrow{color:var(--text-secondary);opacity:.4;transition:opacity .2s,transform .2s;flex-shrink:0}.comp-tile:hover .comp-tile-arrow{opacity:1;transform:translate(3px)}.comp-status-badge{font-size:.6875rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;white-space:nowrap;display:inline-block}.comp-status-badge.active{background:#00a86b2e;color:#00a86b}.comp-status-badge.upcoming{background:#6b72802e;color:#9ca3af}.comp-status-badge.completed{background:#3b82f62e;color:#3b82f6}.comp-status-badge.cancelled{background:#ef44442e;color:#ef4444}@media(max-width:768px){.competitions-page{padding:.75rem}}@media(max-width:600px){.comp-tile{padding:1rem 1.125rem;border-radius:14px}.comp-tile-icon{width:3rem;height:3rem;border-radius:12px;font-size:1.5rem}.comp-tile-title{font-size:1rem}.comp-tile-desc{font-size:.75rem}.comp-tile-meta-value{font-size:1rem}}