@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--blue-900:#0a1628;--blue-800:#102040;--blue-700:#1a3560;--blue-600:#1e4080;--blue-500:#2563eb;--blue-400:#3b82f6;--blue-300:#93c5fd;--blue-100:#dbeafe;--blue-50:#eff6ff;--gold-500:#f59e0b;--gold-400:#fbbf24;--gold-300:#fcd34d;--gold-100:#fef3c7;--green-500:#10b981;--green-100:#d1fae5;--yellow-500:#eab308;--yellow-100:#fef9c3;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--red-500:#ef4444;--red-100:#fee2e2;--nav-height:60px;--max-width:1200px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--white);color:var(--gray-900);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--blue-500);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-link{border-radius:var(--radius-full);color:var(--gray-700);white-space:nowrap;padding:6px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--blue-50);color:var(--blue-600);text-decoration:none}.game-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;height:100%;color:inherit;flex-direction:column;padding:1.75rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.game-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-300);text-decoration:none;transform:translateY(-4px)}.word-pill{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--blue-600);letter-spacing:.04em;padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-block}.word-pill:hover{background:var(--blue-500);color:var(--white);border-color:var(--blue-500);text-decoration:none}.anagram-pill{background:var(--gold-100);border:1px solid var(--gold-300);border-radius:var(--radius-full);color:var(--gray-900);letter-spacing:.06em;padding:10px 20px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.anagram-pill:hover{background:var(--gold-500);color:var(--white);text-decoration:none}.subword-pill{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--blue-600);padding:6px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}.subword-pill:hover{background:var(--blue-50);text-decoration:none}.footer-link{color:var(--gray-400);font-size:.875rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--white);text-decoration:none}.btn-primary{background:var(--blue-500);color:var(--white);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;padding:14px 28px;font-size:1rem;font-weight:700;transition:background .15s}.btn-primary:hover{background:var(--blue-600)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-full);cursor:pointer;border:none;padding:10px 20px;font-size:.875rem;font-weight:600;transition:background .15s}.btn-secondary:hover{background:var(--gray-200)}.btn-gold{background:var(--gold-500);color:var(--white);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;padding:14px 28px;font-size:1rem;font-weight:700;transition:background .15s}.btn-gold:hover{background:var(--gold-400)}.btn-gold:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--gray-500);border:1px solid var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;background:0 0;width:100%;margin-top:.75rem;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background .15s}.btn-outline:hover{background:var(--gray-50)}.key-btn{background:var(--gray-200);color:var(--gray-900);border-radius:var(--radius-md);height:58px;font-weight:700;font-family:var(--font-display);cursor:pointer;border:none;flex-shrink:0;transition:opacity .15s}.key-btn:hover{opacity:.8}.key-btn.correct{background:var(--green-500);color:var(--white)}.key-btn.present{background:var(--yellow-500);color:var(--white)}.key-btn.absent{background:var(--gray-500);color:var(--white)}.example-btn{background:var(--white);color:var(--blue-600);border:1px solid var(--blue-300);border-radius:var(--radius-full);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-display);letter-spacing:.05em;padding:6px 14px;transition:background .15s}.example-btn:hover{background:var(--blue-50)}.clue-row{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .15s;display:flex}.clue-row:hover{border-color:var(--blue-300)}.anagram-example{background:var(--white);border:1px solid var(--gold-300);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.anagram-example:hover{background:var(--gold-100)}.grid-cell{font-weight:700;font-family:var(--font-display);cursor:pointer;border-radius:var(--radius-sm);background:var(--white);color:var(--gray-800);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background .1s;display:flex}.grid-cell.selected{background:var(--blue-300);color:var(--white)}.grid-cell.found{background:var(--green-500);color:var(--white)}.hex-cell{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute}.hex-cell:hover{opacity:.85}.ad-slot{background:var(--gray-100);border:1px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-400);text-align:center;justify-content:center;align-items:center;font-size:.75rem;display:flex;overflow:hidden}.ad-slot-leaderboard{width:100%;max-width:728px;height:90px;margin:0 auto}.ad-slot-footer{width:100%;height:90px}@keyframes flipIn{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){:root{--nav-height:56px}.container{padding:0 1rem}.nav-link{padding:5px 8px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}