.app{min-height:100vh;padding:32px clamp(20px,4vw,64px) 64px;display:flex;flex-direction:column;gap:32px;color:#f5f7ff}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}.hero-text h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.05;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:600;color:#40f2ff;margin-bottom:12px}.subhead{font-size:1.05rem;color:#f5f7ffc7;max-width:44ch}.hero-panel{background:linear-gradient(135deg,#40f2ff1f,#40f2ff05);border:1px solid rgba(64,242,255,.25);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 50px #00000059}.team-inputs{display:grid;gap:12px}.team-inputs label{display:grid;gap:6px;font-size:.85rem;color:#f5f7ffb3}.panel-actions{display:flex;flex-wrap:wrap;gap:12px}.main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:32px}.board{display:grid;gap:20px}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:#080e1c99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 18px}.team-tag{display:grid;gap:4px}.team-tag strong{font-size:1.1rem}.team-tag .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#f5f7ff99}.team-tag.away strong{color:#40f2ff}.team-tag.home strong{color:#39ff88}.scorebar-center{display:flex;gap:6px;align-items:center}.score-dot{width:6px;height:6px;border-radius:999px;background:#f5f7ff99}.grid{display:grid;grid-template-columns:90px repeat(10,minmax(70px,1fr));grid-auto-rows:74px;gap:8px;padding:18px;background:#080e1cb8;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow-x:auto}.row{display:contents}.corner{display:grid;place-items:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#f5f7ff80}.digit-label{display:grid;place-items:center;font-weight:700;background:#40f2ff1f;border-radius:14px;color:#40f2ff;border:1px solid rgba(64,242,255,.25)}.row-label{color:#39ff88;background:#39ff881f;border:1px solid rgba(57,255,136,.25)}.cell{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0c1426d9;color:inherit;padding:10px 12px;display:grid;gap:6px;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;min-width:70px}.cell:hover{transform:translateY(-2px);border-color:#40f2ff80;box-shadow:0 12px 20px #00000059}.cell.selected{border-color:#40f2ff;box-shadow:0 0 0 2px #40f2ff4d,0 10px 20px #0006}.cell.claimed .cell-name{color:#f5f7ff;font-weight:600}.cell-meta{font-size:.7rem;color:#f5f7ff99;text-transform:uppercase;letter-spacing:.14em}.cell-name{font-size:.9rem;color:#f5f7ffb3;word-break:break-word}.sidebar{display:grid;gap:20px}.card{background:#080e1cb3;border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:20px;display:grid;gap:14px}.card h2,.card h3{margin:0}.muted{color:#f5f7ffa6;font-size:.9rem;line-height:1.5}.field{display:grid;gap:6px;font-size:.85rem;color:#f5f7ffb3}.tips ol{margin:0;padding-left:18px;color:#f5f7ffbf;display:grid;gap:6px}.card ul{margin:0;padding-left:18px;display:grid;gap:6px}@media (max-width: 1100px){.hero,.main{grid-template-columns:1fr}}@media (max-width: 720px){.grid{grid-template-columns:70px repeat(10,minmax(60px,1fr));grid-auto-rows:64px}}:root{font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#f5f7ff;background-color:#060913;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(64,242,255,.12),transparent 45%),radial-gradient(circle at 20% 40%,rgba(57,255,136,.12),transparent 50%),#060913}#root{min-height:100vh}button{border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:.65rem 1.2rem;font-size:.95rem;font-weight:600;font-family:inherit;background:#0a101ee6;color:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#40f2ff,#38b9ff);color:#041018;border:none}button.primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px #40f2ff4d}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}input{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#050812cc;color:inherit;padding:.7rem .8rem;font-size:.95rem;font-family:inherit}input:focus{outline:none;border-color:#40f2ffcc;box-shadow:0 0 0 3px #40f2ff33}