/* Shared account controls inherit the arcade's charcoal, brass and pixel lettering. */
.account-walletconnect-qr:empty{display:none}.account-walletconnect-qr{display:grid;justify-items:center;gap:12px;margin-top:18px}.account-walletconnect-qr canvas{display:block;width:min(100%,300px);height:auto;image-rendering:pixelated;background:#fff}.account-walletconnect-qr button{width:100%}
@font-face{font-family:ArcadeAccountPixel;src:url('/assets/classic/mine-pixel.woff') format('woff');font-display:swap}
.arcade-account{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 28px;margin:18px auto;padding:18px 20px;width:min(100%,1120px);box-sizing:border-box;border:1px solid #8e75444d;border-radius:5px;background:linear-gradient(110deg,#22232a,#171c26);color:#e3d4b9;font:13px/1.75 "Trebuchet MS","Segoe UI",sans-serif;text-align:left;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 #e7c87d09}
.walkable-page>.arcade-account{width:100%;margin:0 0 18px}
.arcade-account>h2{grid-column:1;grid-row:1;font:10px/1.8 ArcadeAccountPixel,"Courier New",monospace;font-weight:normal;letter-spacing:.025em;text-transform:uppercase;color:#efcc80;margin:0 0 3px}
.arcade-account>h2:before{content:"";display:inline-block;width:7px;height:7px;background:#ddb15d;border:1px solid #ffe4a2;margin-right:9px;box-shadow:2px 2px 0 #6d502f}
.arcade-account>p{grid-column:1/-1;margin:4px 0;font-size:12px;line-height:1.8;color:#c5bcae}
.arcade-account>p[role="status"]:first-of-type{grid-column:1;grid-row:2}
.arcade-account>p:empty{display:none}
.arcade-account>div.account-actions:first-of-type{grid-column:2;grid-row:1/3;align-self:center;justify-content:end;margin:0}
.arcade-account>form,.arcade-account>ul,.arcade-account>details,.arcade-account>div{grid-column:1/-1}
.arcade-account button,.arcade-account input,.arcade-account select{box-sizing:border-box;min-height:44px;padding:9px 13px;border:1px solid #9c83514f;border-radius:3px;background:#262c34;color:#f2deb4;font:700 11px/1.5 "Trebuchet MS","Segoe UI",sans-serif;letter-spacing:.025em}
.arcade-account button{cursor:pointer;box-shadow:0 2px 0 #0c1119;transition:background .15s,border-color .15s}
.arcade-account button:hover:not(:disabled){background:#363a3d;border-color:#dab979}
.arcade-account .account-actions>button:first-child,.arcade-account .account-name>button{background:#d9b770;color:#2d271e;border-color:#efcf89}
.arcade-account .account-actions>button:first-child:hover:not(:disabled),.arcade-account .account-name>button:hover:not(:disabled){background:#efd092}
.arcade-account button:disabled{opacity:.55;cursor:wait}
.arcade-account :focus-visible{outline:3px solid #a4efcf;outline-offset:4px}
.arcade-account [hidden]{display:none!important}
.arcade-account .account-actions,.arcade-account .account-name{display:flex;flex-wrap:wrap;gap:9px;align-items:end;margin:10px 0}
.arcade-account .account-actions:not(:has(button:not([hidden]))){display:none}
.arcade-account label{display:grid;gap:7px;max-width:100%;font-size:11px;color:#c9bda8}
.arcade-account input{width:260px;max-width:100%;background:#111721;font-size:13px;font-weight:normal;letter-spacing:0}
.arcade-account input::placeholder{color:#8b897f}
.arcade-account .account-name-notice{padding:10px 12px;border:1px solid #d7b4638c;border-left:4px solid #e2bb62;border-radius:3px;background:#342b1c;color:#f2deb4;font-size:12px;line-height:1.7;box-shadow:inset 0 1px 0 #ffe6a21c}
.arcade-account .account-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:12px 0}
.arcade-account .account-records li{padding:11px 12px;border:1px solid #ad905135;border-radius:3px;background:#111722;font-size:11px;line-height:1.8;color:#dbcbaa}
.arcade-account details{padding:10px 0 0;border:0;border-top:1px solid #b2986330;margin:10px 0 0}
.arcade-account summary{cursor:pointer;display:list-item;list-style-position:inside;min-height:32px;padding:5px 0;font:10px/1.8 "Courier New",monospace;font-weight:bold;letter-spacing:.1em;color:#ddc897}
.arcade-account details[open]>summary{margin-bottom:12px}
.arcade-account details details{padding:12px 14px;border:1px solid #ad905135;background:#111722;border-radius:3px;margin:5px 0 14px}
.arcade-account select{margin-right:8px;max-width:100%;font-size:12px}
.arcade-account ol{padding-left:23px;font-size:12px;line-height:2}
.arcade-account .account-privacy,.arcade-account .account-event-note{font-size:11px;line-height:1.85;color:#b9b1a3;margin:12px 0}
.arcade-account .account-event-note{color:#d3b987}
.arcade-account .account-dialog{background:#171d29;color:#efdfc2;border:2px solid #c5a061;border-radius:6px;padding:25px;width:min(460px,calc(100% - 30px));box-sizing:border-box;max-height:90dvh;overflow:auto;box-shadow:0 0 0 4px #312719,0 20px 80px #0008}
.arcade-account .account-dialog::backdrop{background:#050812df;backdrop-filter:blur(3px)}
.arcade-account .account-dialog h2{font:13px/1.8 ArcadeAccountPixel,"Courier New",monospace;color:#f4d491;letter-spacing:0;margin:0 0 17px}
.arcade-account .account-dialog p{font-size:13px;line-height:1.9;color:#d1c5b2;margin:12px 0}
.arcade-account .account-wallets{display:grid;gap:10px;margin:18px 0}
.arcade-account .account-wallets button{text-align:left;border-color:#b191584f;background:#292c35;min-height:48px;font-size:12px}
.arcade-account .account-dialog>button{width:100%;margin-top:7px;font-size:10px;color:#c6bdaa;background:#171b23}
@media(max-width:700px){.arcade-account{grid-template-columns:minmax(0,1fr);padding:16px;gap:5px;margin-block:15px}.arcade-account>h2{font-size:9px;grid-column:1;grid-row:auto}.arcade-account>p[role="status"]:first-of-type{grid-column:1;grid-row:auto;font-size:12px}.arcade-account>div.account-actions:first-of-type{grid-column:1;grid-row:auto;justify-content:start;margin:8px 0 0}.arcade-account .account-actions>button{flex:1 1 130px;font-size:10px}.arcade-account .account-name-notice{padding:10px 11px;font-size:12px;line-height:1.65}.arcade-account .account-records{grid-template-columns:1fr;gap:6px;margin-block:10px}.arcade-account summary{min-height:40px;padding:8px 0}.arcade-account .account-name{gap:10px}.arcade-account .account-name label{flex:1;min-width:150px}.arcade-account input{width:100%}.arcade-account .account-privacy,.arcade-account .account-event-note{font-size:11px}.arcade-account .account-dialog{padding:21px}.arcade-account .account-dialog h2{font-size:11px}.arcade-account .account-dialog p{font-size:12px}.arcade-account details details{padding:10px}.arcade-account select{width:100%;margin:0 0 9px}.arcade-account details details>button{width:100%}}
@media(prefers-reduced-motion:reduce){.arcade-account button{transition:none}}
.walkable-page>.arcade-account{margin:28px 0 38px;padding:22px 24px;border-color:#aa8c5059;background:linear-gradient(110deg,#27282a,#191f2b);scroll-margin-top:95px}
.arcade-account{font-size:14px}.arcade-account>h2{font-size:11px}
.arcade-account>p,.arcade-account>p[role="status"]:first-of-type{font-size:14px;line-height:1.8}
.arcade-account button,.arcade-account input,.arcade-account select{font-size:12px}
.arcade-account input,.arcade-account select{font-size:16px;line-height:1.5}
.arcade-account summary{font-size:11px;min-height:44px;line-height:1.8;display:list-item;padding-block:12px}
.arcade-account .account-privacy,.arcade-account .account-event-note{font-size:13px;line-height:1.8}
.arcade-account .account-dialog p{font-size:14px;line-height:1.85}
.arcade-account .account-dialog>button{font-size:12px;min-height:44px}
@media(max-width:700px){.walkable-page>.arcade-account{padding:20px 17px;margin:23px 0 34px}.arcade-account>h2{font-size:10px}.arcade-account>p[role="status"]:first-of-type{font-size:13px}.arcade-account .account-actions>button{font-size:11px}.arcade-account .account-name-notice{font-size:12px}.arcade-account .account-privacy,.arcade-account .account-event-note{font-size:12px}.arcade-account .account-dialog p{font-size:13px}.arcade-account summary{font-size:10px}}