html[data-theme=day]{--account-bg:#f3efd8;--account-card:#fffdf0;--account-text:#254532;--account-muted:#486752;--account-line:#36563f;--account-shadow:#abc281}
html[data-theme=night]{--account-bg:#000;--account-card:#171717;--account-text:#f8f3e8;--account-muted:#c8c8c3;--account-line:#626262;--account-shadow:#363636}
body{background:var(--account-bg);color:var(--account-text)}
.account-page [hidden]{display:none!important}
.account-page{min-height:calc(100vh - 165px);background:linear-gradient(135deg,#9ad9e932,transparent 45%),var(--account-bg);padding:76px 0 90px}
.account-shell{width:min(1160px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,475px);gap:clamp(32px,6vw,90px);align-items:center}
.account-copy h1{font-size:clamp(3.4rem,6vw,5.8rem);line-height:1.15;letter-spacing:-.05em;margin:20px 0;color:var(--account-text);text-shadow:3px 3px 0 #e9dbab}
.account-copy h1 em{font-style:normal;color:#a76f2c}
html[data-theme=night] .account-copy h1{text-shadow:3px 3px 0 #373737}html[data-theme=night] .account-copy h1 em{color:#ffda72}
.account-copy>p{max-width:500px;color:var(--account-muted);font-size:1.07rem;line-height:1.8}
.account-illustration{margin-top:20px;width:min(430px,90%);height:260px;display:grid;place-items:center;overflow:hidden;border-radius:12px;mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%)}
.account-illustration img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px #1a2f2390)}
.account-card{min-width:0;max-width:100%;box-sizing:border-box;padding:32px;background:var(--account-card);border:3px solid var(--account-line);border-radius:12px;box-shadow:9px 9px 0 var(--account-shadow)}
.account-card h2{font-size:1.9rem;margin:24px 0 5px;color:var(--account-text)}.account-card p{color:var(--account-muted);line-height:1.6}
.account-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.account-tabs button{min-width:0;border:2px solid var(--account-line);padding:11px 12px;background:transparent;color:var(--account-text);font-weight:800;cursor:pointer}.account-tabs .is-active{background:#ffdc66;color:#183d2e}
.account-card form{display:grid;gap:9px;margin-top:18px}.account-card form label:not(.account-check){font-weight:800;margin-top:9px}.account-card input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box;border:2px solid var(--account-line);border-radius:5px;background:var(--account-bg);color:var(--account-text);padding:13px 14px;font:inherit}.account-card input:focus-visible,.account-card button:focus-visible{outline:3px solid #277ded;outline-offset:2px}
.account-check{display:flex;gap:10px;align-items:center;margin:8px 0;color:var(--account-muted)}.account-check input{accent-color:#277ded;width:19px;height:19px}
.account-submit{background:#277ded;color:#fff;border:2px solid #1454ae;box-shadow:4px 4px 0 var(--account-line);padding:13px;font-family:inherit;font-size:1rem;font-weight:800;line-height:1.3;cursor:pointer}.account-submit:hover{background:#1768d8}.account-submit:disabled{opacity:.55;cursor:wait}
.account-message{min-height:1.6em;margin:15px 0;color:#b84829!important;font-weight:700}.account-note{font-size:.82rem;margin-bottom:0}.account-game-hint{padding:11px;background:#eff7e1;color:#254532;border-left:4px solid #397d53;margin-top:15px}
.account-online{display:flex;align-items:center;gap:9px;color:#26804b;font-weight:800;margin-top:25px}.account-dot{width:11px;height:11px;border-radius:50%;background:#37c56a;box-shadow:0 0 0 4px #37c56a33}#account-success h3{font-size:2rem;margin:15px 0 4px}.account-logout{padding:12px 15px;border:2px solid var(--account-line);background:transparent;color:var(--account-text);font:700 1rem inherit;cursor:pointer}
.account-success-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.account-profile-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;border:2px solid #1454ae;background:#277ded;color:#fff!important;text-decoration:none;font-weight:800;box-shadow:4px 4px 0 var(--account-line)}.account-profile-link:hover,.account-profile-link:focus-visible{background:#1768d8;color:#fff!important}.account-success-actions .account-logout{margin:0}
@media(max-width:850px){.account-shell{grid-template-columns:1fr}.account-illustration{display:none}.account-page{padding:45px 0 70px}.account-copy h1{font-size:3.6rem}.account-card{max-width:580px}}@media(max-width:560px){.account-shell{width:calc(100% - 28px)}.account-card{padding:22px}.account-copy h1{font-size:2.8rem}.account-page{padding:34px 0 56px}}