.account-page{color:#282625}.account-page .account-layout{width:100%;max-width:1280px;margin:24px auto 48px;padding:0 24px;font:13px/1.6 Poppins,system-ui,sans-serif}.account-layout [hidden]{display:none!important}
#signed-in{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;grid-template-rows:auto auto 1fr;align-items:start}.account-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.account-heading h1{font:28px/1.2 Critters,Poppins,sans-serif;margin:0}.account-panel{min-width:0;background:#fffef1;border:1px solid #d6c6a3;border-radius:12px;padding:20px}.account-panel h2{font:22px/1.3 Critters,Poppins,sans-serif;margin:0 0 16px}.account-panel p{font:13px/1.6 Poppins,sans-serif;margin:10px 0;color:#655c49}.profile-panel{grid-row:2/4}.dojo-panel{grid-column:2}.account-layout button,.account-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d6c6a3;border-radius:8px;background:#fffef1;color:#282625;font:600 13px/1.4 Poppins,sans-serif;text-decoration:none;cursor:pointer}.account-layout button:hover,.account-action:hover{background:#fff7dc}.account-layout button:disabled{opacity:.5;cursor:default}#save-profile,#save-dojos{background:#ffcf40;border-color:#a27311;margin-top:16px}.account-layout :focus-visible{outline:3px solid #633ba3;outline-offset:3px}
.account-panel label{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font:500 12px/1.5 Poppins,sans-serif}.account-panel input:not([type=checkbox]){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d6c6a3;border-radius:8px;background:#fffef1;color:#282625;font:13px Poppins,sans-serif}.account-panel input[readonly]{background:#f3eedf;color:#655c49}.profile-contact{margin:0 0 16px}.profile-contact>label{margin:0 0 6px}.contact-input-row{display:flex;gap:8px;align-items:stretch}.contact-input-row input{flex:1}.contact-input-row button{min-width:100px;background:#f3eedf}.contact-input-row button[aria-pressed=true]{background:#ffcf40;border-color:#a27311}.account-panel .locked-uid-note,.account-panel .trade-sharing-note{font-size:11px;margin:6px 0 16px}.account-panel .public-album-row,.account-panel .trade-sharing-row{display:flex;flex-direction:row;align-items:center;gap:10px;margin:16px 0 6px;font-size:13px}.account-panel input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;accent-color:#e5a900}#profile-status,#save-status,#account-status,#login-status{font:12px/1.6 Poppins,sans-serif}#profile-status:empty,#save-status:empty,#account-status:empty,#login-status:empty{display:none}
.account-dojo-elements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.account-dojo-element{width:100%;display:flex!important;flex-direction:column;gap:8px;padding:10px 4px!important;font-size:12px!important;background:#f3eedf!important}.account-dojo-element>img{width:36px;height:36px;object-fit:contain;filter:grayscale(1);opacity:.6}.account-dojo-element[aria-pressed=true]{background:#fff0bb!important;border-color:#e99b15}.account-dojo-element[aria-pressed=true]>img{filter:none;opacity:1}.account-badge-dialog{width:min(560px,calc(100vw - 28px));max-width:calc(100vw - 28px);padding:0;border:1px solid #d6a260;border-radius:14px;background:#fff4df;color:#282625}.account-badge-dialog::backdrop{background:#0008}.badge-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#ffe1b1;border-bottom:1px solid #d6a260}.badge-dialog-heading h2{font:22px/1.3 Critters,Poppins,sans-serif;margin:0}.account-badge-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:20px}.account-badge-options button{min-width:0;padding:8px 2px;display:flex;flex-direction:column;gap:7px;font-size:12px}.account-badge-options img{width:100%;height:45px;object-fit:contain;filter:grayscale(1);opacity:.6}.account-badge-options button[aria-pressed=true]{background:#fff0bb;border-color:#e99b15}.account-badge-options button[aria-pressed=true] img{filter:none;opacity:1}
.account-layout:has(#signed-out:not([hidden])){display:flex;align-items:center;justify-content:center;flex:1;padding-top:40px;padding-bottom:40px}.login-screen{width:min(440px,100%);text-align:center;background:#fffef1;border:1px solid #d6c6a3;border-radius:12px;padding:28px 24px}.social-login{margin-bottom:16px}.account-layout #discord-login{width:100%;gap:10px;background:#5865f2;border-color:#4752c4;color:#fff}.account-layout #discord-login:hover{background:#4752c4}#discord-login img{width:26px;height:26px;object-fit:contain}.discord-only-note{font:13px/1.6 Poppins,sans-serif;margin:0}.discord-only-note strong{font-weight:400}
@media(max-width:800px){#signed-in{grid-template-columns:minmax(0,1fr);gap:16px}.profile-panel,.dojo-panel{grid-row:auto;grid-column:auto}.account-layout{padding:0 14px;margin-top:20px}.account-panel{padding:16px}.account-heading h1{font-size:26px}.account-badge-options{padding:16px;gap:4px}.account-badge-options img{height:34px}.account-dojo-elements{gap:6px}.account-dojo-element{font-size:11px!important}.account-badge-options button{font-size:11px;padding:6px 1px}.login-screen{padding:24px 18px}}

.account-heading{flex-wrap:wrap}.account-heading .account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}