@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Archivo+Black&display=swap";:root{font-family:Space Grotesk,Archivo Black,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at 15% 20%,rgba(255,213,171,.2),transparent 25%),radial-gradient(circle at 80% 0%,rgba(102,211,196,.35),transparent 25%),radial-gradient(circle at 50% 75%,rgba(255,138,76,.25),transparent 35%),#0a101d;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:transparent;color:#e2e8f0}#app{max-width:1200px;margin:0 auto;padding:32px 24px 64px}h1,h2,h3{margin:0;letter-spacing:-.01em;color:#f8fafc}.page{display:flex;flex-direction:column;gap:18px}.hero{background:linear-gradient(135deg,#0ea5e92e,#10b98133);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0003;border-radius:18px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.title-row{display:grid;grid-template-columns:1fr;gap:8px}.title-input{font-size:28px;font-weight:800;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f8fafc;padding:12px 14px;border-radius:12px}.slug-input{font-size:14px;letter-spacing:.05em;text-transform:uppercase;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);color:#cbd5e1;padding:10px 12px;border-radius:10px}.badge{padding:10px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);font-weight:600;color:#94a3b8;letter-spacing:.03em;text-transform:uppercase;font-size:12px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:#94a3b8;margin:0 0 4px}.subtitle{color:#cbd5e1;margin:6px 0 0;max-width:780px}.phase-chip{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f172a8c;color:#e2e8f0;font-weight:600}.phase-rail{display:flex;gap:10px;overflow-x:auto;padding:6px 0 2px}.phase-dot{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0a;border-radius:999px;border:1px solid rgba(255,255,255,.07);color:#cbd5e1;white-space:nowrap}.phase-dot .dot{width:12px;height:12px;border-radius:50%;background:#64748b;box-shadow:0 0 0 6px #ffffff0a}.phase-dot.active{background:linear-gradient(90deg,#0ea5e9,#22c55e);color:#0f172a;font-weight:700}.phase-dot.active .dot{background:#0f172a;box-shadow:0 0 0 6px #ffffff47}.phase-dot.done .dot{background:#22c55e}.panel{background:#0f172ac7;border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 80px #00000038;position:relative}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}.panel.side{background:#ffffff0a;border:1px dashed rgba(255,255,255,.08);padding:14px}.teams-grid{display:flex;flex-direction:column;gap:10px;margin-top:12px}.team-row{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.team-row.dragging{opacity:.7;border-style:dashed}.handle{cursor:grab;color:#cbd5e1;font-size:18px;padding:8px;border-radius:10px;background:#ffffff0a}.team-thumb{width:54px;height:54px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#22c55e40,#0ea5e940);border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:#0f172a;font-weight:700;font-size:18px}.team-thumb img{width:100%;height:100%;object-fit:cover;display:block}.team-thumb.big{width:290px;height:290px}.team-thumb.small{width:48px;height:48px}.inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94a3b8}input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0;font-size:15px}input:focus{outline:2px solid #0ea5e9;border-color:transparent}button{border:none;cursor:pointer;border-radius:12px;font-weight:700;font-size:14px;color:#0b1221;transition:all .2s ease;padding:10px 14px}button.primary{background:linear-gradient(120deg,#0ea5e9,#22c55e);color:#0b1221;box-shadow:0 10px 25px #0ea5e940}button.primary.subtle{margin-top:6px;background:#22c55e26;color:#22c55e;box-shadow:none;border:1px solid rgba(34,197,94,.35)}button.ghost{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}button.ghost.subtle{opacity:.8;border-style:dashed}button.pill{background:#0ea5e92e;color:#e0f2fe;border:1px solid rgba(14,165,233,.3)}button:hover{transform:translateY(-1px);filter:brightness(1.05)}.team-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#ffffff08;border-radius:12px;padding:10px 12px;border:1px solid transparent;cursor:pointer}.team-card .info{display:flex;flex-direction:column;gap:3px}.team-card .points{font-weight:800;color:#fbbf24}.team-card .points.bold{font-size:18px}.team-card.active{border-color:#0ea5e973;background:linear-gradient(90deg,#0ea5e926,#22c55e1f)}.team-card.highlight{border-color:#0ea5e966;background:linear-gradient(120deg,#22c55e33,#0ea5e92e)}.team-card.jumbo{padding:18px 20px;gap:16px}.active-name{font-size:26px;line-height:1.1}.team-card.highlight.wide{width:100%}.link{background:none;border:none;color:#cbd5e1;padding:6px 8px;text-decoration:underline}.link.danger{color:#fda4af}.active-team,.active-timer{display:flex;flex-direction:column;gap:12px}.controls{display:flex;flex-direction:row;justify-content:space-evenly;gap:8px}.controls .buttons{display:flex;gap:8px;flex-wrap:wrap}.inline{display:inline-flex;align-items:center;gap:8px}.unit{color:#94a3b8;font-weight:700}.nav{display:flex;gap:10px}.list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow:auto;padding-right:4px}.muted{color:#94a3b8}.points,.timer{font-size:28px;font-weight:800;letter-spacing:.02em;color:#fcd34d;margin:6px 0 0}.timer{font-size:36px}.winners{display:flex;flex-direction:column;gap:10px;margin-top:12px}.winner-card{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px}.winner-card.champion{background:linear-gradient(120deg,#facc152e,#22c55e1f);border-color:#facc1559}.finale-inactive{opacity:.45;filter:grayscale(.8);pointer-events:none}.place{font-weight:800;color:#fbbf24}.points.large{font-size:20px}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.confetti{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.09),transparent 22%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.3),transparent 18%),radial-gradient(circle at 60% 70%,rgba(244,114,182,.12),transparent 18%),radial-gradient(circle at 30% 85%,rgba(14,165,233,.25),transparent 25%);animation:float 8s linear infinite;border-radius:16px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.reset-bar{margin-top:10px;display:flex;justify-content:flex-end}@media(max-width:960px){#app{padding:18px 14px 56px}.panel.two-col{grid-template-columns:1fr}.team-row{grid-template-columns:auto auto 1fr}.inputs{grid-template-columns:1fr}.nav{flex-direction:column}.controls .buttons{width:100%}}