.color-clash-app{color:#e2e8f0;background:radial-gradient(circle at top,#050817,#01030a 70%);min-height:100vh;padding:2rem 1rem 3rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.color-clash-container{gap:1.5rem;width:min(960px,100%);margin:0 auto;display:grid}.color-clash-card{background:#0f172aeb;border:1px solid #94a3b859;border-radius:24px;gap:1.25rem;padding:1.75rem;display:grid;box-shadow:0 28px 80px #00000073}.color-clash-card--arena{gap:1.5rem}.color-clash-stage{text-align:center;background:#080c1cbf;border:1px solid #94a3b859;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:320px;padding:1.5rem;display:flex}.color-clash-actions{flex-wrap:wrap;gap:.75rem;display:flex}.color-clash-actions button,.color-clash-actions a{cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.4rem;font-weight:600}.color-clash-actions button.primary{color:#03111c;background:#38bdf8}.color-clash-actions button.secondary{color:#e2e8f0e6;background:0 0;border:1px solid #94a3b866}.color-clash-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;display:grid}.color-clash-metric{text-align:center;background:#080c1cbf;border:1px solid #94a3b84d;border-radius:16px;padding:.85rem 1rem}.color-clash-metric span.label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8e6;font-size:.75rem;display:block}.color-clash-metric span.value{color:#f8fafc;font-size:1.35rem;font-weight:600;display:block}.color-clash-board{border:1px solid #94a3b859;border-radius:24px;width:min(420px,90vw);height:120px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #02061799}.color-clash-board--horizontal{grid-template-columns:repeat(5,1fr)}.color-clash-strip{cursor:pointer;border:none;border-right:1px solid #0f172a26;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 80ms,opacity .1s;display:flex}.color-clash-strip:last-child{border-right:none}.color-clash-strip:hover{opacity:.95;transform:scale(1.02)}.color-clash-word-inline{text-transform:uppercase;text-shadow:0 6px 30px #00000073;margin:.5rem 0 0;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800}.color-clash-tip{color:#94a3b8e6;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.95rem}.color-clash-status{color:#e2e8f0e6;margin:0;font-size:1.1rem}.color-clash-link{color:#e2e8f0e6;border:1px solid #94a3b866;border-radius:999px;justify-content:center;padding:.65rem 1.4rem;font-weight:600;text-decoration:none;transition:border .2s,color .2s;display:inline-flex}.color-clash-link:hover{color:#f8fafc;border-color:#94a3b899}@media (max-width:640px){.color-clash-card{padding:1.25rem}.color-clash-board{width:min(320px,100%);height:100px}}