/* Registry of the Society: the console's olive LCD, square Game Boy frames, bordeaux for the main action. */
.society-page [hidden] {display:none!important}
.society-page .account-main {font-size:13px}
.society-page .account-heading {flex-wrap:wrap}
.society-page .account-heading>div {flex:1 1 auto}
.society-page .account-heading>.society-heading-actions {display:flex;align-items:center;gap:10px;flex:0 0 auto}
.society-page #society-content {display:grid;gap:22px}
.society-page #society-registry {display:grid;gap:22px}
.society-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:14px}
.society-toolbar a {display:inline-flex;align-items:center;min-height:44px;color:var(--lcd-ink);font-weight:700}
.society-language {display:flex;align-items:center;gap:8px;margin:0 0 0 auto;color:var(--lcd-ink);font-size:12px}
.society-language select {min-height:44px;padding:5px;border:2px solid var(--lcd-ink);border-radius:0;background:var(--lcd-light);color:var(--lcd-ink);font:inherit}
.society-heading-actions .society-language {margin:0}
.society-heading-actions .society-language>span {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body#chimera-console.society-page h2 {margin:0 0 10px;color:var(--lcd-ink);font:800 .92rem/1.3 var(--lcd-font);letter-spacing:.06em;text-transform:uppercase}
.society-renown {padding:16px;border:2px solid var(--lcd-ink);background:var(--lcd-shade);box-shadow:3px 3px 0 var(--lcd-line)}
.society-metrics {display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);align-items:center;gap:16px;margin-bottom:10px}
.society-metrics>div {display:flex;flex-direction:column;gap:3px;min-width:0}
.society-metrics>div:last-child {align-items:flex-end;text-align:right;gap:6px}
.society-metrics span,.society-metrics small {color:var(--lcd-muted);font:600 11px/1.3 var(--lcd-font);letter-spacing:.04em}
.society-metrics strong {color:var(--lcd-ink);font:800 30px/1.15 var(--lcd-font);overflow-wrap:anywhere}
.society-metrics #society-rank-title {font-size:20px}
.society-metrics #society-rank {padding:3px 6px;border:1px solid var(--lcd-line);background:var(--lcd-paper);font-size:10px}
.society-renown-details {margin-top:10px;padding:0;border-top:1px dashed var(--lcd-line)}
.society-renown-details summary {min-height:44px;margin:0;align-content:center;color:var(--lcd-ink);cursor:pointer;font:600 11px/1.5 var(--lcd-font)}
.society-renown-details summary:focus-visible {outline:2px solid var(--lcd-accent-dark);outline-offset:2px}
.society-sources {display:flex;flex-wrap:wrap;gap:6px}
.society-sources>span {padding:4px 6px;border:1px solid var(--lcd-line);background:var(--lcd-paper);font:11px/1.4 var(--lcd-font);color:var(--lcd-ink)}
.society-page progress {display:block;width:100%;height:12px;margin:8px 0;border:2px solid var(--lcd-ink);border-radius:0;background:var(--lcd-light);accent-color:var(--lcd-ink);appearance:none}
.society-page progress::-webkit-progress-bar {background:var(--lcd-light)}
.society-page progress::-webkit-progress-value {background:var(--lcd-ink)}
.society-page progress::-moz-progress-bar {background:var(--lcd-ink)}
.society-muted {margin:6px 0 0;color:var(--lcd-muted);font-size:12px;line-height:1.55}
.society-works,.society-done {display:grid;gap:12px;margin:0;padding:0;list-style:none}
.society-done:not(:empty) {gap:0;padding:0 13px;border:2px solid var(--lcd-ink);background:var(--lcd-light);box-shadow:3px 3px 0 var(--lcd-line)}
/* Focus moves to the list heading after a claim, for screen readers: no ring on a heading. */
.society-page #society-works-title:focus {outline:none}
.society-work {min-width:0;padding:13px;border:2px solid var(--lcd-ink);background:var(--lcd-light);box-shadow:3px 3px 0 var(--lcd-line);overflow-wrap:anywhere}
.society-work[data-state=ready] {border-left:6px solid var(--lcd-accent)}
.society-work-head {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 10px}
.society-work h3 {margin:0;color:var(--lcd-ink);font:800 14px/1.35 var(--lcd-font)}
.society-state {padding:5px 7px;border:1px solid var(--lcd-ink);background:var(--lcd-paper);color:var(--lcd-ink);font:700 10px/1 var(--lcd-font);letter-spacing:.08em;text-transform:uppercase}
.society-work[data-state=ready] .society-state {border-color:var(--lcd-accent-dark);background:var(--lcd-accent);color:var(--lcd-on-accent)}
.society-work p {margin:8px 0 0}
.society-work-terms strong {font-family:var(--lcd-font)}
.society-work-actions {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.society-work-actions label {color:var(--lcd-ink);font:600 12px var(--lcd-font)}
.society-work-actions select {max-width:100%;min-height:44px;padding:4px 8px;border:2px solid var(--lcd-ink);border-radius:0;background:var(--lcd-paper);color:var(--lcd-ink);font:12px var(--lcd-font)}
body#chimera-console.society-page .society-work-actions button {min-height:44px;padding:8px 14px;border:2px solid var(--lcd-accent-dark);border-radius:0;background:var(--lcd-accent);color:var(--lcd-on-accent);box-shadow:2px 2px 0 var(--lcd-line);font:700 .74rem/1.2 var(--lcd-font)}
body#chimera-console.society-page .society-work-actions button:hover:not(:disabled) {background:var(--lcd-accent-dark)}
.society-link-button {display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:2px solid var(--lcd-ink);background:var(--lcd-paper);box-shadow:2px 2px 0 var(--lcd-line);color:var(--lcd-ink);font:700 .74rem/1.2 var(--lcd-font);text-decoration:none}
.society-link-button:hover {background:var(--lcd-ink);color:var(--lcd-light)}
.society-done-line {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:10px 0;border-bottom:1px dashed var(--lcd-line)}
.society-done-line:last-child {border-bottom:0}
.society-done-line strong {color:var(--lcd-ink);font:800 13px var(--lcd-font)}
.society-done-line span {font-size:12px}
.society-done-line time {margin-left:auto;color:var(--lcd-muted);font:11px var(--lcd-font)}
@media (max-width:600px) {
  .society-page .account-heading {align-items:flex-start;flex-direction:column;gap:12px}
}
@media (max-width:420px) {
  .society-metrics strong {font-size:24px}
  .society-metrics #society-rank-title {font-size:17px}
  .society-renown,.society-work {padding:11px}
  .society-done-line time {flex-basis:100%;margin-left:0}
}

/* Renown line at the top of the collection (society-badge.js), above the slots line, which keeps its layout. */
body#chimera-console.collection-page .society-renown-badge {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px;padding:0 0 0 10px;border:2px solid var(--lcd-ink);background:var(--lcd-shade);box-shadow:2px 2px 0 var(--lcd-line);color:var(--lcd-ink);font:600 11px/1.3 var(--lcd-font)}
body#chimera-console.collection-page .society-renown-badge[hidden] {display:none}
body#chimera-console.collection-page .society-renown-badge strong {font-weight:800}
body#chimera-console.collection-page .society-renown-badge a {display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-left:2px solid var(--lcd-ink);background:var(--lcd-light);color:var(--lcd-accent-dark);font-weight:800;text-decoration:none}
body#chimera-console.collection-page .society-renown-badge a:hover {background:var(--lcd-accent);color:var(--lcd-on-accent)}
body#chimera-console.console-page #collection-main:has(.has-selection) #collection-renown {display:none}

/* Permanent letters retain their received/read states independently. */
.society-mail-heading,.society-letter-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.society-mail-heading {margin-bottom:12px}
.society-mail-heading .society-muted {margin:0 0 6px}
.society-mail-heading h2 {margin-bottom:0!important}
.society-mail-folders {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body#chimera-console.society-page .society-mail-folders button {display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 180px;min-width:0;min-height:44px;padding:8px 12px;border:2px solid var(--lcd-ink);border-radius:0;background:var(--lcd-paper);color:var(--lcd-ink);font:700 12px/1.3 var(--lcd-font);box-shadow:2px 2px 0 var(--lcd-line)}
body#chimera-console.society-page .society-mail-folders button[aria-pressed=true] {border-color:var(--lcd-accent-dark);background:var(--lcd-accent);color:var(--lcd-on-accent)}
body#chimera-console.society-page .society-mail-folders button:focus-visible {outline:2px solid var(--lcd-accent-dark);outline-offset:3px}
.society-folder-count {padding:2px 5px;border:1px solid currentColor;font-size:10px}
.society-mail-list {display:grid;gap:14px;padding:0;margin:14px 0 0;list-style:none}
.society-letter {position:relative;min-width:0;padding:16px;border:2px solid var(--lcd-ink);background:var(--lcd-paper);box-shadow:3px 3px 0 var(--lcd-line);overflow-wrap:anywhere}
.society-letter[data-state=ready] {border-left:6px solid var(--lcd-accent)}
.society-letter h3,.society-journey-next h3 {margin:0;color:var(--lcd-ink);font:800 14px/1.4 var(--lcd-font)}
.society-letter h3:focus {outline:none}
.society-letter p {margin:12px 0 0;line-height:1.7}
.society-letter time {display:block;margin-top:6px;font-size:11px}
.society-letter-tags {display:flex;flex-wrap:wrap;gap:6px}
.society-letter-new {border-color:var(--lcd-accent-dark);background:var(--lcd-accent);color:var(--lcd-on-accent)}
.society-letter-seal {display:inline-block;margin-top:12px;padding:6px 9px;border:2px double var(--lcd-ink);color:var(--lcd-ink);font:800 10px/1.3 var(--lcd-font);letter-spacing:.06em;text-transform:uppercase}
.society-letter .society-service-closed {padding:8px;border:1px dashed var(--lcd-line);font-size:12px}
body#chimera-console.society-page .society-work-actions .society-read-button {border-color:var(--lcd-line);background:transparent;color:var(--lcd-ink);box-shadow:none}
body#chimera-console.society-page .society-work-actions .society-read-button:hover:not(:disabled) {background:var(--lcd-shade)}
.society-journey-next {margin:12px 0;padding:14px;border:2px solid var(--lcd-ink);background:var(--lcd-shade)}
.society-journey-next p {margin:7px 0 12px;line-height:1.6}
.society-mail-hint {max-width:65ch}
.society-letter-stamped .society-letter-seal {animation:society-stamp .3s ease-out}
.society-letter-opened {animation:society-open-letter .3s ease-out}
@keyframes society-stamp {from {opacity:0;transform:scale(1.16) rotate(-5deg)} to {opacity:1;transform:scale(1) rotate(0)}}
@keyframes society-open-letter {from {background:var(--lcd-shade)} to {background:var(--lcd-paper)}}
@media(max-width:420px) {.society-letter {padding:12px}.society-letter .society-work-actions {align-items:stretch;flex-direction:column}.society-letter .society-work-actions :is(a,button) {justify-content:center}}

body#chimera-console.console-page #journey-locked-main {display:grid;place-items:center;box-sizing:border-box;min-height:100%;padding:16px}
.journey-locked-sign {box-sizing:border-box;width:min(520px,100%);padding:0 18px 18px;border:3px double var(--lcd-ink);background:var(--lcd-paper);color:var(--lcd-ink);box-shadow:3px 3px 0 var(--lcd-line);font-family:var(--lcd-font);text-align:center}
.journey-locked-sign .journey-locked-eyebrow {margin:0 -18px 14px;padding:9px;background:var(--lcd-ink);color:var(--lcd-light);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.journey-locked-sign img {object-fit:contain;image-rendering:pixelated}
.journey-locked-sign h1 {font:800 20px/1.35 var(--lcd-font);color:var(--lcd-accent-dark)}
.journey-locked-sign p {font-size:13px;line-height:1.7}
.journey-locked-next {padding:12px;border:1px dashed var(--lcd-line);background:var(--lcd-shade)}
.journey-locked-sign .society-work-actions {justify-content:center}
.journey-locked-back {display:inline-flex;align-items:center;min-height:44px;color:var(--lcd-ink);font-size:12px}