@font-face{font-family:Bainak;src:url('/assets/fonts/tajawal-400.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:Bainak,Tahoma,Arial,sans-serif;background:#0b0e17;color:#f5f4f0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 20%,#26325155,transparent 55%);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}header{max-width:1160px;padding:30px 28px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;font-size:26px}.brand span{display:block;font-size:12px;color:#9ca5bd;font-weight:400;margin-top:6px}.back{font-size:14px;color:#b7c5e4}main{max-width:1100px;margin:55px auto;display:grid;grid-template-columns:1fr 450px;gap:70px;align-items:center;padding:0 28px}.eyebrow{color:#a0b7fc;font-size:15px;letter-spacing:1px}.welcome h1{font-size:clamp(44px,5vw,68px);line-height:1.25;margin:25px 0}.welcome>p:not(.eyebrow){font-size:19px;color:#abb3c9;line-height:1.9}.game-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.game-links a{padding:12px 16px;border:1px solid #394258;border-radius:30px;font-size:14px}.card{background:#141925;border:1px solid #30374a;border-radius:24px;padding:30px;box-shadow:0 18px 65px #0003}.tabs{display:flex;gap:8px;background:#0c111d;border-radius:12px;padding:5px}.tabs button{flex:1;border:0;background:none;border-radius:8px;color:#afb9cd;padding:11px;cursor:pointer}.tabs button[aria-pressed=true]{background:#293959;color:white}.card h2{font-size:26px;margin:24px 0 10px;overflow-wrap:anywhere}.muted{color:#abb3c9;font-size:14px;line-height:1.7}label{display:block;margin:20px 0 9px;font-size:14px}input{width:100%;border:1px solid #3b455c;border-radius:10px;background:#0c111d;color:#fff;padding:13px;font-size:16px;min-height:48px}small{display:block;margin-top:7px;color:#a2aec5;font-size:12px;line-height:1.7}.primary{display:block;width:100%;text-align:center;background:#b5c6ff;color:#10182d;border:0;border-radius:11px;font-weight:700;font-size:16px;padding:15px;margin-top:26px;cursor:pointer}.secondary{display:block;width:100%;background:transparent;color:#cbd6ef;border:1px solid #43516f;border-radius:10px;padding:12px;margin-top:14px;cursor:pointer}.fine-print{font-size:12px;color:#929db4;line-height:1.8;margin-top:20px}.guest{display:block;color:#bdc7df;text-align:center;font-size:14px;padding-top:20px;border-top:1px solid #2e3749;margin-top:20px}.badge{display:inline-block;background:#233c37;color:#b8ecd7;font-size:13px;padding:7px 12px;border-radius:30px}#auth-status{line-height:1.8;font-size:14px;color:#ffe0a7;overflow-wrap:anywhere}#auth-status:empty{margin:0}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #e7ca83;outline-offset:4px}[hidden]{display:none!important}footer{text-align:center;padding:25px;color:#76829c;font-size:13px}@media(max-width:800px){main{grid-template-columns:1fr;gap:25px;margin:15px auto 30px;max-width:500px;padding:0 18px}.welcome h1{font-size:38px;margin:12px 0}.welcome h1 br{display:none}.welcome>p:not(.eyebrow){font-size:16px}.game-links{margin-top:15px}.card{padding:23px}header{padding:24px 20px}.brand{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#email-state{overflow-wrap:anywhere}