body#chimera-console.twitch-page #twitch-main {color:#304029;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5}
body#chimera-console.twitch-page #twitch-main [hidden] {display:none!important}
.twitch-page #twitch-main h2 {margin:0;font-size:1rem;line-height:1.3;letter-spacing:-.03em}
.twitch-page #twitch-main p {margin:8px 0}
.twitch-page #twitch-main a {color:#304029;text-underline-offset:3px}
.twitch-page .twitch-hero {display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px 18px;align-items:center;padding-bottom:18px;margin-bottom:16px;border-bottom:2px solid #8e9b70}
.twitch-page .twitch-hero .account-heading {margin:0}
.twitch-page .twitch-hero-art {display:block;width:100%;height:116px;object-fit:contain;border:1px solid #8e9b70;border-radius:4px;grid-column:2;grid-row:1 / span 2}
.twitch-page .twitch-hero-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body#chimera-console.twitch-page #twitch-main :is(button,.twitch-primary) {background:#dce6bf;color:#304029;border:1px solid #73865c;border-radius:4px;box-shadow:0 2px 0 #93a47b;font:700 .75rem/1.3 ui-monospace,monospace;padding:10px 12px;min-height:40px;cursor:pointer}
body#chimera-console.twitch-page #twitch-main .twitch-primary {display:inline-flex;align-items:center;justify-content:center;background:var(--lcd-accent);border-color:var(--lcd-accent);color:var(--lcd-on-accent);box-shadow:2px 2px 0 var(--lcd-shade);text-decoration:none}
body#chimera-console.twitch-page #twitch-main button:disabled {cursor:default;opacity:.55}
.twitch-page #twitch-main :is(a,button,input,summary):focus-visible {outline:3px solid #882747;outline-offset:3px}
.twitch-page #twitch-main .account-panel {max-width:none;margin:0 0 18px}
.twitch-page .twitch-section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.twitch-page .twitch-section-heading a {font-size:.72rem}
.twitch-page .twitch-stamp {background:#304029;color:#e7edcd;border-radius:2px;padding:3px 7px;font-size:.62rem;font-weight:800;white-space:nowrap}
.twitch-page .twitch-hint {font-size:.72rem;color:#4c5c3e}
.twitch-page .twitch-copy-row {display:grid;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:8px;margin:9px 0}
body#chimera-console.twitch-page #twitch-main .twitch-copy-row label {font-size:.72rem;color:#304029}
body#chimera-console.twitch-page #twitch-main input {width:100%;min-width:0;min-height:42px;margin:0;background:#eff2dc;color:#304029;border:1px solid #819268;border-radius:3px;padding:8px 10px;font:700 .88rem/1.3 ui-monospace,monospace;box-shadow:inset 0 1px 2px #67754f20}
.twitch-page .twitch-start {margin:20px 0}
.twitch-page .twitch-start ol {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;counter-reset:start;padding:0;margin:12px 0}
.twitch-page .twitch-start li {counter-increment:start;position:relative;padding-left:30px}
.twitch-page .twitch-start li::before {content:counter(start);position:absolute;left:0;top:1px;background:#304029;color:#e8efd0;width:22px;height:22px;display:grid;place-items:center;border-radius:3px;font-weight:800}
.twitch-page .twitch-start strong {display:block;font-size:.78rem}
.twitch-page .twitch-start span {display:block;font-size:.7rem;margin-top:5px}
.twitch-page .twitch-deck-section {margin-top:22px;border-top:1px solid #8e9b70;padding-top:18px}
.twitch-page .twitch-consent {font-size:.72rem;border-left:3px solid #8a3350;padding:5px 10px;background:#e4e9ca}
.twitch-page .twitch-deck {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:16px 0}
.twitch-page .twitch-creature {display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #8e9b70;background:#e3e9c9;border-radius:4px;align-items:start}
.twitch-page .twitch-portrait {width:74px;height:100px;object-fit:cover;border:1px solid #97a076;background:#d2ddb0;border-radius:3px;display:block}
.twitch-page .twitch-portrait-missing {display:grid;place-items:center;font-size:1.8rem;color:#7c895f}
.twitch-page .twitch-creature strong {display:block;font-size:.85rem;overflow-wrap:anywhere}
.twitch-page .twitch-creature-status {display:block;font-size:.68rem;line-height:1.4;margin:4px 0 8px;color:#4c5c3e}
.twitch-page .twitch-creature[data-enrolled=true] {border-color:#506d3f;box-shadow:inset 3px 0 0 #506d3f}
.twitch-page .twitch-creature-actions {display:flex;gap:8px;flex-wrap:wrap;align-items:center;grid-column:1 / -1}
.twitch-page .twitch-creature-actions a {font-size:.7rem}
body#chimera-console.twitch-page #twitch-main .twitch-withdraw {background:transparent;box-shadow:none;border-color:#97685f;color:#633f38}
.twitch-page .twitch-pages {display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0}
.twitch-page #twitch-page {font-size:.7rem;text-align:center}
.twitch-page .twitch-refresh-row {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0 20px}
.twitch-page #twitch-loading {font-size:.7rem}
.twitch-page #twitch-error {padding:10px;border:1px solid #8d5147;background:#e7d8bf;color:#6d302c;border-radius:3px;overflow-wrap:anywhere}
.twitch-page #twitch-status {border-left:3px solid #506d3f;padding:8px 10px;background:#e3e9c9}
.twitch-page .twitch-rules {border-top:2px solid #8e9b70;padding-top:18px;scroll-margin-top:16px}
.twitch-page .twitch-rule-intro {font-weight:700}
.twitch-page .twitch-flow {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;counter-reset:flow;padding:0;margin:14px 0}
.twitch-page .twitch-flow li {counter-increment:flow;background:#e3e9c9;border:1px solid #8e9b70;border-radius:3px;padding:10px 12px}
.twitch-page .twitch-flow strong::before {content:counter(flow) " · ";color:#882747}
.twitch-page .twitch-flow p {font-size:.73rem}
.twitch-page .twitch-rules details {border-top:1px solid #96a47b;padding:10px 0}
.twitch-page .twitch-rules summary {cursor:pointer;font-weight:800;padding:4px 0}
body#chimera-console.twitch-page #twitch-main .twitch-rules summary {color:#304029}
.twitch-page .twitch-rules details p {font-size:.75rem}
.twitch-page .twitch-commands {border:1px solid #8e9b70;border-radius:3px;background:#e3e9c9;margin:14px 0}
.twitch-page .twitch-commands>div {display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:9px 12px}
.twitch-page .twitch-commands>div+div {border-top:1px solid #bac49d}
.twitch-page .twitch-commands dt {font-weight:800}
.twitch-page .twitch-commands [data-side="champion"] dt {color:#304f68}
.twitch-page .twitch-commands [data-side="enemy"] dt {color:#823d46}
.twitch-page .twitch-commands dd {margin:0;font-size:.72rem}
@media(max-width:680px) {.twitch-page .twitch-copy-row {grid-template-columns:minmax(0,1fr) auto}.twitch-page .twitch-copy-row label {grid-column:1 / -1}.twitch-page .twitch-hero {grid-template-columns:minmax(0,1fr) 130px}.twitch-page .twitch-hero-art {height:105px}.twitch-page .twitch-hero-actions {grid-column:1 / -1}.twitch-page .twitch-hero-art {grid-row:1}.twitch-page .twitch-start ol {grid-template-columns:1fr}.twitch-page .twitch-start span {margin-top:1px}}
@media(max-width:470px) {.twitch-page .twitch-hero {grid-template-columns:minmax(0,1fr) 86px;gap:10px}.twitch-page .twitch-hero-art {height:86px}.twitch-page .twitch-copy-row {grid-template-columns:1fr}.twitch-page .twitch-copy-row label {grid-column:auto}.twitch-page .twitch-copy-row button {justify-self:start}.twitch-page .twitch-deck,.twitch-page .twitch-flow {grid-template-columns:1fr}.twitch-page .twitch-commands>div {grid-template-columns:1fr;gap:3px}.twitch-page .twitch-section-heading {align-items:flex-start;flex-wrap:wrap}.twitch-page .twitch-pages {gap:8px}}
@media(prefers-reduced-motion:reduce) {.twitch-page #twitch-main {scroll-behavior:auto}}

.twitch-page .twitch-social-back {display:inline-flex;gap:6px;align-items:center;margin-bottom:14px;font-size:.72rem}
