:root{--color-red: #c0392b;--color-blue: #2980b9;--color-green: #27ae60;--color-white: #ecf0f1}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1a1a2e;color:#eee}.app{min-height:100vh;padding:1rem;transition:background .4s ease}.topbar{display:flex;justify-content:space-between;align-items:center}.lobby-link{color:#9cf}.hud{margin:1rem 0}.scores{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;opacity:.9}.clue-panel,.guesser-actions{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;max-width:720px}.tile{aspect-ratio:1.4;border:2px solid #444;border-radius:8px;background:#2d2d44;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;font-size:.75rem}.tile:disabled{cursor:default;opacity:.85}.tile--revealed.tile--red{background:var(--color-red)}.tile--revealed.tile--blue{background:var(--color-blue)}.tile--revealed.tile--green{background:var(--color-green)}.tile--revealed.tile--white{background:#7f8c8d}.tile-word{text-transform:uppercase;font-weight:600}.tile-color{font-size:.65rem;opacity:.85}.banner--error{background:#5c1a1a;padding:.5rem 1rem;border-radius:6px}.app--error{padding:2rem}