@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";
:root{--brand-primary:#4b64f1;--brand-primary-glow:#4b64f159;--brand-secondary:#a667e4;--brand-accent:#16dab3;--brand-accent-dim:#279b84;--boggle-cell-bg:#1d2335;--boggle-cell-border:#323a53;--boggle-cell-active:#4b64f1;--boggle-highlight-1:#16dab3;--boggle-path-line:#45edcb;--scrabble-tile-bg:#daaa2f;--scrabble-tile-text:#362617;--scrabble-blank:#a9b8c6;--bg-base:#0e111b;--bg-surface:#161a27;--bg-panel:#1c2130;--bg-panel-hover:#22283a;--glass-bg:#1a1f2ebf;--glass-border:#47578540;--text-primary:#edeff3;--text-secondary:#98a1b3;--text-muted:#656e81;--success:#22c35d;--warning:#f6af23;--error:#e94957;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--font-body:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-med:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 0,#0e174e 0%,#0000 60%),radial-gradient(at 80% 100%,#260f3d 0%,#0000 55%);background-attachment:fixed;min-height:100dvh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}h2{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700}h3{font-size:1.1rem;font-weight:600}p{color:var(--text-secondary)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(1.4)}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 0 0 0 var(--brand-primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--brand-primary-glow);background:#677cf4}.btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--bg-panel-hover);border-color:#6a7baf59}.btn-accent{background:var(--brand-accent);color:#0a2923}.btn-accent:hover:not(:disabled){background:#2aeac3;box-shadow:0 0 18px #16dab359}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--bg-panel);color:var(--text-primary);border-color:var(--glass-border)}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem}.btn-lg{padding:13px 28px;font-size:1rem}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{color:#97a5f7;background:#4b64f12e}.badge-accent{color:#5defd2;background:#16dab32e}.badge-muted{color:var(--text-secondary);background:#3d475c80}.badge-gold{color:#e8ca7d;background:#daaa2f33}.input{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:9px 14px;font-size:.9rem}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.select{appearance:none;background:var(--bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23667799' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:9px 36px 9px 14px;font-size:.85rem}.select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.select option{background:var(--bg-surface);color:var(--text-primary)}.scrollable{scrollbar-width:thin;scrollbar-color:#3e4c7499 transparent;overflow-y:auto}.scrollable::-webkit-scrollbar{width:5px}.scrollable::-webkit-scrollbar-thumb{background:#3e4c7499;border-radius:99px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid #4b64f133;border-top-color:var(--brand-primary);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--brand-primary-glow)}50%{box-shadow:0 0 18px 4px var(--brand-primary-glow)}}.animate-fade-in{animation:.22s both fadeIn}.animate-fade-up{animation:.28s both fadeInUp}.animate-scale-in{animation:.2s both scaleIn}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-center{text-align:center}.divider{background:var(--glass-border);border:none;height:1px}