:root{--font-mono: "Share Tech Mono", monospace;--font-body: "Rajdhani", sans-serif;--font-display: "Fraunces", serif;--bg: #080a0f;--bg-warm: #0c0e14;--surface: #10131a;--surface-hi: #161a24;--border: #1c2230;--border-hi: #2a3342;--text: #d8dce4;--text-dim: #6a7488;--text-muted: #3a4258;--accent-orange: #ff7a3d;--accent-gold: #f0c040;--accent-blue: #6ec4f0;--rarity-1: #E8E8E8;--rarity-2: #D4DC2A;--rarity-3: #2BAEE0;--rarity-4: #D8A1E0;--rarity-5: #F5C129;--rarity-6: #F75C1B}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;padding:0 24px;font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brand-bar{margin:0 -24px;padding:12px 24px;font-family:var(--font-mono);font-size:11px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-warm) 0%,var(--bg) 100%)}.recruit-section{margin-top:24px}.recruit-section__label{font-family:var(--font-mono);font-size:11px;letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;margin:0 0 8px}.recruit-tag-grid{display:grid;gap:6px}.recruit-tag-grid--rarity,.recruit-tag-grid--class,.recruit-tag-grid--position,.recruit-tag-grid--trait{grid-template-columns:repeat(4,minmax(0,200px))}.recruit-tag-chip{font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.2;color:var(--text);background:transparent;border:1px solid var(--border);padding:8px 12px;cursor:pointer;text-align:center;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.recruit-tag-chip:hover:not(:disabled){border-color:var(--border-hi)}.recruit-tag-chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.recruit-tag-chip:disabled{opacity:.35;cursor:not-allowed}.recruit-results{display:flex;flex-direction:column;gap:24px;margin-top:32px}.recruit-result-row{display:flex;gap:16px;align-items:flex-start}.recruit-result-row__pills{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;flex-shrink:0;width:160px}.recruit-result-pill{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;background:var(--surface);border:1px solid var(--border);padding:4px 8px;border-radius:3px;white-space:nowrap}.recruit-result-row__tiles{display:flex;flex-wrap:wrap;gap:8px;flex:1}.recruit-op-tile{width:100px;height:125px;display:flex;flex-direction:column;position:relative;background:var(--surface)}.recruit-op-tile__avatar{width:100%;height:100px;object-fit:cover;object-position:center top;display:block}.recruit-op-tile__banner{height:25px;display:flex;align-items:center;gap:4px;padding:0 6px;font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--bg)}.recruit-op-tile__permit{width:14px;height:14px;flex-shrink:0;display:block}.recruit-op-tile__name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruit-op-tile[data-rarity="1"] .recruit-op-tile__banner{background:var(--rarity-1)}.recruit-op-tile[data-rarity="2"] .recruit-op-tile__banner{background:var(--rarity-2)}.recruit-op-tile[data-rarity="3"] .recruit-op-tile__banner{background:var(--rarity-3)}.recruit-op-tile[data-rarity="4"] .recruit-op-tile__banner{background:var(--rarity-4)}.recruit-op-tile[data-rarity="5"] .recruit-op-tile__banner{background:var(--rarity-5)}.recruit-op-tile[data-rarity="6"] .recruit-op-tile__banner{background:var(--rarity-6)}.recruit-status{margin-top:12px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;letter-spacing:1px;color:var(--text);text-transform:uppercase}.recruit-status__separator{color:var(--text-muted)}.recruit-status__clear{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text-dim);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.recruit-status__clear:hover{color:var(--text)}.recruit-results-empty{margin-top:32px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.recruit-op-tile__permit-wrap{order:1;position:relative;display:inline-flex;align-items:center;flex-shrink:0}.recruit-op-tile__permit-wrap:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);right:0;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text);background:var(--surface-hi);border:1px solid var(--border-hi);padding:4px 8px;white-space:nowrap;text-transform:none;pointer-events:none;opacity:0;visibility:hidden;z-index:10}.recruit-op-tile__permit-wrap:hover:after{opacity:1;visibility:visible}.recruit-footnote{margin-top:32px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;line-height:1.5;color:var(--text-muted);text-transform:uppercase}