.rw-recruit-reference{--ref-bg:#111c22;--ref-line:#33474d;--ref-muted:#9eb8bd;--ref-cream:#f1e4c5;--ref-gold:#e1b67a;color:var(--ref-cream);background:radial-gradient(ellipse at 15% 10%,#25443d88,transparent 65%),var(--ref-bg);padding:28px;min-width:0;border-radius:12px}
.rw-recruit-reference *{box-sizing:border-box}.rw-recruit-reference h1,.rw-recruit-reference h2,.rw-recruit-reference b{color:inherit}.rw-ref-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.rw-ref-title h1{font-size:29px;margin:8px 0;letter-spacing:1px}.rw-ref-title p{color:var(--ref-muted);font-size:12px;margin:0}.rw-ref-title .rw-ref-eyebrow{font:9px monospace;color:var(--ref-gold);letter-spacing:2px}.rw-ref-modes{display:flex;gap:6px;flex-shrink:0}.rw-recruit-reference button{background:#263b40;color:#d8e2d6;border:1px solid #5b7372;box-shadow:none;border-radius:0;padding:10px 12px;font-size:12px}.rw-recruit-reference button:hover:not(:disabled){background:#345058}.rw-ref-modes button[aria-pressed=true]{color:#35281d;background:var(--ref-gold);border-color:#f5dba6}.rw-recruit-reference button:focus-visible{outline:2px solid #f5dba6;outline-offset:3px}.rw-ref-odds{display:flex;gap:24px;align-items:center;border:1px solid #5c5650;background:linear-gradient(90deg,#34342d,#1b292e);padding:15px 20px;margin-bottom:22px}.rw-ref-odds>div:first-child{min-width:125px}.rw-ref-odds>div>small{display:block;font:9px monospace;letter-spacing:1.3px;color:var(--ref-gold)}.rw-ref-odds>div>b{display:block;font-size:12px;margin-top:4px;font-weight:500}.rw-ref-probabilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;flex:1;min-width:0}.rw-ref-probabilities>span{border-left:2px solid var(--rarity);padding-left:9px;color:var(--rarity);font-size:10px}.rw-ref-probabilities strong{display:block;font:16px monospace;color:var(--ref-cream);margin-top:4px;overflow-wrap:anywhere}.rw-ref-probabilities strong small{font-size:10px}.rw-recruit-reference .rw-recruit-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin:0}.rw-ref-stage{padding:20px;border:1px solid var(--ref-line);background:linear-gradient(#20323c55,#14212866);min-width:0}.rw-ref-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.rw-ref-section-head h2,.rw-ref-controls h2{font-size:13px;margin:0}.rw-ref-section-head>span{font-size:10px;color:var(--ref-muted)}.rw-ref-machines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 10px}.rw-ref-machine{min-width:0;padding:10px 6px 12px;text-align:center;border:1px solid #35474f;background:#16242b;box-shadow:0 3px #0b151b}.rw-ref-machine.ready{border-color:var(--rarity);background:linear-gradient(#1a2a30,#202e34)}.rw-ref-machine>span{display:block;font:9px monospace;color:#81a0ab;text-align:left;margin-bottom:8px}.rw-ref-machine canvas{width:96px;height:128px;max-width:100%;object-fit:contain;image-rendering:pixelated;display:block;margin:auto}.rw-ref-machine>b{display:block;font-size:11px;margin-top:9px;overflow-wrap:anywhere}.rw-ref-machine>small{display:block;font-size:9px;color:var(--rarity,#97b2bb);margin-top:4px;overflow-wrap:anywhere}.rw-ref-progress{font-size:12px;min-height:20px;color:var(--ref-gold);margin:20px 0 12px}.rw-ref-summary{display:flex;gap:7px;flex-wrap:wrap;min-height:28px}.rw-ref-summary span{border:1px solid var(--rarity);color:var(--rarity);font-size:10px;padding:2px 8px}.rw-ref-wallet{border:1px solid #566459;background:#25393144;padding:16px 17px}.rw-ref-wallet p{margin:0;color:#b5cbb7;font-size:12px}.rw-ref-wallet h1{display:flex;align-items:center;gap:8px;font:34px monospace;color:#e8e3b3;margin:10px 0 14px}.rw-ref-wallet h1 small{font-size:13px}.rw-ref-wallet>button{width:100%;background:#344d41;border-color:#709682;margin-bottom:12px}.rw-ref-wallet>small{display:block;font-size:10px;color:var(--ref-muted);overflow-wrap:anywhere}.rw-ref-controls{padding:24px 0 16px}.rw-ref-controls p{font-size:10px;color:var(--ref-muted);line-height:1.8}.rw-ref-controls>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;margin-top:10px}.rw-ref-controls>button.primary{background:var(--ref-gold);color:#35281d;border:1px solid #f5dba6;border-bottom:4px solid #8d6545;font-weight:600}.rw-ref-controls .rw-audio{margin-top:12px}.rw-ref-red{background:#452c3444;border:1px solid #714952;padding:18px}.rw-ref-red>small{color:#d9a5a0;font:9px monospace}.rw-ref-red h2{color:#f4b5a6;font-size:13px;margin:8px 0}.rw-ref-red p{font-size:12px;margin:0 0 8px;color:var(--ref-cream)}.rw-ref-closed,.rw-ref-trait-rules{font-size:11px;color:var(--ref-muted);line-height:1.8}.rw-ref-trait-rules p{font-size:10px}.rw-ref-history{border-top:1px solid var(--ref-line);margin-top:28px;padding-top:22px}.rw-ref-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.rw-ref-counts>span{border:1px solid #3c4c4f;padding:10px 14px;font-size:11px;color:var(--rarity);min-width:0}.rw-ref-counts b{float:right;color:var(--ref-cream);font:19px monospace}.rw-ref-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:11px;color:var(--ref-muted)}.rw-ref-records article{border:1px solid var(--ref-line);background:#19272e;padding:12px;min-width:0}.rw-ref-records article>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;flex-wrap:wrap}.rw-ref-records article>p{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 0}.rw-ref-records article>p>span{font-size:9px;padding:1px 5px;border:1px solid var(--rarity);color:var(--rarity);overflow-wrap:anywhere}.rw-ref-history>button{margin-top:12px}.rw-recruit-reference[data-recruit-mode=machines] [data-recruit-ring]{display:none}.rw-recruit-reference[data-recruit-mode=ring] .rw-ref-machine canvas{width:56px;height:75px}.rw-recruit-reference[data-recruit-mode=ring] .rw-ref-machines{margin-top:20px}.rw-recruit-reference .rw-ring-shell{border-radius:0}.rw-recruit-reference .rw-ring-center h2{color:var(--ref-cream)}
@media(max-width:1200px){.rw-recruit-reference{padding:22px}.rw-recruit-reference .rw-recruit-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.rw-ref-stage{padding:14px}.rw-ref-machine canvas{width:72px;height:96px}.rw-ref-machines{gap:10px 6px}.rw-ref-odds{gap:14px;padding:12px}.rw-ref-probabilities strong{font-size:14px}.rw-ref-title{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:1000px){.rw-recruit-reference .rw-recruit-layout{grid-template-columns:1fr}.rw-ref-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rw-ref-controls{padding:0}.rw-ref-red{grid-column:1}.rw-ref-closed{grid-column:2}.rw-ref-trait-rules{grid-column:1/-1}.rw-ref-machine canvas{width:96px;height:128px}.rw-ref-odds{display:block}.rw-ref-odds>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rw-ref-odds>div>b{margin:0}}
@media(max-width:600px){.rw-recruit-reference{padding:16px 12px}.rw-ref-title h1{font-size:23px}.rw-ref-title{gap:14px}.rw-ref-modes{width:100%}.rw-ref-modes button{flex:1}.rw-ref-probabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px}.rw-ref-probabilities strong{font-size:15px}.rw-ref-odds{margin-bottom:16px}.rw-ref-machines{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rw-ref-machine canvas{width:96px;height:128px}.rw-ref-section-head{flex-wrap:wrap}.rw-ref-sidebar{display:block}.rw-ref-controls{padding:20px 0}.rw-ref-counts{gap:5px}.rw-ref-counts>span{padding:8px 5px;font-size:9px}.rw-ref-counts b{display:block;float:none;font-size:17px;margin-top:5px}.rw-ref-records{grid-template-columns:1fr}.rw-ref-wallet h1{font-size:32px}.rw-recruit-reference[data-recruit-mode=ring] .rw-ref-machines{grid-template-columns:repeat(2,minmax(0,1fr))}}