@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary-rgb: 37 99 235;--primary: rgb(var(--primary-rgb));--primary-strong: #879edd;--accent-rgb: 14 165 233;--accent: rgb(var(--accent-rgb));--brand-gradient: linear-gradient(135deg, var(--primary), var(--accent));--surface: #ffffff;--surface-raised: linear-gradient(135deg, #ffffff, #f8fbff);--surface-subtle: #f8fafc;--surface-muted: #f1f5f9;--surface-inset: #f3f4f6;--surface-inverse: #1f2937;--text: #0f172a;--text-secondary: #374151;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-on-brand: #ffffff;--surface-disabled: #9ca3af;--border: #d1d5db;--border-subtle: #e5e7eb;--success: #059669;--success-surface: #d1fae5;--success-text: #166534;--danger: #dc2626;--danger-surface: #fef2f2;--danger-text: #991b1b;--danger-border: #fca5a5;--warning-surface: #fef3c7;--warning-text: #92400e;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 10px 30px rgba(15, 23, 42, .08);--page-base: #ffffff;--page-background: radial-gradient(circle at 15% 20%, rgb(var(--primary-rgb) / 8%), rgb(var(--primary-rgb) / 0%) 40%), linear-gradient(135deg, rgb(var(--accent-rgb) / 7%) 0%, rgb(var(--accent-rgb) / 0%) 40%);font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--page-base);background-image:var(--page-background);color:var(--text);line-height:1.5;min-height:100%}.league-theme{--primary: rgb(var(--primary-rgb));--accent: rgb(var(--accent-rgb));--brand-gradient: linear-gradient(135deg, var(--primary), var(--accent))}*{box-sizing:border-box}body{margin:0;padding:0;background:transparent;-webkit-text-size-adjust:100%}header{padding:24px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}main{padding:0 24px 48px;max-width:1200px;margin:0 auto}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--border-subtle)}th{font-size:.85rem;letter-spacing:.01em;color:var(--text-secondary)}h1,h2,h3{margin:0}.muted{color:var(--text-muted);font-size:.9rem}form{display:flex;flex-direction:column;gap:8px}select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-size:1rem}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-size:1rem}button{background:var(--brand-gradient);color:var(--text-on-brand);border:none;border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px rgb(var(--primary-rgb) / 25%);filter:brightness(1.05)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:not(:disabled):hover{box-shadow:0 6px 16px #0f172a1a}.btn-danger{background:var(--surface);color:var(--danger-text);border:1px solid var(--danger-border)}.badge{display:inline-flex;align-items:center;gap:6px;background:rgb(var(--primary-rgb) / 10%);color:var(--primary-strong);padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.empty{padding:12px 0;color:var(--text-muted)}.podium{display:flex;flex-direction:column;gap:12px;margin-top:12px}.podium-card{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:14px;padding:14px;box-shadow:0 10px 25px #fb923c59}.podium-card.gold{background:linear-gradient(135deg,#fef3c7,#fef08a);border-color:#f59e0b;box-shadow:0 12px 28px #f59e0b59}.podium-card.silver{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1;box-shadow:0 12px 28px #94a3b859}.podium-card.bronze{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-color:#f97316;box-shadow:0 12px 28px #f9731659}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:600;font-size:.85rem}.chip.gold{background:#fef08a;color:#78350f}.chip.silver{background:#e2e8f0;color:#1e293b}.chip.bronze{background:#fed7aa;color:#7c2d12}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;align-items:start}.board-column{display:flex;flex-direction:column;gap:16px}.wall-card{background:radial-gradient(circle at 15% 15%,#fff1f2,#fee2e2 45%,#fff);border:1px solid #fca5a5;box-shadow:0 12px 28px #f871714d,inset 0 0 0 1px #f8717140,0 0 20px #f8717166}.shame-badge{background:#fee2e2;color:#991b1b;border:1px solid #fecdd3}.top-offender{background:#f871711f}.miss-count{position:relative;z-index:2}.miss-bar{position:absolute;top:4px;right:12px;bottom:4px;left:12px;background:linear-gradient(90deg,#f87171e6,#f8717166);border-radius:6px;z-index:1;display:block;height:70%;margin:auto 0}.xw-letter{font-size:var(--xw-letter)}.xw-num{font-size:var(--xw-num)}.play-dock{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#f3f4f6;border-top:1px solid #d1d5db;box-shadow:0 -6px 20px #0f172a26}.clue-bar{display:flex;align-items:stretch;background:#dbeafe;color:#111827}.clue-bar-text{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:10px 6px;font-size:15px;line-height:1.3}.clue-nav{background:transparent;border:none;color:#1e3a8a;font-size:26px;line-height:1;padding:0 16px;border-radius:0;flex:0 0 auto}.clue-nav:not(:disabled):hover{transform:none;box-shadow:none;filter:none}.kbd{display:flex;flex-direction:column;gap:6px;padding:6px 3px calc(6px + env(safe-area-inset-bottom,0px));touch-action:none;-webkit-user-select:none;user-select:none}.kbd-row{display:flex;gap:4px}.kbd-spacer{flex:.5}.kbd-key{flex:1;min-width:0;height:46px;padding:0;border-radius:6px;border:none;background:#fff;color:#111827;font-family:inherit;font-size:18px;font-weight:600;box-shadow:0 1px #0f172a59;-webkit-tap-highlight-color:transparent}.kbd-key-wide{flex:1.6}.kbd-key:active{background:#cbd5e1}.kbd-key:not(:disabled):hover{transform:none;box-shadow:0 1px #0f172a59;filter:none}@media(max-width:640px){header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 12px}main{padding:0 12px 32px}h1{font-size:1.6rem}.card{padding:12px}.dashboard-grid{grid-template-columns:1fr}}