:root{--astrantia-accent:#137d76;--astrantia-ink:#123c39}
/* Fomantic adds body.pushable only after JS initializes. Keep the same layout before then. */
body > .pusher{display:flex!important;flex-direction:column!important;min-height:100vh!important;min-height:100svh!important}
body > .pusher > #wrapper{flex:1 0 auto}
body > .pusher > #footer{flex:0 0 auto;margin:0!important}
html{scrollbar-gutter:stable}
.ui.masthead{background-image:radial-gradient(ellipse at 12% 20%,#216a64 0,transparent 55%),linear-gradient(125deg,#102522,#1e3935)!important;background-color:#102522!important}
.ui.masthead h1{font-size:2.7rem;letter-spacing:-.04em}.connect-server{border:1px solid #ffffff25;border-radius:12px!important;background:#ffffff10!important}
.navbar{box-shadow:0 2px 12px #173e3714}.navbar .nav-link{font-weight:600}
.card,.ui.segment{border-radius:12px!important;box-shadow:0 3px 16px #163d3010}
.ui.segment{padding:1.5rem;background:var(--white,#fff);border:1px solid #ddd}
.ui.button,.astrantia-copy{display:inline-block;border:1px solid #c4d7d4;border-radius:7px;padding:.65rem 1rem;margin:.25rem .3rem .25rem 0;color:var(--astrantia-ink);background:#f3faf8;text-decoration:none;font-weight:600;cursor:pointer}
.ui.primary.button{background:var(--astrantia-accent);border-color:var(--astrantia-accent);color:#fff}
.astrantia-copy{font-size:.8rem;padding:.25rem .55rem;margin-left:.4rem}
.card-body h2{color:var(--astrantia-ink);font-weight:700;margin-bottom:1rem}.card-body h3{font-size:1.25rem;margin-top:1.8rem;color:#23756c}
.card-body p,.card-body li{line-height:1.8}.card-body code{background:#edf5f2;border-radius:4px;padding:.2rem .4rem;color:#12675e}
#widget-online-staff,#widget-online-users,#widget-statistics{display:none!important}
/* Nameless' generic member dashboard is empty until profiles are linked. */
.navbar a[href="/members/"],a[href="/members/"]{display:none!important}
.astrantia-mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.5rem 0}
.astrantia-mechanics-grid a{display:flex;flex-direction:column;gap:.45rem;padding:1.15rem;border:1px solid #cfe1dd;border-radius:10px;background:#f7fbfa;color:var(--astrantia-ink);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.astrantia-mechanics-grid a:hover{transform:translateY(-2px);box-shadow:0 5px 16px #163d3018}.astrantia-mechanics-grid span{color:#50635f;line-height:1.45}
.astrantia-guide-steps li{margin:.55rem 0}.astrantia-guide-note{border-left:4px solid var(--astrantia-accent);padding:.85rem 1rem;background:#f1f8f6;border-radius:0 8px 8px 0}
.ui.table{width:100%;border-collapse:collapse}.ui.table td,.ui.table th{padding:.8rem;border-bottom:1px solid #ddd;text-align:left}
@media(max-width:600px){.ui.table{font-size:.85rem}.ui.table th:last-child,.ui.table td:last-child{display:none}.ui.button{display:block;text-align:center}}
.astrantia-access { max-width: 780px !important; padding: 2rem 0; }
.astrantia-guide-section{margin-top:2rem}
.astrantia-guide-section p,.astrantia-guide-section li{line-height:1.65}
.astrantia-guide-table{max-width:100%;overflow-x:auto}
.astrantia-guide .ui.table td,.astrantia-guide .ui.table th{display:table-cell!important;vertical-align:top;overflow-wrap:anywhere}
.astrantia-guide .ui.table td:first-child{width:27%;min-width:105px;font-weight:600}
@media(max-width:600px){.astrantia-guide .ui.segment{padding:1.1rem}.astrantia-guide h1{font-size:1.7rem}.astrantia-guide .ui.table{font-size:.9rem}}
.astrantia-control { padding: 2rem 0; }
.astrantia-tabs { display: flex; gap: .5rem; flex-wrap: wrap; margin: 1.5rem 0; }
.astrantia-tabs button { border: 1px solid #128b80; background: white; border-radius: .4rem; padding: .8rem 1.1rem; cursor: pointer; }
.astrantia-tabs button[aria-pressed="true"] { background: #128b80; color: white; }
.astrantia-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 1rem; }
.astrantia-metrics > div { border: 1px solid #dde5e3; border-radius: .5rem; padding: 1rem; }
.astrantia-metrics strong { font-size: 1.3rem; }
.astrantia-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.astrantia-control label { display: block; margin: 1rem 0; }
.astrantia-control form button { margin: 1rem 0 !important; }
#console-output { background: #101c24; color: #d8efe6; min-height: 260px; max-height: 460px; overflow: auto; padding: 1rem; white-space: pre-wrap; overflow-wrap: anywhere; border-radius: .5rem; }
#message-preview { background: #182834; color: #ffd166; display: flex; min-height: 150px; padding: 2rem; align-items: center; justify-content: center; flex-direction: column; text-align: center; overflow-wrap: anywhere; }
#message-preview strong { font-size: clamp(1.2rem,3vw,2rem); }
#message-preview span { color: #ffeeaa; margin-top: .5rem; }
#message-preview.chat-preview { min-height: 80px; text-align: left; align-items: flex-start; }
#message-preview.chat-preview strong { font-size: 1rem; }
.astrantia-control [hidden], .astrantia-access [hidden] { display: none !important; }
@media(max-width:600px) { .astrantia-tabs button { flex: 1 0 40%; } .astrantia-control .ui.segment { padding: 1rem; } }