#monarchie-member-design{--bg:#091f19;--panel:#204438;--line:#506b53;--ink:#f6efdc;--soft:#c4cfbe;--gold:#ebcb82;color:var(--ink);background:radial-gradient(ellipse at top right,#214b3a,var(--bg) 70%);font:16px/1.5 Arial,sans-serif;padding:28px;border-radius:14px;color-scheme:dark}#monarchie-member-design *{box-sizing:border-box}#monarchie-member-design header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line);flex-wrap:wrap}#monarchie-member-design .brand{font:24px Georgia,serif;letter-spacing:3px}#monarchie-member-design .small{font-size:12px;color:var(--soft)}#monarchie-member-design h1{font:40px/1.15 Georgia,serif;margin:30px 0 12px}#monarchie-member-design p{color:var(--soft)}#monarchie-member-design .layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:28px}#monarchie-member-design .tabs{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap}#monarchie-member-design button{font:inherit;min-height:46px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#234a3b;padding:10px 14px}#monarchie-member-design button[aria-pressed=true],#monarchie-member-design .primary{background:linear-gradient(115deg,#c79c46,#ffe6a3,#c99f4c);color:#2e240d;border-color:#ecd08c}#monarchie-member-design button:focus-visible,#monarchie-member-design input:focus-visible,#monarchie-member-design select:focus-visible,#monarchie-member-design textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#monarchie-member-design .fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}#monarchie-member-design label{display:flex;flex-direction:column;gap:7px;color:var(--soft);font-size:13px;margin-bottom:16px}#monarchie-member-design input,#monarchie-member-design select,#monarchie-member-design textarea{font:16px Arial,sans-serif;min-height:46px;width:100%;min-width:0;border-radius:7px;border:1px solid var(--line);padding:11px;background:#112e24;color:var(--ink)}#monarchie-member-design input[type=file]{font-size:13px}#monarchie-member-design .check{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;margin:6px 0}#monarchie-member-design .check input{width:20px;height:20px;min-height:20px;flex-shrink:0;accent-color:#e9c77c}#monarchie-member-design .upload{border:1px dashed #789177;border-radius:10px;padding:16px;margin-bottom:18px}#monarchie-member-design h2{font:24px Georgia,serif;margin:0 0 16px}#monarchie-member-design .member{border:1px solid #d6b56c;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#285541,#102e24);box-shadow:0 12px 24px #0005}#monarchie-member-design .band{height:86px;background:linear-gradient(115deg,#99702b,#fbe2a1 40%,#cca34e 65%,#b38635);color:#2e230b;display:flex;align-items:center;justify-content:space-between;padding:20px;font:14px Georgia,serif;letter-spacing:2px}#monarchie-member-design .flag{font:13px Arial,sans-serif;letter-spacing:0;display:flex;gap:7px;align-items:center}#monarchie-member-design .flagmark{display:inline-block;width:30px;height:20px;border:1px solid #fff8}#monarchie-member-design .member-body{padding:0 24px 24px}#monarchie-member-design .portrait{width:102px;height:102px;margin-top:-25px;border-radius:50%;border:4px solid #e8c77e;position:relative;background:#183a2b;color:#f0d48e;display:grid;place-items:center;font:38px Georgia,serif;overflow:hidden}#monarchie-member-design .portrait img{width:100%;height:100%;object-fit:cover}#monarchie-member-design .alias{font:30px Georgia,serif;margin:18px 0 6px;overflow-wrap:anywhere}#monarchie-member-design .location,#monarchie-member-design .realname{font-size:14px;color:var(--soft);overflow-wrap:anywhere}#monarchie-member-design .bio{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}#monarchie-member-design .member-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#monarchie-member-design .network-chip{padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;overflow-wrap:anywhere;max-width:100%}#monarchie-member-design .member-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--gold)}#monarchie-member-design .aside-note{font-size:13px;line-height:1.6}#monarchie-member-design .submit{width:100%;margin-top:20px}#monarchie-member-design .socialrow{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px}#monarchie-member-design .socialrow label{margin-bottom:5px}#monarchie-member-design .turnier{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel);margin:18px 0}#monarchie-member-design [hidden]{display:none!important}#monarchie-member-design .status{min-height:24px;color:var(--gold);font-size:13px}#monarchie-member-design footer{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--soft)}@media(max-width:700px){#monarchie-member-design{padding:18px}#monarchie-member-design .layout{grid-template-columns:1fr}#monarchie-member-design h1{font-size:32px}#monarchie-member-design .fields{grid-template-columns:1fr}#monarchie-member-design .tabs button{flex:1;padding:10px 8px}}

body{margin:0;background:#091f19}a{color:#ebcb82}#monarchie-member-design{max-width:1200px;margin:auto;min-height:100vh;border-radius:0}#monarchie-member-design .notice{padding:18px;border:1px solid #ebcb82;border-radius:10px;overflow-wrap:anywhere}#monarchie-member-design .recovery{font:20px monospace;user-select:all}#monarchie-member-design .directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:20px}#monarchie-member-design .directory .portrait{width:72px;height:72px}#monarchie-member-design .directory .alias{font-size:24px}#monarchie-member-design button{cursor:pointer}#monarchie-member-design button:disabled{opacity:.6;cursor:wait}
#monarchie-member-design .portrait{width:136px;height:136px;margin-top:-22px}
#monarchie-member-design .portrait img.piece-art{width:112px;height:112px;object-fit:contain}
#monarchie-member-design .piece-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}
#monarchie-member-design .piece-picker button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:96px}
#monarchie-member-design .piece-picker img{width:64px;height:64px}
#monarchie-member-design .color-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}
#monarchie-member-design .color-picker button{display:flex;align-items:center;gap:8px;padding:9px;font-size:14px}
#monarchie-member-design .swatch{width:20px;height:20px;border:2px solid #f7e4af;border-radius:50%;flex-shrink:0}
.swatch.blue{background:#428dff}.swatch.green{background:#4de181}.swatch.orange{background:#ff9139}.swatch.purple{background:#c480ff}.swatch.yellow{background:#ffe052}.swatch.red{background:#ff6262}
#monarchie-member-design .network-section{padding:20px 0;border-top:1px solid var(--line)}
#monarchie-member-design .status:not(:empty){padding:12px;border:1px solid var(--gold);background:#172f25;border-radius:8px;font-size:16px}
#monarchie-member-design [aria-invalid=true]{border:2px solid #ff9e87}
#monarchie-member-design .directory .portrait img.piece-art{width:56px;height:56px}

#monarchie-member-design dialog{background:#15392c;color:#f6efdc;border:1px solid #ebcb82;border-radius:18px;max-width:470px;width:calc(100% - 30px);max-height:90vh;overflow:auto;padding:24px}
#monarchie-member-design dialog::backdrop{background:#00150de0}
#monarchie-member-design #crop-canvas{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;margin:15px auto;border-radius:50%;outline:3px solid #ebcb82;touch-action:none;cursor:grab}
#monarchie-member-design .crop-arrows{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
#monarchie-member-design input[type=range]{padding:0;accent-color:#ebcb82}

#monarchie-member-design .brand{font-family:Georgia,'Times New Roman',serif;font-size:36px;font-weight:800;letter-spacing:3px;line-height:1.15;color:#f2d18a;text-decoration:none;text-shadow:0 2px 2px #0006}
@media(max-width:600px){#monarchie-member-design .brand{font-size:30px;letter-spacing:2px}}