/* ASOC CREATOR // faster, guided game building (js/forge.js). */

/* Creator shell polish: one workstation, two deliberate surfaces. */
.forge-shell:has(.creator-grid) { border-color:#303944; background:linear-gradient(145deg,#0d1117,#080b10 64%); box-shadow:0 30px 100px #000,0 0 0 1px rgba(121,82,143,.16),inset 0 1px rgba(255,255,255,.025); }
.forge-shell:has(.creator-grid) .forge-header { position:relative; background:linear-gradient(90deg,#10151c,#0b0e14 58%,#14101a); }
.forge-shell:has(.creator-grid) .forge-header::after { content:""; position:absolute; left:20px; right:20px; bottom:-1px; height:1px; background:linear-gradient(90deg,#d4a843,rgba(168,87,200,.8),transparent 72%); }
.creator-grid { background:linear-gradient(90deg,rgba(13,18,24,.98) 0 50%,rgba(5,7,11,.98) 50%); }
.creator-form { scrollbar-color:#745083 #0a0e13; scrollbar-width:thin; }
.creator-form > .creator-section { position:relative; margin-bottom:14px; padding:14px; border:1px solid #242d35; background:linear-gradient(145deg,rgba(18,23,30,.88),rgba(10,14,19,.76)); box-shadow:0 10px 28px rgba(0,0,0,.16); }
.creator-form > .creator-section::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(#d2a845,#79518b 55%,transparent); opacity:.55; }
.creator-form .creator-label { display:flex; align-items:center; gap:8px; margin:-2px 0 12px; padding:0 0 8px; border-color:#2b343d; font-weight:900; letter-spacing:.18em; }
.creator-form .creator-label::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(212,168,67,.35),transparent); }
.creator-form .forge-input,.creator-form .forge-select,.creator-form .forge-textarea { border-radius:2px; border-color:#3a4650; background:linear-gradient(180deg,#161c24,#12171e); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.creator-form .cell-field.final .forge-input { min-height:44px; border-color:#8c6b2f; color:#f1d279; font-weight:900; letter-spacing:.14em; background:linear-gradient(90deg,rgba(77,55,13,.22),#151922 28%,#151922 72%,rgba(113,56,135,.18)); box-shadow:inset 3px 0 #d1a33c,inset -3px 0 #9e59bd,0 0 16px rgba(176,112,57,.08); }
.creator-board-tools { padding:8px; border:1px solid #27313a; background:#0b1015; }
.creator-column-focus { padding:5px; border:1px solid #252e36; background:rgba(6,9,13,.74); }
.creator-column-tab { flex:1 1 90px; border-radius:2px; }
.creator-cols { padding:10px; border:1px solid #27313a; background:rgba(6,9,13,.55); }
.creator-col { padding:8px; border-top:2px solid #43515b; background:linear-gradient(180deg,rgba(25,31,39,.7),rgba(9,12,16,.28)); }
.creator-col:nth-child(2) { border-color:#75528b; }.creator-col:nth-child(3) { border-color:#416f62; }.creator-col:nth-child(4) { border-color:#8a6333; }
.creator-col-header { padding:0 0 7px; color:#d2d9dc; font-weight:900; letter-spacing:.14em; }
.creator-preview { position:relative; background:radial-gradient(circle at 50% 45%,rgba(76,42,88,.16),transparent 45%),#05080c; }
.creator-preview::before { content:""; position:absolute; inset:42px 0 0; pointer-events:none; opacity:.28; background:linear-gradient(rgba(114,141,157,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,141,157,.055) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle,#000,transparent 82%); }
.creator-preview-header { position:relative; z-index:2; min-height:42px; background:linear-gradient(90deg,#0c1117,#13101a); border-color:#303944; font-weight:900; }
.creator-preview-stage { position:relative; z-index:1; padding:24px; }
.creator-preview-frame { border:1px solid #4e3b59; border-radius:4px; box-shadow:0 28px 70px rgba(0,0,0,.72),0 0 32px rgba(145,75,173,.11),inset 0 0 0 3px rgba(0,0,0,.42); }
.creator-maker { border-radius:3px; overflow:hidden; box-shadow:inset 3px 0 #b553dd,0 18px 38px rgba(0,0,0,.36),0 0 24px rgba(137,62,169,.07); }
.maker-candidate,.maker-clue-column { transition:border-color .14s ease,background .14s ease,transform .14s ease; }
.maker-candidate:hover { transform:translateY(-1px); }
.creator-maker-toolbar { border-bottom:1px solid rgba(91,65,102,.35); padding-bottom:9px; }

.forge-header .creator-progress {
  margin: 0 14px 0 auto;
  padding: 5px 10px;
  border: 1px solid #5a4a2a;
  color: #e3c16a;
  font: 800 .72rem var(--font-machine, monospace);
  letter-spacing: .12em;
  white-space: nowrap;
}
.forge-header .creator-progress.is-ready { border-color: #3f7a4c; color: #8fe0a0; box-shadow: 0 0 12px rgba(80, 200, 110, .15); }

.creator-draft-banner {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 10px 20px 0; padding: 10px 12px;
  border: 1px solid #8a6a26; background: rgba(120, 90, 20, .14);
  color: #f0d58a; font: 800 .72rem var(--font-machine, monospace); letter-spacing: .08em;
}
.creator-draft-banner[hidden] { display: none; }
.creator-draft-banner span { margin-right: auto; }
.creator-draft-banner .forge-btn { min-height: 34px; padding: 6px 12px; }

.creator-command-strip { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:10px 20px 0; padding:9px 11px; border:1px solid #28343c; background:rgba(8,12,16,.8); }
.creator-template-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.creator-template-tools .forge-select { min-width:210px; }
.creator-template-tools .forge-btn { min-height:34px; padding:6px 10px; }
.creator-shortcuts { color:#66747c; font:700 .62rem var(--font-machine,monospace); letter-spacing:.09em; }

.creator-board-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; }
.creator-tool-btn { min-height: 34px; padding: 6px 12px; }
.creator-clear-board { border-color:#71343d !important; color:#e88491 !important; }
.creator-clear-board:hover { border-color:#e34e61 !important; background:rgba(171,38,55,.16) !important; color:#ffd3d8 !important; }
.creator-tip { color: #7c8a93; font: 700 .66rem var(--font-machine, monospace); letter-spacing: .06em; }

/* Automatic Game Maker */
.creator-maker { margin:12px 0 16px; border:1px solid #604171; background:radial-gradient(circle at 8% 0,rgba(137,62,169,.2),transparent 34%),linear-gradient(145deg,#100b15,#090d11 62%); box-shadow:inset 3px 0 #b553dd,0 14px 34px rgba(0,0,0,.28); }
.creator-maker-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border-bottom:1px solid #37283f; }
.creator-maker-kicker { color:#60dcff; font:800 .58rem var(--font-machine,monospace); letter-spacing:.2em; }
.creator-maker h5 { margin:3px 0; color:#eccbfa; font:900 .9rem var(--font-machine,monospace); letter-spacing:.16em; }
.creator-maker p { margin:0; color:#8f98a1; font-size:.72rem; line-height:1.45; }
.creator-maker-generate { flex:0 0 auto; min-height:40px; }
.creator-maker-toolbar { display:flex; gap:6px; flex-wrap:wrap; padding:9px 14px 0; }
.creator-maker-toolbar button { min-height:31px; padding:5px 9px; border:1px solid #3d3445; background:#0d1116; color:#9e8aa7; font:800 .58rem var(--font-machine,monospace); letter-spacing:.06em; cursor:pointer; }
.creator-maker-toolbar button:hover { border-color:#bc64dc; color:#f2d8ff; }
.maker-source { align-self:center; margin-left:auto; color:#62c9a8; font:800 .56rem var(--font-machine,monospace); letter-spacing:.09em; }
.creator-maker-error { margin:10px 14px 0; padding:9px 11px; border-left:3px solid #ef5063; background:rgba(180,30,50,.12); color:#ff9aaa; font:800 .68rem var(--font-machine,monospace); letter-spacing:.06em; }
.creator-maker-error[hidden] { display:none; }
.creator-maker-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; padding:12px 14px; }
.creator-maker-empty { grid-column:1/-1; padding:16px; border:1px dashed #3c3f49; color:#69757c; text-align:center; font:800 .62rem var(--font-machine,monospace); letter-spacing:.09em; }
.creator-maker-empty.compact { padding:10px; margin:8px; }
.maker-candidate { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:46px; padding:7px 8px; border:1px solid #292f37; background:rgba(13,17,22,.86); }
.maker-candidate:hover { border-color:#725283; background:rgba(57,31,67,.36); }
.maker-candidate.blacklisted { opacity:.48; border-color:#692f39; background:repeating-linear-gradient(-45deg,#160d11,#160d11 7px,#210e13 7px,#210e13 14px); }
.maker-rank { color:#626d75; font:800 .62rem var(--font-mono,monospace); }
.maker-candidate b { display:block; color:#e8ebee; font:900 .75rem var(--font-machine,monospace); letter-spacing:.06em; }
.maker-candidate small { display:block; overflow:hidden; color:#7f8b92; font-size:.64rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.maker-meta { display:flex; align-items:center; gap:7px; margin:2px 0; }
.maker-strength { color:#e3b84f; font-size:.56rem; letter-spacing:.02em; }
.maker-difficulty { color:#72bfd7; font:800 .52rem var(--font-machine,monospace); letter-spacing:.07em; }
.maker-slot-actions { display:flex; gap:3px; }
.maker-slot-actions button,.maker-clue-column header button { min-width:31px; min-height:28px; border:1px solid #4c3856; background:#141019; color:#bd96cf; font:900 .6rem var(--font-machine,monospace); cursor:pointer; }
.maker-slot-actions button:hover,.maker-slot-actions button.active,.maker-clue-column header button:hover { border-color:#cf6df7; background:#4b175f; color:#fff; box-shadow:0 0 9px rgba(194,77,239,.3); }
.maker-slot-actions .maker-reject { color:#e66c7c; border-color:#60323a; }
.creator-maker-clues { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0 14px 14px; }
.maker-clue-column { border:1px solid #303842; background:#090d11; }
.maker-clue-column header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 10px; border-bottom:1px solid #2b3038; }
.maker-clue-column header b { display:block; color:#e3c16a; font:900 .72rem var(--font-machine,monospace); letter-spacing:.08em; }
.maker-clue-column header small { display:block; margin-top:2px; color:#707d85; font:700 .54rem var(--font-machine,monospace); letter-spacing:.05em; }
.maker-clue-column header button { padding:4px 8px; }
.maker-column-actions { display:flex; gap:4px; }
.maker-column-actions button.locked { border-color:#d8ad45; background:#30240d; color:#f0ca6e; }
.maker-clue-column button:disabled,.creator-maker button:disabled { opacity:.35; cursor:not-allowed; box-shadow:none; }
.maker-clue-list { display:grid; gap:3px; padding:6px; }
.maker-clue { display:grid; grid-template-columns:24px 88px 105px minmax(0,1fr); align-items:center; gap:6px; width:100%; padding:6px; border:1px solid transparent; background:#0d1216; color:#b7c0c5; text-align:left; cursor:pointer; }
.maker-clue:hover { border-color:#47545d; }
.maker-clue.selected { border-color:#59c7e8; background:rgba(37,128,157,.17); box-shadow:inset 3px 0 #59dafa; }
.maker-clue span { color:#65717a; font:800 .6rem var(--font-mono,monospace); }
.maker-clue b { color:#dfe5e8; font:900 .69rem var(--font-machine,monospace); letter-spacing:.04em; }
.maker-clue small { overflow:hidden; color:#77838a; font-size:.61rem; text-overflow:ellipsis; white-space:nowrap; }
.creator-maker-audit { padding:0 14px 14px; }
.maker-audit { border:1px solid #46535c; background:#080d11; }
.maker-audit > header { display:flex; align-items:center; gap:14px; padding:11px; border-bottom:1px solid #303940; }
.maker-audit > header b { color:#e9c96f; font:900 .76rem var(--font-machine,monospace); letter-spacing:.1em; }
.maker-audit > header span { color:#9ca8ae; font-size:.7rem; }
.maker-audit-ready { border-color:#3f8150; box-shadow:inset 3px 0 #5cc471; }
.maker-audit-review { border-color:#8a6a2b; box-shadow:inset 3px 0 #d2a744; }
.maker-audit-rebuild { border-color:#8c3542; box-shadow:inset 3px 0 #e35163; }
.maker-audit article { display:grid; grid-template-columns:145px minmax(0,1fr); gap:3px 10px; padding:8px 11px; border-top:1px solid #20272c; }
.maker-audit article b { grid-row:1/3; color:#d5b0e5; font:800 .62rem var(--font-machine,monospace); }
.maker-audit article span { color:#c5ccd0; font-size:.68rem; }
.maker-audit article small { color:#76848b; font-size:.63rem; }
.maker-audit article.severity-error { box-shadow:inset 3px 0 #d8495b; }
.maker-audit article.severity-warning { box-shadow:inset 3px 0 #d2a744; }

/* Field states */
.creator-form .forge-input.is-missing { border-color: #c0414c !important; box-shadow: 0 0 0 1px rgba(192, 65, 76, .45), 0 0 10px rgba(192, 65, 76, .25); }
.creator-form .forge-input.is-duplicate { border-color: #d49a2a !important; box-shadow: 0 0 0 1px rgba(212, 154, 42, .35); }
.creator-form .forge-input.is-long { border-style: dashed !important; border-color: #9a7fd0 !important; }
.creator-form .cell-field.creator-flash .forge-input { animation: creator-flash .9s ease-out; }
@keyframes creator-flash { 0% { box-shadow: 0 0 0 3px rgba(240, 200, 90, .8); } 100% { box-shadow: 0 0 0 0 rgba(240, 200, 90, 0); } }
.creator-form .forge-input:focus { outline: none; border-color: #e3c16a; box-shadow: 0 0 0 1px #e3c16a; }

.creator-hint-dot { display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: #6fc3ff; box-shadow: 0 0 6px #6fc3ff; vertical-align: middle; }
.creator-hint-dot[hidden] { display: none; }

.creator-hint-bar { display: grid; gap: 6px; margin-top: 12px; padding: 10px; border: 1px solid #2d4a5e; background: rgba(40, 90, 130, .1); }
.creator-hint-bar[hidden] { display: none; }
.creator-hint-bar .cell-field-label { color: #8fd0ff; }
.creator-hint-suggest { justify-self:start; min-height:32px; padding:5px 9px; }

.creator-column-focus { display:flex; gap:6px; flex-wrap:wrap; margin:0 0 12px; }
.creator-column-tab { min-height:34px; padding:6px 11px; border:1px solid #35444d; background:#0e1418; color:#84939b; font:800 .66rem var(--font-machine,monospace); letter-spacing:.08em; cursor:pointer; }
.creator-column-tab:hover,.creator-column-tab.active { border-color:#b789d2; color:#ead8f4; background:rgba(123,66,151,.2); box-shadow:0 0 12px rgba(145,74,177,.12); }
.creator-cols.single-column { grid-template-columns:minmax(280px,620px); }
.creator-cols.single-column .creator-col { grid-column:1; }
.creator-col[hidden] { display:none !important; }
.cell-field[data-drag-cell] { cursor:grab; }
.cell-field[data-drag-cell].is-dragging { opacity:.42; }
.cell-field[data-drag-cell].drag-target { outline:2px solid #d6a8ee; outline-offset:2px; background:rgba(146,78,177,.13); }

.creator-warnings { display: grid; gap: 6px; margin-top: 10px; }
.creator-warning { padding: 7px 10px; border-left: 3px solid #d49a2a; background: rgba(212, 154, 42, .08); color: #eac47a; font: 700 .7rem var(--font-machine, monospace); letter-spacing: .05em; }
.creator-quality-report { display:grid; gap:5px; margin-top:12px; padding:11px; border:1px solid #40505a; background:#0a0f13; }
.creator-quality-report[hidden] { display:none; }
.creator-quality-report b { color:#dfc278; font:900 .76rem var(--font-machine,monospace); letter-spacing:.1em; }
.creator-quality-report span { padding:5px 7px; border-left:3px solid #5b6970; color:#aeb9be; font-size:.75rem; line-height:1.4; }
.creator-quality-report .is-error { border-color:#d84f5c; color:#ff9da5; }
.creator-quality-report .is-warn { border-color:#d49a2a; color:#e8c575; }
.creator-quality-report .is-note { border-color:#598bb0; color:#9dc9e8; }
.creator-quality-report .is-ok { border-color:#4da561; color:#9ce3aa; }

/* Preview: header tools, clickable cells, focus tracking */
.creator-preview-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.creator-preview-tools { display: inline-flex; gap: 6px; }
.creator-test-btn { min-height: 30px; padding: 4px 10px; border: 1px solid #45535c; background: #10161b; color: #b9c6ca; font: 800 .66rem var(--font-machine, monospace); letter-spacing: .1em; cursor: pointer; }
.creator-test-btn:hover { border-color: #e3c16a; color: #f3dd9a; }
.creator-test-btn.active { border-color: #c0414c; color: #ff9aa2; background: #2a0f13; }
.creator-test-btn[hidden] { display: none; }
.creator-test-note { margin: 6px 12px 0; color: #ff9aa2; font: 700 .68rem var(--font-machine, monospace); letter-spacing: .06em; }
.creator-test-note[hidden] { display: none; }
#creator-board .board-cell { cursor: pointer; }
#creator-board .board-cell.creator-focus { outline: 2px solid #f0c85a; outline-offset: 1px; filter: drop-shadow(0 0 8px rgba(240, 200, 90, .75)); z-index: 3; }

/* Paste panel */
.creator-paste { position: absolute; inset: 0; z-index: 30; display: grid; place-items: center; background: rgba(4, 6, 9, .78); }
.creator-paste[hidden] { display: none; }
.creator-paste-card { width: min(640px, calc(100% - 32px)); padding: 18px; border: 1px solid #5a4a2a; background: #0e1216; box-shadow: 0 20px 60px rgba(0, 0, 0, .7); }
.creator-paste-card h4 { margin: 0 0 8px; color: #e3c16a; font: 900 .9rem var(--font-machine, monospace); letter-spacing: .14em; }
.creator-paste-card p { margin: 0 0 10px; color: #aab6bc; font-size: .82rem; line-height: 1.45; }
.creator-paste-card textarea { width: 100%; box-sizing: border-box; font-family: var(--font-mono, monospace); }
.creator-paste-status { min-height: 1.2em; margin-top: 6px; color: #ff9aa2; font-size: .78rem; }
.forge-shell { position: relative; }

.creator-palette { position:absolute; inset:0; z-index:35; display:grid; place-items:center; background:rgba(3,5,8,.76); }
.creator-palette[hidden] { display:none; }
.creator-palette-card { display:grid; width:min(460px,calc(100% - 32px)); padding:16px; border:1px solid #715184; background:linear-gradient(180deg,#18111d,#090c10); box-shadow:0 24px 70px #000; }
.creator-palette-card h4 { margin:0 0 10px; color:#e4c5f4; font:900 .88rem var(--font-machine,monospace); letter-spacing:.14em; }
.creator-palette-card button { display:flex; justify-content:space-between; gap:18px; min-height:42px; padding:9px 11px; border:0; border-top:1px solid #30263a; background:transparent; color:#c8c2cc; font:800 .72rem var(--font-machine,monospace); letter-spacing:.08em; cursor:pointer; text-align:left; }
.creator-palette-card button:hover,.creator-palette-card button:focus { outline:none; background:rgba(143,75,174,.18); color:#fff; }
.creator-palette-card kbd { color:#8d7a96; font:700 .62rem var(--font-mono,monospace); }

@media (max-width:760px) {
  .creator-command-strip { margin:8px 10px 0; }
  .creator-template-tools { display:grid; width:100%; }
  .creator-template-tools .forge-select { min-width:0; width:100%; }
  .creator-shortcuts { display:none; }
  .creator-maker-head { align-items:stretch; flex-direction:column; }
  .creator-maker-columns,.creator-maker-clues { grid-template-columns:1fr; }
  .maker-candidate { grid-template-columns:24px minmax(0,1fr); }
  .maker-slot-actions { grid-column:2; }
}

/* GM chat: the hint prepared for a requested field */
.gm-hint-prepared { display: grid; gap: 3px; margin-top: 6px; padding: 7px 9px; border-left: 3px solid #6fc3ff; background: rgba(60, 130, 190, .12); }
.gm-hint-prepared b { color: #8fd0ff; font: 800 .62rem var(--font-machine, monospace); letter-spacing: .12em; }
.gm-hint-prepared span { color: #e6f3ff; font-size: .86rem; }

/* Dropdown lists: the browser draws the open list itself, so give it a dark surface; otherwise the light option text lands on white. */
.creator-form select, .creator-template-tools select, .creator-form .forge-select, .creator-template-tools .forge-select { color-scheme: dark; }
.creator-form select option, .creator-template-tools select option, .creator-form .forge-select option, .creator-template-tools .forge-select option { background-color: #12171e; color: #e8ecf5; }
.creator-form select option:checked, .creator-template-tools select option:checked { background-color: #24546b; color: #fff; }
.creator-form select option:disabled, .creator-template-tools select option:disabled { color: #6f7b88; }
/* Association Forge: scoped research utility; no board/preview geometry rules. */
.association-forge { margin:14px 0; border:1px solid #65447b; border-left:3px solid #af70df; border-radius:8px; background:linear-gradient(130deg,#1c1228,#0c1016 75%); min-width:0; }
.association-forge summary { padding:14px; color:#e3c8f4; font:700 13px var(--font-mono,monospace); letter-spacing:1.5px; cursor:pointer; }
.association-forge summary small { display:block; margin:6px 0 0 17px; color:#8c9da8; font-size:10px; letter-spacing:1px; }
.association-body { padding:0 14px 14px; min-width:0; }
.association-body p,.association-note { color:#a6abb9; font:12px/1.6 var(--font-mono,monospace); overflow-wrap:anywhere; }
.association-query,.association-filters { display:flex; gap:8px; flex-wrap:wrap; align-items:end; margin:12px 0; }
.association-query label { flex:1 1 170px; }
.association-body label { display:grid; gap:5px; color:#ba9dcf; font:10px var(--font-mono,monospace); min-width:0; }
.association-body input,.association-body select { box-sizing:border-box; width:100%; min-width:0; }
.association-filters label { flex:1 1 130px; }
.association-body .forge-btn { white-space:normal; }
.association-body [role=status] { color:#7ad3df; font:12px/1.5 var(--font-mono,monospace); overflow-wrap:anywhere; }
.association-body .association-error { color:#ff919d; }
.association-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr)); gap:7px; max-height:330px; overflow-y:auto; overscroll-behavior:contain; margin:14px 0; }
.association-chip { display:grid; gap:5px; text-align:left; padding:10px; border:1px solid #44334f; border-radius:5px; background:#111019; color:#e2d5ed; cursor:pointer; min-width:0; overflow-wrap:anywhere; }
.association-chip span,.association-chip small { color:#99a8b7; font-size:10px; }
.association-chip[aria-pressed=true] { border-color:#b77de2; background:#30203e; box-shadow:inset 3px 0 #b77de2; }
.association-body button:focus-visible,.association-forge summary:focus-visible { outline:2px solid #70dbeb; outline-offset:2px; }
.association-selected h5 { color:#d2b45c; font:700 12px var(--font-mono,monospace); }
.association-candidate { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; padding:9px 0; border-top:1px solid #322638; color:#e3d2ef; overflow-wrap:anywhere; }
.association-candidate>div { display:flex; gap:4px; flex-wrap:wrap; }
.association-candidate .forge-btn { padding:7px 9px; min-height:32px; }