.account-page{padding:150px 0 80px}.account-page>h1{font-size:clamp(2.3rem,5vw,4rem);margin:16px 0}.account-intro{max-width:660px;margin-bottom:32px}.account-card{padding:28px;border:1px solid var(--line,#39313d);background:#111016;border-radius:14px}.account-card h2{font-size:1.6rem;margin:0 0 16px}.account-card h3{font-size:1.1rem;margin:20px 0 10px}.account-card p{margin:12px 0}.account-form{display:grid;gap:12px;margin:20px 0;max-width:520px}.account-form label{font-weight:600}.account-form input,.account-form select{width:100%;padding:13px;background:#09080c;border:1px solid #5c4e5c;border-radius:6px;color:#eee8df;font:inherit}.account-form button{justify-self:start}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.account-facts{display:grid;grid-template-columns:110px 1fr;gap:12px}.account-facts dt{color:#b2a7b5}.account-facts dd{margin:0;overflow-wrap:anywhere}.account-list{list-style:none;padding:0}.account-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #39313d}.account-list .button{padding:9px 14px}.account-council{margin-top:24px}.account-oracles{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-oracles details{padding:18px;background:#09080c;border-radius:8px;border:1px solid #39313d}.account-oracles summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px}.account-oracles summary span{color:#ba9c64}.account-conversation{max-height:350px;overflow:auto}.account-conversation p{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#17131b}.account-message{min-height:28px;color:#dbbf86;max-width:740px}.account-page .actions{flex-wrap:wrap}.account-page button:disabled{opacity:.6;cursor:wait}#account-history-list{display:grid;gap:10px;margin-top:18px}@media(max-width:800px){.account-grid,.account-oracles{grid-template-columns:1fr}.account-page{padding-top:120px}.account-card{padding:22px}.account-heading{align-items:flex-start;flex-direction:column}}
.account-form .account-checkbox{display:flex;align-items:flex-start;gap:12px;font-weight:400;line-height:1.6;cursor:pointer}.account-form .account-checkbox input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:3px 0 0;padding:0;accent-color:var(--gold,#ba9c64);cursor:pointer}.account-form .account-checkbox input[type=checkbox]:focus-visible{outline:2px solid #dbbf86;outline-offset:4px}.newsletter-choice{padding:18px 0 4px;border-top:1px solid var(--line,#39313d)}.newsletter-choice .fine{margin:8px 0 0 32px}.account-email-preferences{margin-top:24px}.account-email-preferences [role=status]{min-height:1.6em;margin:0}

/* Shared Player Council: a black chamber with a quiet brass frame. */
#browser-app .browser-council{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(260px,1.7fr) minmax(290px,1.1fr);gap:0;border:1px solid #39342b;background:#080909;border-radius:10px;overflow:hidden;align-items:stretch}
.browser-council .browser-roster{background:#0b0c0c;border-right:1px solid #39342b;padding:12px;display:flex;flex-direction:column;gap:6px}
.browser-council .browser-roster button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:12px 10px;min-height:50px;background:transparent;border:1px solid transparent;border-radius:5px;color:#eee5d5;font:inherit;font-size:.9rem;overflow-wrap:anywhere;cursor:pointer}
.browser-council .browser-roster button[aria-pressed=true]{background:#262218;border-color:#8a7349;color:#f5dca6}
.browser-council .browser-roster small{display:block;color:#b9af9b;margin-top:4px;font-size:.8rem;line-height:1.4}
.browser-council .browser-glyph{font-size:1.65rem;min-width:25px;text-align:center}
.browser-presence{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 48%,#1a1914 0%,#080909 64%);padding:12px}
.browser-presence .council-viewport{position:relative;width:100%;height:clamp(400px,57vh,640px);min-height:320px;touch-action:none;flex:1}
.browser-presence canvas{display:block;width:100%;height:100%}
.browser-camera{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.browser-camera button{font:inherit;font-size:.875rem;min-height:44px;padding:8px 12px;background:#151613;border:1px solid #574a32;border-radius:5px;color:#e4d4b5;cursor:pointer}
.browser-camera button:disabled{opacity:.5;cursor:default}
.browser-council button:focus-visible,.browser-council [tabindex]:focus-visible{outline:2px solid #ebc781;outline-offset:-2px}
.browser-presence p{text-align:center;line-height:1.5;margin:8px 0;color:#b7ad99}
.browser-presence .presence-status{min-height:1.5em}
.browser-council .browser-detail{min-width:0;padding:22px;background:#101110;border-left:1px solid #39342b;border-radius:0}
.browser-identity-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.browser-council h2{font-size:1.65rem;line-height:1.2;overflow-wrap:anywhere;margin:0}
.browser-rulerships{display:flex;gap:5px;flex-wrap:wrap}
.browser-rulerships span{border:1px solid #675436;border-radius:4px;padding:4px 6px;font-size:.8rem;color:#d9b776}
.browser-archetype{color:#c1b7a4;margin:10px 0 18px;line-height:1.5}
.browser-presence .presence-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}
.browser-presence .presence-loading[hidden]{display:none}
.browser-presence .presence-loading span{font:64px/1 'Segoe UI Symbol',serif;color:#b9af9b;opacity:.65}
.browser-symbols{display:grid;gap:10px}
.browser-symbols section{display:grid;grid-template-columns:1fr 1fr;border:1px solid #504633;border-radius:5px;background:#0a0b0b}
.browser-symbols section>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px;gap:6px;min-width:0}
.browser-symbols section>div+div{border-left:1px solid #504633}
.browser-symbols div>span,.browser-symbols small{font-size:.8rem;color:#c5bba8}
.browser-symbols strong{font-family:'Segoe UI Symbol','Noto Sans Symbols 2',sans-serif;font-size:1.4rem;color:#eddfc2;line-height:1.5}
.browser-level{display:flex;justify-content:space-between;border-bottom:1px solid #39342b;padding-bottom:14px;color:#c5bba8}
.browser-chat-toggle{margin:4px 0 16px}
.browser-council .browser-transcript{max-height:440px;overflow:auto;overscroll-behavior:contain;padding-right:5px}
.browser-council .browser-transcript[hidden]{display:none}
.browser-council .browser-transcript h3{font-size:1rem;margin:0 0 12px}
.browser-council .browser-transcript > ol{list-style:none;padding:0;margin:0}
.browser-council .browser-transcript > ol > li{border-top:1px solid #39342b;padding:15px 0;color:#e2dacd}
.browser-council .browser-transcript > ol > li > strong{font-size:.875rem;color:#dac28c;overflow-wrap:anywhere}
.browser-council .browser-transcript > ol > li > p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:8px 0 0}
.browser-council .reply-text{white-space:normal;overflow-wrap:anywhere;line-height:1.65;margin-top:8px}
.browser-council .reply-text p{margin:0 0 .85em}
.browser-council .reply-text p:last-child,.browser-council .reply-text ul:last-child,.browser-council .reply-text ol:last-child,.browser-council .reply-text pre:last-child{margin-bottom:0}
.browser-council .reply-text strong,.browser-council .reply-text .reply-heading{font-weight:650;color:#eee5d6}
.browser-council .reply-text ul,.browser-council .reply-text ol{margin:.25em 0 .85em;padding-left:1.4em}
.browser-council .reply-text li{margin:.3em 0;padding-left:.15em}
.browser-council .reply-text li::marker{color:#b5a582}
.browser-council .reply-text code{font:.9em ui-monospace,monospace;background:#181715;border-radius:3px;padding:.08em .25em}
.browser-council .reply-text pre{white-space:pre-wrap;margin:.3em 0 .85em;padding:.7em;background:#181715;border:1px solid #35312b;border-radius:6px}
.browser-council .reply-text pre code{padding:0;background:none}
@media(max-width:1050px){#browser-app .browser-council{grid-template-columns:160px minmax(0,1fr)}.browser-council .browser-detail{grid-column:1/-1;border-left:0;border-top:1px solid #39342b}.browser-symbols{grid-template-columns:1fr 1fr}.browser-council .browser-transcript{max-height:400px}}
@media(max-width:600px){#browser-app .browser-council{grid-template-columns:minmax(0,1fr)}.browser-council .browser-roster{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #39342b;padding:8px}.browser-council .browser-roster button{flex:0 0 155px;width:155px}.browser-presence .council-viewport{height:420px;min-height:300px}.browser-council .browser-detail{padding:18px}.browser-symbols{grid-template-columns:1fr}.browser-camera-help{font-size:.8rem}}

/* Keep scrolling surfaces quiet; retain native high-contrast controls. */
@media (forced-colors: none) {
  :root {
    --scrollbar-track: #0d0e0d;
    --scrollbar-thumb: #383a35;
    --scrollbar-hover: #53564d;
    --scrollbar-active: #696d60;
  }
  * { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
  @supports selector(::-webkit-scrollbar) {
    * { scrollbar-width: auto; scrollbar-color: auto; }
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-track { background: var(--scrollbar-track); }
    ::-webkit-scrollbar-thumb {
      min-height: 32px;
      border: 3px solid var(--scrollbar-track);
      border-radius: 10px;
      background: var(--scrollbar-thumb);
    }
    ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-hover); }
    ::-webkit-scrollbar-thumb:active { background: var(--scrollbar-active); }
    ::-webkit-scrollbar-corner { background: var(--scrollbar-track); }
    ::-webkit-scrollbar-button { width: 0; height: 0; display: none; }
  }
}