:root{color-scheme:light;--ink:#233f32;--green:#285e43;--muted:#647565;--paper:#faf9f1;--line:#dbe2d2;--gold:#e9b961}*{box-sizing:border-box}body{margin:0;background:#f1f4e9;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}.topbar{max-width:1240px;margin:auto;padding:30px 44px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-.7px;display:flex;align-items:center;gap:15px}.logo{width:24px;height:24px;background:#285e43;box-shadow:7px -6px 0 #8fb578;transform:rotate(-5deg);margin-right:4px}.top-note{font-size:13px;color:var(--muted)}.layout{max-width:1240px;margin:24px auto 36px;padding:0 44px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,440px);gap:70px;align-items:center;min-height:640px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--green);display:block}h1{font-size:64px;line-height:1.04;letter-spacing:-3px;margin:21px 0 21px;font-weight:800}.lead{font-size:18px;line-height:1.7;max-width:460px;color:#546957;margin:0}.island{max-width:520px;margin:17px -6px 0}.island svg{width:100%;height:auto;display:block}.benefits{display:flex;gap:32px;color:var(--muted);font-size:12px}.benefits b{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}.account-card{background:var(--paper);border:1px solid #e1e7d9;border-radius:24px;padding:30px 32px 26px;box-shadow:0 20px 55px #33472b0a,0 4px 0 #e4e9da;min-height:480px}.tabs{padding:5px;border-radius:11px;background:#e8eddf;display:flex;margin-bottom:28px}.tabs button{width:50%;border:0;background:transparent;color:var(--muted);padding:10px 4px;font-size:14px;font-weight:700;border-radius:8px}.tabs button[aria-selected=true]{background:#fffdf6;color:var(--green);box-shadow:0 2px 5px #2346310c}h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px}.card-note{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 23px}form label{font-size:13px;font-weight:700;display:block;margin:17px 0 7px}input{width:100%;min-width:0;border:1px solid #ccd7c5;border-radius:9px;background:#fffefa;color:var(--ink);padding:12px 13px;line-height:1.4;font-size:16px}input::placeholder{color:#8b9687}input:focus{outline:3px solid #91b98050;border-color:var(--green)}small{display:block;color:#6c7a68;font-size:11px;margin-top:6px;line-height:1.5}.password-field{position:relative}.password-field input{padding-right:84px}.reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:11px;font-weight:600;color:var(--green);padding:9px 5px}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--green);color:#fffdf3;text-decoration:none;border:0;border-radius:10px;padding:14px 18px;font-weight:700;font-size:15px;width:100%;box-shadow:0 4px 0 #1d452f;transition:background .15s}.primary:hover{background:#347651}.primary:active{transform:translateY(1px);box-shadow:0 3px 0 #1d452f}.primary span{font-size:21px;line-height:1}button:disabled{cursor:wait;opacity:.65}.form-message{font-size:12px;color:#9a3a2a;min-height:18px;line-height:1.5;margin:13px 0}.privacy-note{font-size:11px;color:#71806a;line-height:1.7;margin:21px 0 0}.loading{color:var(--muted);padding:130px 0;text-align:center;font-size:14px}.connection-error{font-size:13px;color:#93452f}.connection-error button{color:var(--green);background:transparent;border:0;text-decoration:underline;font-weight:600}.save-card{display:flex;align-items:center;gap:14px;background:#e9efdd;border:1px solid #dde6cf;border-radius:13px;padding:20px 17px;margin:26px 0 29px}.save-icon{font-size:32px;color:#5a884e}.save-card b{font-size:15px}.save-card p{font-size:12px;color:var(--muted);margin:5px 0 0}.continue{margin-top:12px}.logout{display:block;margin:15px auto 0;border:0;background:transparent;font-size:12px;color:var(--muted);padding:10px}#player-panel>.eyebrow{margin:18px 0 16px}#greeting{overflow-wrap:anywhere}#player-email{overflow-wrap:anywhere}footer{max-width:1240px;margin:auto;padding:13px 44px 26px;color:#7c8875;font-size:11px}button:focus-visible,a:focus-visible{outline:3px solid #7dab61;outline-offset:4px}@media(max-width:1000px){.layout{gap:32px;padding:0 30px;grid-template-columns:1.05fr minmax(325px,400px)}.topbar{padding:25px 30px}h1{font-size:52px}.account-card{padding:26px}.benefits{gap:15px;font-size:11px}.benefits b{font-size:12px}.lead{font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.3px}}@media(max-width:740px){.topbar{padding:25px 23px}.top-note{display:none}.wordmark{font-size:23px}.layout{display:flex;flex-direction:column;gap:24px;padding:0 20px;margin:12px auto 28px;min-height:0;max-width:510px;align-items:stretch}.intro>.eyebrow{font-size:9px;letter-spacing:1px}.intro h1{font-size:43px;letter-spacing:-1.8px;line-height:1.1;margin:14px 0}.lead{font-size:15px;line-height:1.6}.island{display:none}.benefits{margin-top:20px;gap:20px;justify-content:space-between}.account-card{padding:24px;min-height:0;border-radius:20px}.tabs{margin-bottom:24px}h2{font-size:26px}footer{text-align:center;padding:14px 20px 26px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#nickname-settings{font-size:13px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:20px 0;overflow-wrap:anywhere}#nickname-settings summary{cursor:pointer;color:var(--green);font-weight:600}#nickname-settings .primary{font-size:13px;padding:11px 14px}
.text-button{display:block;margin:20px auto 0;padding:8px 0;border:0;background:transparent;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:3px}#forgot-panel>.eyebrow,#reset-panel>.eyebrow{margin:8px 0 18px}.form-message[data-success=true]{color:var(--green)}
#email-settings{font-size:13px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:20px 0;overflow-wrap:anywhere}#email-settings summary{cursor:pointer;color:var(--green);font-weight:600}#email-settings .card-note{font-size:12px;margin:14px 0}#email-settings .primary{font-size:13px;padding:11px 14px}#verify-panel>.eyebrow{margin:8px 0 18px}
