:root{color:#f4f0e8;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#adb0b5;--accent:#e8c789;--line:#343639;background:#101214;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid var(--line);color:#f4f0e8;background:#232629;border-radius:10px;min-height:44px;padding:12px 18px}button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:24px 5vw;display:flex}.brand{letter-spacing:3px;font-size:24px;font-weight:800}.brand span{letter-spacing:3px;color:var(--muted);margin-top:6px;font-size:9px;display:block}.header-account{align-items:center;gap:14px;min-width:0;display:flex}.header-account span{overflow-wrap:anywhere;color:var(--muted);font-size:13px}.layout{grid-template-columns:240px 1fr;max-width:1440px;margin:auto;display:grid}aside{border-right:1px solid var(--line);min-height:calc(100vh - 96px);padding:50px 28px}nav{gap:10px;margin-top:24px;display:grid}nav a{border-radius:9px;padding:14px 10px}nav a:hover{background:#232629}aside p{color:var(--muted);margin-top:100px;font-size:14px;line-height:1.8}main{min-width:0;padding:52px 5vw}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:750}h1{letter-spacing:-1.5px;margin:16px 0;font-size:clamp(30px,4vw,54px);font-weight:600;line-height:1.12}h2{letter-spacing:-.5px;margin:12px 0;font-size:25px;font-weight:600}p{color:var(--muted);line-height:1.6}.welcome{margin-bottom:40px}.primary{background:var(--accent);color:#201c15;border-color:var(--accent);font-weight:650}.continue{border-radius:10px;justify-content:space-between;gap:36px;width:fit-content;margin-top:24px;padding:16px 22px;display:flex}.panel{border:1px solid var(--line);background:#191c1f;border-radius:18px;margin:25px 0;padding:28px}.auth{max-width:590px}.auth form{gap:8px;display:grid}.auth label{margin-top:10px}input{color:#fff;background:#111416;border:1px solid #46494e;border-radius:9px;width:100%;min-width:0;padding:13px}.actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.wide{width:100%;margin:10px 0}.text-button{background:0 0;border:0;padding-left:0}.profile{justify-content:space-between;align-items:center;gap:18px;display:flex}.profile h2,.profile p{overflow-wrap:anywhere}.success{color:#b8d6bf}.section-heading{margin:35px 0 20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.game{border:1px solid var(--line);background:linear-gradient(150deg,#282b30,#171a1e);border-radius:16px;flex-direction:column;gap:12px;min-height:220px;padding:23px;display:flex}.game h3{margin:18px 0 0;font-size:21px}.game p{margin:0;font-size:13px}.game a{color:var(--accent);min-height:44px;margin-top:auto;padding:12px 0;font-size:13px}.game-badge{color:var(--accent);font-size:11px}.cloud-notice{border-left:3px solid var(--accent);background:#22211d;margin-bottom:20px;padding:10px 18px}.subtle{font-size:12px}#notice:empty,#authError:empty{display:none}#authError{color:#f4b7b0}#notice{color:var(--accent);padding:12px 0}footer{color:#757c84;margin-top:42px;font-size:12px}#linkPasswordForm{gap:12px;max-width:420px;margin:20px 0;display:grid}:root{--action-secondary:#3e454d;--action-secondary-hover:#505963;--action-secondary-active:#2e343b;--action-border:#8d969f;--action-danger:#34232a;--action-danger-hover:#493039;--action-danger-active:#281b20;--action-danger-ink:#ffc3cb;--action-danger-border:#b67b88;--action-disabled:#30353b;--action-disabled-ink:#aeb5bc}button,.game a,.continue{border:2px solid var(--action-border);text-align:center;justify-content:center;align-items:center;gap:10px;min-height:44px;font-weight:600;line-height:1.4;display:inline-flex}button,.game a{background:var(--action-secondary);color:#f4f0e8}button:hover,.game a:hover{background:var(--action-secondary-hover);border-color:#bac1c8}.primary{background:var(--accent);border-color:var(--accent);color:#201c15;font-weight:700;box-shadow:0 2px #070809}.primary:hover{color:#201c15;background:#f3d8a4;border-color:#f3d8a4}.game a{border-radius:10px;padding:12px 16px;font-size:14px;text-decoration:none}:is(#logout,#headerLogout){background:var(--action-danger);border-color:var(--action-danger-border);color:var(--action-danger-ink)}:is(#logout,#headerLogout):hover{background:var(--action-danger-hover);border-color:#df9bab}#linkPasswordForm button{background:var(--accent);border-color:var(--accent);color:#201c15;font-weight:700}#linkPasswordForm button:hover{background:#f3d8a4;border-color:#f3d8a4}:is(button,.continue,.game a):active{background:var(--action-secondary-active);transform:translateY(1px);box-shadow:inset 0 2px 3px #0008}.primary:active,#linkPasswordForm button:active{color:#201c15;background:#d3ad69;border-color:#d3ad69}:is(#logout,#headerLogout):active{background:var(--action-danger-active)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 2px #101214}button:is(:disabled,[aria-disabled=true]),a[aria-disabled=true]{box-shadow:none;opacity:1;cursor:not-allowed;transform:none;background:var(--action-disabled)!important;color:var(--action-disabled-ink)!important;border-color:#68717b!important}.text-button{color:var(--accent);background:0 0;border-color:#0000;font-weight:400;text-decoration:underline}.text-button:hover{background:#292a26;border-color:#0000}.continue{justify-content:space-between}:root{--action-primary:var(--accent);--action-primary-hover:#f3d8a4;--action-primary-active:#d3ad69;--action-primary-ink:#201c15}.btn-primary,.game a.btn-primary{background:var(--action-primary);border-color:var(--action-primary);color:var(--action-primary-ink);font-weight:700;box-shadow:0 2px #070809}.btn-primary:hover,.game a.btn-primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover);color:var(--action-primary-ink)}.btn-primary:active,.game a.btn-primary:active{background:var(--action-primary-active);border-color:var(--action-primary-active)}.btn-secondary{background:var(--action-secondary);border-color:var(--action-border);color:#f4f0e8}.btn-secondary:hover{background:var(--action-secondary-hover)}.btn-secondary:active{background:var(--action-secondary-active)}.btn-destructive{background:var(--action-danger-hover);border-color:var(--action-danger-border);color:var(--action-danger-ink)}:is(#logout,#headerLogout).btn-destructive{background:var(--action-danger-hover)}.btn-destructive:hover,:is(#logout,#headerLogout).btn-destructive:hover{background:var(--action-danger);border-color:#df9bab}.btn-destructive:active,:is(#logout,#headerLogout).btn-destructive:active{background:var(--action-danger-active)}@media (width<=650px){.game a,#linkPasswordForm button{width:100%}}@media (width<=1000px){.layout{grid-template-columns:190px 1fr}aside{padding:36px 16px}.cards{grid-template-columns:1fr}.game{min-height:180px}}@media (width<=650px){header{flex-wrap:wrap;align-items:flex-start;padding:20px}.brand{font-size:21px}.layout{display:block}aside{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:12px 20px}aside>.eyebrow,aside>p{display:none}nav{flex-wrap:wrap;gap:4px;margin:0;display:flex}nav a{padding:12px 8px;font-size:12px}main{padding:30px 20px}.panel{padding:22px}.profile{flex-direction:column;align-items:flex-start}.header-account{flex-wrap:wrap;max-width:100%}.cards{gap:12px}h1{letter-spacing:-1px}.actions>button{flex:140px}.continue{width:100%}}
