/* Recruitment uses the same serif, engraved frames and metal controls as the roster. */
.r-screen{--r-edge:#8c7451;--r-accent:#e7c88d;--r-muted:#bbaf97;font-size:16px}
.r-heading{display:flex;align-items:center;gap:18px;margin-right:auto;white-space:nowrap}
.r-heading h1{font-size:30px;font-weight:600;line-height:1.3;letter-spacing:.12em;min-width:0;margin:0}
.r-heading>span{color:#c8b289;font-size:14px;letter-spacing:.02em}
.r-header{height:76px;padding:0 28px;gap:16px;background:radial-gradient(ellipse at left bottom,#842c22 0,transparent 37%),linear-gradient(#292725,#171817);border-bottom-color:#5e3830;box-shadow:0 3px 15px #0006}
.r-wallet{gap:14px}.r-resource{font-size:19px;padding:7px 10px;min-height:42px;gap:8px;border-color:#756044;background:linear-gradient(#2d2d24,#171b16)}
.r-resource b{font-weight:600;min-width:2ch;text-align:right}.r-resource i{margin-left:8px}
.r-help{width:36px;height:36px;font-size:25px!important;border-width:1px;color:#c5b598;box-shadow:inset 0 0 0 3px #29231d}
.r-return{font-size:27px;min-width:95px;min-height:42px;padding:3px 20px;background:linear-gradient(#302a26,#171818);border-color:#675343;border-radius:40% / 50%}
.r-return:hover{color:var(--gold)}
.r-lobby{grid-template-columns:clamp(220px,22vw,310px) minmax(0,1fr)}
.r-packages{display:flex;flex-direction:column;padding:22px 18px 18px;border-right:1px solid #89714e;background:linear-gradient(155deg,#35312ce8,#191e1cec 65%,#202321ed),url(assets/recruit-hall-hd.webp) left/cover;box-shadow:inset -1px 0 #cfad6244,4px 0 18px #0006}
.r-rates-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;width:100%;min-height:48px;padding:9px 16px;color:#e9d3a5;font-size:18px;font-weight:600;border:1px solid #ad8c53;border-radius:4px;box-shadow:inset 0 0 0 3px #28241d,0 3px 8px #0005;background:linear-gradient(#42382b,#29251f)}
.r-rates-button svg{width:22px;height:22px;flex:none}.r-rates-button>span{margin-left:auto;font-size:23px;font-weight:400}.r-rates-button:hover{background:linear-gradient(#594632,#302821);border-color:#e9ca8a}
.r-sidebar-label{padding:24px 2px 12px;color:#baad92;font-size:14px;letter-spacing:.13em}
.r-package-list{display:grid;gap:14px}.r-package{height:clamp(114px,15vh,166px);margin:0;padding:18px 28% 34px 17px;border:1px solid #7c7365;border-radius:5px;box-shadow:inset 0 0 0 3px #262824,0 3px 8px #0005;background:#18211c}
.r-package strong{font-size:clamp(19px,1.62vw,25px);line-height:1.55;font-weight:600;letter-spacing:-.035em;color:#e8d5ab}
.r-package small{bottom:0;left:0;right:0;padding:5px 8px;border-top:1px solid #88765255;color:#b8b9a6;background:#121812d9;font-size:13px;font-weight:400;text-align:left}
.r-package.is-selected{padding-left:17px;border-color:#d1ab65;box-shadow:inset 0 0 0 2px #ca974c66,0 3px 13px #0007;background:#32271c}
.r-package.is-selected strong{color:#f3d495}.r-package.is-selected .r-package-tag{display:none}.r-package.is-selected:before{content:'';position:absolute;left:0;top:17px;bottom:38px;width:3px;background:#e7c887;box-shadow:0 0 9px #f7c76b80}
.r-package:hover{border-color:#c7ad7f}.r-package img{opacity:.85}.r-package:after{background:linear-gradient(90deg,#1c211cef 10%,#1a211dde 40%,#1a211c22 87%)}
.r-record-panel{margin-top:auto;padding:24px 2px 0;color:#c5b99f}.r-record-panel h2{font-size:16px;font-weight:500;padding-top:17px;border-top:1px solid #84725377;color:#d7c6a5}.r-record-panel>p{display:flex;align-items:center;gap:5px;padding:13px 0 9px;font-size:14px}.r-record-panel>p b{font-size:18px;color:#eee0c5;margin-left:auto;font-variant-numeric:tabular-nums;font-weight:500}
.r-history-button{display:flex;align-items:baseline;gap:5px;width:100%;min-height:45px;padding:9px 12px;border:1px solid #8b7146;background:linear-gradient(110deg,#49372577,#26281de6);color:#eacb8a;border-radius:3px;font-size:16px}
.r-history-button strong{margin-left:auto;font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2}.r-history-button i{font-style:normal;margin-left:13px}.r-history-button:hover{background:#4d3d2b;border-color:#d0ae71}
.r-banner-top{min-height:56px;padding:10px 25px;background:linear-gradient(90deg,#282920eb,#211b17c7);border-bottom:1px solid #aa8a5555;font-size:19px;color:#e8d4af}
.r-pool-button{border:1px solid #927950;border-radius:3px;background:linear-gradient(#3c352a,#221e19);font-size:16px;padding:7px 13px;min-height:36px;line-height:1.25;color:#d9c8a8}.r-pool-button span{font:20px var(--serif);margin-left:14px}
.r-banner-bottom{padding:15px 5% 19px;background:linear-gradient(transparent,#1b130ecc 35%,#17140feb)}
.r-promo{font-size:23px;letter-spacing:.04em;color:#ecdbb5;font-weight:500;margin-bottom:0}
.r-draw-actions{margin-top:18px;max-width:880px;gap:42px;justify-content:center}.r-draw-actions>div{width:42%;max-width:305px}
.r-metal{font-weight:600;border-color:#8c806a;border-radius:4px;box-shadow:inset 0 0 0 2px #fff3d433,0 3px 5px #0008;color:#3e3326}
.r-draw-button{height:64px;min-height:48px;font-size:28px;letter-spacing:.03em;line-height:1.25;padding:10px 22px}
.r-draw-cost{font-size:20px;margin-top:8px;gap:8px}.r-draw-cost b{font-weight:500}.r-draw-cost>span:first-child{font-size:15px;border:0;color:#c3ae86}
.r-lobby-footer{min-height:48px;padding:10px 24px;border-top-color:#6c5739;background:#181c18e8}.r-sim-label{font-size:14px;color:#b4ad9a}.r-lobby-footer button{font-size:16px;color:#dfc492;border:0;padding:0}.r-lobby-footer button:hover{color:#ffe0a5}
.r-featured h2{font-size:clamp(34px,4vw,58px);text-shadow:2px 3px 2px #21150b,0 0 23px #bd772a66;letter-spacing:.04em}.r-feature-card{border-color:#bca070;box-shadow:0 5px 30px #000b,0 0 20px #d3a15733}
.r-stage-top{min-height:88px;padding:18px 28px;grid-template-columns:1fr minmax(200px,2fr) 1fr}.r-stage-top p{font-size:21px;padding:10px 20px;max-width:480px;width:100%;justify-self:center;background:linear-gradient(90deg,transparent,#272219b8 20% 80%,transparent);border-color:#a38a5f55}.r-text-button{font-size:16px;color:#e5d1a9;padding:7px 0;line-height:1.5}
.r-card-row{gap:clamp(16px,2.6vw,46px);padding:24px 4vw 30px}.r-card-shell{width:min(16vw,calc((100dvh - 350px)*.655),260px)}
.r-card-front{border-width:1px;box-shadow:0 0 5px var(--dim),0 6px 15px #0009}.has-revealed .r-card-front{box-shadow:0 0 6px var(--dim),0 0 19px #0006;border-color:var(--glow)}
.r-card-front>img,.r-pool-card>img,.r-inspected-card>img,.r-splash-card>img,.r-history-card>img{object-fit:contain}
.r-results-bottom{padding:0 5% 18px;background:linear-gradient(transparent,#170f0bbe)}.r-results-summary{display:flex;justify-content:center;align-items:center;gap:9px;min-height:38px;font-size:18px;line-height:1.5}.r-summary-history{font-size:inherit;min-height:35px;padding:3px 7px;border-bottom:1px solid #c69c58aa;line-height:1.4}.r-summary-history span{margin-left:7px}.r-summary-history:hover{color:#ffe3a3;border-color:#f1c976}
.r-result-footnote{font:13px/1.5 var(--serif);color:#b6a991;margin-top:12px}
/* This control is a sibling of the inert interface, above every cinematic layer. */
.r-global-skip{position:absolute;right:26px;top:96px;z-index:80;pointer-events:auto;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:42px;padding:10px 16px;border:1px solid #d2b079;border-radius:4px;background:#15150ff5;color:#fbe4b7;text-shadow:0 1px 2px #000;box-shadow:0 2px 14px #0009;font-size:16px;font-weight:600;line-height:1.3;opacity:1;animation:none}
.r-global-skip:hover{background:#403326;color:#fff1d7}.r-global-skip:focus-visible{outline:3px solid #fff0c4;outline-offset:3px}.r-global-skip span{font-size:22px;line-height:1}
.r-dialog{border:1px solid #aa8b58;border-radius:6px;background:linear-gradient(120deg,#30302cf5,#1d231ff7 65%,#29251ff7);box-shadow:inset 0 0 0 4px #171c16,inset 0 0 0 5px #65573b,0 16px 60px #000c}
.r-dialog>header{border-color:#9e805244}.r-dialog h2{font-size:28px;letter-spacing:.04em;font-weight:600}.r-dialog-body{line-height:1.6}.r-dialog-actions .r-metal{font-size:24px}.r-help-copy{font-size:20px}.r-secondary{font-size:16px;color:#c4bba8}
.r-history-dialog,.r-rates-dialog{width:min(1160px,96vw);height:min(890px,94%);display:flex;flex-direction:column;overflow:hidden}.r-history-dialog>header,.r-rates-dialog>header{flex:none}
.r-history-dialog .r-dialog-body,.r-rates-dialog .r-dialog-body{min-height:0;flex:1;overflow:auto;padding:20px 28px 28px;scrollbar-width:thin;scrollbar-color:#998158 #1b211a}
.r-history-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-bottom:16px;border-bottom:1px solid #87724877}.r-history-heading p{font-size:18px}.r-history-heading strong{color:#edca82;font-size:24px;font-weight:500;margin-inline:7px}.r-history-heading>span{font-size:14px;color:#beb09a}
.r-history-notice{font-size:14px;color:#c9bba0;margin:13px 0 5px;line-height:1.7}
.r-history-grid{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:23px 18px;margin:20px 0 0;padding:0;counter-reset:none}.r-history-grid li{min-width:0;text-align:center}.r-history-order{display:block;text-align:left;color:#e6c489;margin-bottom:7px;font-size:16px;font-variant-numeric:tabular-nums}.r-history-card{position:relative;aspect-ratio:238/362;border:1px solid #ad8a4d;background:#171c15;box-shadow:0 4px 10px #0006;overflow:hidden}.r-history-card>img{width:100%;height:100%;display:block}.r-history-draw{display:block;font-size:13px;color:#c2b59d;margin-top:8px}.r-history-pages{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:28px;font-size:16px}.r-history-pages .r-metal{font-size:16px}
.r-empty{display:grid;place-content:center;min-height:300px;text-align:center;gap:12px}.r-empty p{font-size:21px;color:#d9c5a0}.r-empty span{font-size:16px;color:#aaa591}
.r-rate-intro{font-size:17px;color:#d3c3a6;margin:0 0 20px;line-height:1.7}.r-rate-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.r-rate-packages button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:18px 20px;min-height:76px;border:1px solid #8a7654;border-radius:4px;background:linear-gradient(110deg,#45372977,#232920);font-size:19px;color:#ead5ad;line-height:1.6;word-break:keep-all}.r-rate-packages button>span:last-child{color:#bbaa85;font-size:25px}.r-rate-packages button:hover{border-color:#e2b874;background:linear-gradient(110deg,#674b2e66,#343626)}.r-rate-packages button:disabled{opacity:1;color:#9b998b;border-style:dashed;background:#232821}.r-rate-packages button:disabled>span:last-child{font-size:13px;white-space:nowrap;color:#a39c87}
.r-rate-source-note{font-size:14px;color:#bfb49b;line-height:1.7;margin:18px 0 0}.r-rate-detail-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid #8d734855;padding-bottom:14px}.r-rate-detail-head h3{font-size:22px;font-weight:500;color:#ead3a5;line-height:1.5;word-break:keep-all}.r-rate-detail-head .r-text-button{flex:none;color:#c1b497;font-size:15px}.r-rate-detail-head+.r-rate-source-note{margin:12px 0 16px}.r-rate-image-scroll{width:100%;overflow-x:auto;background:#fff;border:1px solid #96825f;scrollbar-width:thin}.r-rate-image{display:block;width:100%;height:auto;min-width:650px;max-width:none}
@media(max-width:1150px){.r-header{padding-inline:18px;gap:12px}.r-heading>span{display:none}.r-header h1{font-size:28px}.r-resource{font-size:17px}.r-wallet{gap:9px}.r-lobby{grid-template-columns:228px minmax(0,1fr)}.r-packages{padding:18px 13px}.r-package strong{font-size:20px}.r-banner-top{font-size:17px;padding:10px 18px}.r-draw-button{font-size:26px;height:60px}.r-promo{font-size:20px}.r-history-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.r-card-shell{width:min(16vw,calc((100dvh - 330px)*.655),260px)}}
@media(max-width:760px){
 .r-header{display:grid;grid-template-columns:minmax(0,1fr) 34px 76px;height:auto;padding:10px 12px;gap:8px}.r-heading{grid-column:1;grid-row:1}.r-heading h1{font-size:25px;line-height:1.3}.r-wallet{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:9px}.r-help{grid-column:2;grid-row:1;width:30px;height:30px;font-size:23px!important}.r-return{grid-column:3;grid-row:1;font-size:24px;min-height:35px;min-width:0;padding:2px 9px}.r-currency-group .r-resource{font-size:14px;min-height:36px}.r-currency-group .r-resource b{font-size:14px}.r-currency-reset{height:33px}
 .r-lobby{grid-template-columns:118px minmax(0,1fr)}.r-packages{padding:12px 7px}.r-rates-button{padding:8px 5px;gap:5px;font-size:14px;min-height:43px}.r-rates-button svg{width:17px;height:17px}.r-rates-button>span{display:none}.r-sidebar-label{font-size:12px;padding:19px 4px 10px;letter-spacing:0}.r-package-list{gap:11px}.r-package{height:127px;padding:12px 8px 32px}.r-package.is-selected{padding-left:8px}.r-package strong{font-size:17px;line-height:1.55}.r-package small{font-size:12px;line-height:1.4;padding:5px}.r-package img{opacity:.45}.r-package:after{background:linear-gradient(90deg,#1d211bc9,#1b211b77)}.r-record-panel{padding-top:22px}.r-record-panel h2{font-size:14px}.r-record-panel>p{font-size:12px;flex-wrap:wrap;gap:3px}.r-record-panel>p b{font-size:15px}.r-history-button{font-size:14px;gap:3px;padding:8px 6px;flex-wrap:wrap}.r-history-button strong{font-size:18px}.r-history-button i{margin-left:0}
 .r-banner-top{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;min-height:76px;font-size:16px}.r-pool-button{font-size:14px;padding:5px 10px;min-height:33px;margin-left:auto}.r-pool-button span{margin-left:8px;font-size:17px}.r-anniversary-art{min-height:90px}.r-banner-bottom{padding:12px 10px}.r-promo{font-size:17px;line-height:1.5}.r-draw-actions{gap:10px;margin-top:15px}.r-draw-actions>div{width:calc(50% - 5px)}.r-draw-button{font-size:21px;height:50px;padding:8px 4px}.r-draw-cost{font-size:17px;gap:4px;padding:0 3px}.r-draw-cost>span:first-child{font-size:12px;padding:0 3px}.r-lobby-footer{padding:10px 12px;gap:10px}.r-sim-label{font-size:12px;line-height:1.5}.r-lobby-footer button{font-size:14px}.r-featured h2{font-size:30px}
 .r-stage-top{min-height:106px;grid-template-columns:1fr 1fr;padding:14px 16px;gap:8px;align-content:start}.r-stage-top .r-text-button{font-size:14px;min-height:35px}.r-stage-top p{grid-row:2;grid-column:1/-1;font-size:17px;padding:8px 10px;max-width:330px}.r-global-skip{top:115px;right:14px;font-size:14px;min-height:36px;padding:7px 11px;gap:9px}.r-global-skip span{font-size:18px}.r-card-row{padding:10px 18px 20px;gap:14px 12px}.r-card-shell{width:min(100%,calc((100dvh - 375px)*.30));max-width:140px}.r-results-bottom{padding:0 16px 12px}.r-results-summary{font-size:16px;gap:5px;min-height:35px}.r-result-footnote{font-size:12px;margin-top:8px}.r-results-bottom .r-draw-button{font-size:23px;height:48px}.r-results-bottom .r-draw-actions{gap:22px}.r-ticker{top:201px;left:5%;right:5%;font-size:12px;height:26px;line-height:26px}
 .r-dialog h2{font-size:24px}.r-history-dialog .r-dialog-body,.r-rates-dialog .r-dialog-body{padding:17px 16px 22px}.r-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.r-history-heading p{font-size:16px}.r-history-heading>span{font-size:13px}.r-history-notice{font-size:13px}.r-history-order{font-size:14px}.r-history-draw{font-size:12px}.r-rate-packages{grid-template-columns:1fr;gap:10px}.r-rate-packages button{font-size:17px;min-height:64px;padding:14px 16px}.r-rate-detail-head{gap:9px}.r-rate-detail-head h3{font-size:19px}.r-rate-intro{font-size:16px}.r-rate-source-note{font-size:13px}.r-empty{min-height:220px}.r-empty p{font-size:18px}.r-empty span{font-size:14px}.r-help-copy{font-size:17px}.r-secondary{font-size:14px}
}
@media(max-height:640px) and (min-width:761px){.r-header{height:60px}.r-heading h1{font-size:27px}.r-packages{padding-block:12px}.r-sidebar-label{padding-top:13px}.r-package{height:98px}.r-package strong{font-size:18px}.r-record-panel{padding-top:10px}.r-record-panel h2{padding-top:10px}.r-record-panel>p{padding-block:7px}.r-history-button{min-height:38px;padding-block:5px}.r-banner-top{min-height:44px}.r-banner-bottom{padding:7px 5% 9px}.r-promo{display:none}.r-draw-button{height:48px;font-size:24px}.r-draw-actions{margin-top:9px}.r-draw-cost{font-size:17px;margin-top:5px}.r-lobby-footer{min-height:38px;padding-block:7px}.r-stage-top{min-height:65px;padding:10px 25px}.r-stage-top p{font-size:18px;padding:7px 15px}.r-global-skip{top:73px;min-height:37px;padding-block:7px}.r-card-shell{width:min(15vw,calc((100dvh - 275px)*.655))}.r-card-row{padding-block:12px}.r-results-bottom{padding-bottom:10px}.r-result-footnote{margin-top:5px}.r-results-summary{min-height:31px;font-size:16px}.r-ticker{top:65px}}
@media(prefers-reduced-motion:reduce){.r-global-skip{transition:none}.r-package,.r-rates-button{transition:none}}
.r-anniversary{background:radial-gradient(ellipse at 50% 34%,#97764438,transparent 65%),linear-gradient(#2b241bd1,#141612e0),url(assets/recruit-hall-hd.webp) center/cover}
.r-anniversary-art{margin:16px 24px 0;background-size:contain;background-position:center;filter:drop-shadow(0 5px 18px #0006)}
@media(max-width:760px){.r-anniversary-art{margin:8px 5px 0}.r-splash-card{width:min(52vw,calc((100dvh - 270px)*.64))}}
@media(min-width:761px){.r-ticker{top:152px;left:22%;right:22%;height:28px;line-height:28px;font-size:14px}}
@media(max-height:640px) and (min-width:761px){.r-stage-top{min-height:85px}.r-ticker{top:118px;height:24px;line-height:24px;font-size:12px}.r-card-shell{width:min(15vw,calc((100dvh - 330px)*.655))}}
@media(max-height:540px) and (min-width:600px) and (max-width:760px){
 .r-header{display:flex;height:52px;padding:5px 12px;gap:10px}.r-heading{margin-right:auto}.r-heading h1{font-size:23px}.r-wallet{display:flex;gap:7px}.r-currency-group .r-resource{font-size:14px;min-height:33px}.r-return{font-size:22px}.r-help{width:27px;height:27px}.r-lobby{grid-template-columns:170px minmax(0,1fr)}.r-packages{padding:9px}.r-rates-button{min-height:37px}.r-sidebar-label{padding:12px 2px 8px}.r-package{height:83px}.r-package strong{font-size:17px}.r-record-panel{padding-top:10px}.r-record-panel h2{padding-top:10px}.r-record-panel>p{padding-block:5px}.r-history-button{min-height:32px;padding-block:4px}.r-banner-top{min-height:40px;font-size:15px;padding:6px 12px}.r-banner-bottom{padding:5px 10px}.r-promo{display:none}.r-draw-button{height:41px;min-height:38px;font-size:22px}.r-draw-actions{margin-top:6px}.r-lobby-footer{min-height:35px;padding:6px 12px;flex-wrap:nowrap}.r-sim-label{font-size:12px;flex:auto}.r-lobby-footer button{font-size:12px}.r-stage-top{min-height:70px;display:grid;grid-template-columns:1fr 1.5fr 1fr;padding:5px 14px;align-content:start}.r-stage-top p{grid-column:2;grid-row:1;font-size:15px;margin:0;padding:7px;max-width:none}.r-stage-top .r-text-button{font-size:13px}.r-global-skip{top:61px;font-size:13px;min-height:33px;padding:6px 9px}.r-ticker{top:97px;left:20%;right:20%;height:23px;line-height:23px;font-size:12px}.r-card-row{display:flex;max-width:none;max-height:none;width:100%;padding:8px 3vw 12px;gap:3vw}.r-card-shell,.r-card-row.is-single .r-card-shell{width:min(15vw,calc((100dvh - 300px)*.655));max-width:none}.r-results-bottom{padding:0 5% 7px}.r-results-summary{min-height:28px;font-size:14px}.r-results-bottom .r-draw-actions{max-width:600px;margin-top:3px}.r-results-bottom .r-draw-button{height:40px;min-height:38px;font-size:21px}.r-results-bottom .r-draw-cost{font-size:16px}.r-result-footnote{font-size:12px;margin-top:5px}
}
.r-rate-group+.r-rate-group{margin-top:26px}.r-rate-group>h3{font-size:16px;font-weight:500;color:#c5b38d;padding:0 2px 12px;border-bottom:1px solid #826d4766;margin-bottom:14px;letter-spacing:.06em}
