/* Editable emerald/amethyst colors retain readable dark and light variants. */
:root { --green:var(--site-green-dark,#ade17d); --purple:var(--site-purple-dark,#d6b3ff); }
.card,dialog,.table-wrap,.community-filters,.community-topic-list,.staff-toolbar,.staff-metrics,.staff-task,.staff-advanced>details {
  --green:var(--site-green-light,#214a14); --purple:var(--site-purple-light,#593078);
}
header { background-color:var(--bg); }
header nav a.active { color:var(--green); border-color:var(--site-primary,#91bc57); }
.hero { border-bottom-color:var(--site-primary-bottom,#4c782e); }
.hero h1 span { color:var(--green); }
.hero .eyebrow { color:var(--purple); }
.hero .eyebrow:before { background:var(--purple); }
input[type=checkbox] { accent-color:var(--site-primary,#397627); }
button:not(.secondary):not(.danger):not(.link):not(.staff-task):not(.staff-area),a.button:not(.secondary),.staff-area.active {
  background:var(--site-primary,#367625); color:var(--site-button-ink,#fff); text-shadow:none;
  box-shadow:inset 2px 2px var(--site-primary-top,#73a650),inset -2px -3px var(--site-primary-bottom,#245019),0 2px #10160d;
}
.staff-area.active > span { color:inherit; }
a.button { display:inline-block; min-height:44px; padding:10px 17px; border:2px solid #141610; font-weight:700; text-align:center; line-height:1.35; text-decoration:none; }
a.button:hover { filter:brightness(1.1); }
.website-name[data-rank-style] { --rank-ink:var(--rank-on-dark,#dfbcff); color:var(--rank-ink); }
:is(.card,.table-wrap,.community-topic-list,.staff-task,.staff-rank-preview) .website-name[data-rank-style] { --rank-ink:var(--rank-on-light,#593078); color:var(--rank-ink); }
.website-name[data-rank-style] > :is(.website-member-name,.website-prefix,.website-suffix),.community-topic p .website-name[data-rank-style] > span { color:inherit; }
#identity button:not(.secondary) .website-name[data-rank-style] { --rank-ink:var(--site-button-ink,#fff); color:var(--rank-ink); }
#identity .website-name[data-rank-style] > span { color:inherit; }
.website-name[data-rank-badge=outline] > :is(.website-prefix,.website-suffix) { border:1px solid currentColor; padding:1px 5px; line-height:1.55; }
.website-name[data-rank-badge=filled] > :is(.website-prefix,.website-suffix),#identity .website-name[data-rank-badge=filled] > :is(.website-prefix,.website-suffix) { background:var(--rank-color,#8b59b1); color:var(--rank-contrast,#000); border:1px solid #0007; padding:1px 5px; line-height:1.55; text-shadow:none; }
.website-name[data-rank-effect=glow] > .website-member-name { text-shadow:0 0 9px var(--rank-color,#8b59b1); }
.website-name[data-rank-effect=shadow] > .website-member-name { text-shadow:1px 1px #0008,2px 2px #0003; }
.website-name[data-rank-effect=shine] > .website-member-name { animation:rank-shine 5s ease-in-out infinite; }
@keyframes rank-shine { 0%,65%,100% { text-shadow:none; } 80% { text-shadow:0 0 7px var(--rank-color,#8b59b1); } }
.rank-color-control,.custom-color { display:flex; align-items:center; gap:10px; }
input[type=color] { min-width:48px; width:54px; height:46px; min-height:46px; padding:5px; cursor:pointer; flex-shrink:0; }
.rank-color-control input:not([type=color]),.custom-color input:not([type=color]) { flex:1; min-width:0; font-family:monospace; }
.profile-page-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:25px; }
.profile-page-actions > :nth-child(2) { margin-left:auto; }
.player-profile { --profile-accent:#b7e497; --text:#f1f4e9; --muted:#bdc7b5; --purple:#d5b7f3; --green:#b7e497; --line:#50574b; color:var(--text); background:#282e25; border:3px solid #10150d; box-shadow:inset 2px 2px #ffffff16,0 5px #10150d; overflow:hidden; min-width:0; }
.player-profile[data-profile-accent=amethyst] { --profile-accent:#d5b7f3; }
.player-profile[data-profile-accent=sky] { --profile-accent:#9edbfa; }
.player-profile[data-profile-accent=redstone] { --profile-accent:#ffb4a1; }
.player-profile[data-profile-accent=gold] { --profile-accent:#f4d477; }
.player-profile[data-profile-accent=slate] { --profile-accent:#c7d3da; }
.profile-banner { height:240px; position:relative; border-bottom:4px solid #10150d; background:linear-gradient(0deg,#14211188,transparent 55%),url('/static/assets/elixircraft-overworld.png') center 57% / cover; image-rendering:pixelated; }
.profile-banner-label { position:absolute; top:20px; left:24px; color:#fff; background:#10150de8; padding:6px 11px; font-size:.65rem; letter-spacing:2px; border:1px solid #ffffff38; }
[data-profile-banner=amethyst] .profile-banner { background-color:#49345b; background-image:linear-gradient(45deg,#ffffff0c 25%,transparent 25%,transparent 75%,#110a2477 75%),linear-gradient(135deg,#b78fdb55 25%,transparent 25%,transparent 75%,#24133455 75%); background-size:48px 48px,80px 80px; }
[data-profile-banner=forest] .profile-banner { background-color:#243b25; background-image:linear-gradient(90deg,transparent 25%,#101f1466 25%,#101f1466 50%,transparent 50%),linear-gradient(0deg,#7d9e4938 25%,transparent 25%,transparent 75%,#0b190b66 75%); background-size:88px 88px,44px 44px; }
[data-profile-banner=stone] .profile-banner { background:#42483f; background-image:linear-gradient(0deg,#1d231b 3px,transparent 3px),linear-gradient(90deg,#1d231b 3px,transparent 3px); background-size:70px 35px; }
[data-profile-banner=night] .profile-banner { background-color:#1b213d; background-image:linear-gradient(90deg,#b3c9ea99 3px,transparent 3px),linear-gradient(#ffffff55 3px,transparent 3px),linear-gradient(0deg,#402e5966,transparent); background-size:97px 73px,137px 103px,100% 100%; background-position:20px 15px,68px 44px,0 0; }
.profile-overview { display:flex; align-items:flex-end; gap:22px; padding:0 32px 25px; }
.profile-avatar { width:96px; height:96px; margin-top:-32px; position:relative; flex-shrink:0; display:grid; place-items:center; background:#527832; background-image:linear-gradient(90deg,transparent 50%,#ffffff0d 50%),linear-gradient(0deg,#513f2c 27%,#685037 27%,#685037 46%,transparent 46%); background-size:24px 24px,100% 100%; border:4px solid #10150d; box-shadow:inset 3px 3px #ffffff36,inset -3px -3px #0004,0 3px #0004; }
.profile-avatar span { font:400 25px/1 var(--pixel); color:#fff; text-shadow:3px 3px #0009; }
[data-profile-avatar=amethyst] .profile-avatar { background-color:#6c4e8e; background-image:linear-gradient(45deg,#ffffff18 25%,transparent 25%,transparent 75%,#0002 75%); }
[data-profile-avatar=redstone] .profile-avatar { background-color:#a34536; background-image:linear-gradient(90deg,#d9744b44 25%,transparent 25%,transparent 75%,#59221c66 75%); }
[data-profile-avatar=water] .profile-avatar { background-color:#386ca3; background-image:linear-gradient(0deg,#ffffff22 25%,transparent 25%,transparent 75%,#183a6455 75%); }
[data-profile-avatar=gold] .profile-avatar { background-color:#9b7524; background-image:linear-gradient(45deg,#fff4bb33 25%,transparent 25%,transparent 75%,#67451466 75%); }
.profile-heading { padding-top:23px; min-width:0; }
.profile-heading h1,.profile-heading h3 { margin:0 0 6px; font:700 clamp(21px,2.4vw,30px)/1.5 'Segoe UI',Arial,sans-serif; }
.profile-tagline { margin:0 0 8px; color:var(--profile-accent); overflow-wrap:anywhere; }
.profile-meta { display:flex; gap:7px 16px; flex-wrap:wrap; font-size:.8rem; color:var(--muted); overflow-wrap:anywhere; }
.profile-content { display:grid; grid-template-columns:1.2fr 1fr; gap:30px; padding:25px 32px 32px; border-top:1px solid var(--line); }
.profile-content > * { min-width:0; }
.profile-content h2 { color:var(--profile-accent); font-size:.85rem; margin:0 0 15px; }
.profile-content p { color:var(--text); margin:0 0 18px; overflow-wrap:anywhere; }
.profile-interests { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.profile-interests span { background:#161d14; border:1px solid #58624f; color:#e0e9d9; font-size:.75rem; padding:4px 9px; overflow-wrap:anywhere; }
.profile-website,.profile-activity a { color:var(--profile-accent); overflow-wrap:anywhere; }
.profile-activity ul { list-style:none; padding:0; margin:0; }
.profile-activity li { padding:9px 0; border-bottom:1px solid var(--line); }
.profile-activity small { display:block; color:var(--muted); margin-top:3px; font-size:.7rem; }
.profile-private { margin:0; padding:12px 32px; border-top:1px solid var(--line); font-size:.8rem; color:var(--profile-accent); }
[data-profile-layout=compact] .profile-banner { height:105px; }
[data-profile-layout=compact] .profile-avatar { width:76px; height:76px; margin-top:-18px; }
[data-profile-layout=compact] .profile-content { gap:20px; padding-top:18px; }
[data-profile-layout=showcase] .profile-banner { height:330px; }
[data-profile-layout=showcase] .profile-overview { align-items:center; flex-direction:column; text-align:center; padding-bottom:28px; gap:0; }
[data-profile-layout=showcase] .profile-avatar { width:104px; height:104px; margin-top:-52px; }
[data-profile-layout=showcase] .profile-meta { justify-content:center; }
[data-profile-layout=showcase] .profile-content { grid-template-columns:1fr; max-width:900px; margin:auto; }
.custom-editor-grid { display:grid; grid-template-columns:minmax(290px,1fr) minmax(310px,1.15fr); align-items:start; gap:24px; margin-top:24px; }
.custom-form { min-width:0; }
.custom-form fieldset { min-width:0; margin:0 0 25px; padding:0 0 24px; border:0; border-bottom:2px solid #969d8e; }
.custom-form legend { width:100%; font-size:1.05rem; font-weight:800; margin-bottom:17px; padding:0; }
.custom-field { display:flex; flex-direction:column; gap:7px; margin-bottom:17px; min-width:0; }
.custom-field label { margin:0; font-size:.85rem; }
.custom-field :is(input,select,textarea) { width:100%; margin:0; min-width:0; }
.custom-field .custom-color input[type=color] { width:54px; }
.custom-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
.custom-toggle { display:flex; gap:12px; align-items:flex-start; cursor:pointer; margin-bottom:18px; }
.custom-toggle input { width:22px; height:22px; margin:3px 0 0; flex-shrink:0; accent-color:var(--site-primary,#367625); }
.custom-toggle strong { display:block; font-size:.9rem; }
.custom-toggle small { display:block; font-weight:400; line-height:1.6; margin-top:3px; color:var(--muted); }
.custom-save { flex-wrap:wrap; gap:10px; }
.custom-save button { margin-top:0; }
.custom-preview { min-width:0; position:sticky; top:20px; }
.custom-preview > .eyebrow { display:block; }
.custom-preview .profile-banner { height:165px; }
.custom-preview [data-profile-layout=compact] .profile-banner { height:90px; }
.custom-preview [data-profile-layout=showcase] .profile-banner { height:230px; }
.custom-preview .profile-overview { padding-left:22px; padding-right:22px; gap:14px; }
.custom-preview [data-profile-layout=showcase] .profile-overview { gap:0; }
.custom-preview .profile-heading h3 { font-size:21px; }
.custom-preview .profile-content { grid-template-columns:1fr; padding:22px; gap:24px; }
.custom-preview .profile-content h2 { font-size:12px; }
.custom-status { color:#214a14; font-size:.85rem; }
.custom-form [data-custom-conflict] { padding:14px; margin-bottom:20px; border:2px solid #7e5b24; background:#e0d2af; color:#352b1a; }
.custom-form [data-custom-conflict] p { color:inherit; }
.appearance-preview { background:#242521; padding:35px 27px 22px; border:3px solid #11140e; box-shadow:inset 2px 2px #ffffff1a,0 4px #11140e; color:#f4f4e9; }
.appearance-preview[data-site-theme=deepslate] { background:#1b1d25; }
.appearance-preview[data-site-theme=forest] { background:#19271d; }
.appearance-preview .eyebrow { color:var(--preview-secondary,#d6b3ff); }
.appearance-preview h2 { font-size:20px; color:var(--preview-heading,#ade17d); margin:20px 0; }
.appearance-preview p { color:#e0e3d5; overflow-wrap:anywhere; }
.appearance-preview-button { display:inline-block; margin:12px 0 28px; padding:10px 17px; border:2px solid #0b100a; font-weight:700; background:var(--preview-primary,#367625); color:var(--preview-ink,#fff); box-shadow:inset 2px 2px #ffffff40,inset -2px -3px #0004; }
.appearance-preview-footer { border-top:1px solid #ffffff35; padding-top:20px; margin-bottom:0; }
@media(max-width:1100px) { .staff-content .custom-editor-grid { grid-template-columns:1fr; } .staff-content .custom-preview { position:static; } }
@media(max-width:820px) { .custom-editor-grid { grid-template-columns:1fr; } .custom-preview { position:static; } .profile-content { grid-template-columns:1fr; gap:25px; } }
@media(max-width:540px) {
  .custom-field-grid { grid-template-columns:1fr; }
  .profile-overview { padding:0 20px 22px; gap:14px; align-items:flex-start; }
  .profile-avatar { width:70px; height:70px; margin-top:-20px; }
  .profile-heading { padding-top:16px; }
  .profile-heading h1 { font-size:22px; }
  .profile-content { padding:24px 20px; }
  .profile-banner { height:175px; }
  [data-profile-layout=showcase] .profile-banner { height:230px; }
  .profile-page-actions > :nth-child(2) { margin-left:0; }
  .profile-page-actions .button { flex:1; }
}
@media(prefers-reduced-motion:reduce) { .website-name[data-rank-effect=shine] > .website-member-name { animation:none; } }