/* Recruitment controls participate in layout instead of covering the artwork. */
#recruit-root .r-screen .r-header{height:auto;min-height:74px;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(290px,460px) 38px 76px;gap:10px;padding:10px 18px;align-items:center}
#recruit-root .r-screen .r-header>*{grid-row:auto;grid-column:auto;min-width:0}
#recruit-root .r-screen .r-heading h1{min-width:0;font-size:26px;line-height:1.2;letter-spacing:1px;margin:0}
#recruit-root .r-screen .r-heading>span{display:none}
#recruit-root .r-screen .r-header-funding{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin:0;max-width:270px}
#recruit-root .r-screen .r-header-funding .r-effect-preference{font-size:12px;min-height:34px;padding:5px 7px;white-space:nowrap}
#recruit-root .r-screen .r-wallet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0;width:auto}
#recruit-root .r-screen .r-currency-group{min-width:0;gap:4px}
#recruit-root .r-screen .r-resource{min-width:0;flex:1;font-size:14px;gap:5px;padding:6px;min-height:38px}
#recruit-root .r-screen .r-resource b{font-size:14px;margin-left:auto;min-width:0}
#recruit-root .r-screen .r-resource i{flex:none;width:22px;height:24px}
#recruit-root .r-screen .r-currency-reset{width:30px;height:36px;min-width:30px;padding:4px}
#recruit-root .r-screen .r-return{display:flex;align-items:center;justify-content:center;writing-mode:horizontal-tb;white-space:nowrap;word-break:keep-all;width:76px;min-width:76px;min-height:40px;height:40px;padding:4px 12px;font-size:20px!important;letter-spacing:0;border-radius:4px}
#recruit-root .r-screen .r-help{display:block;width:34px;height:36px;min-height:36px;font-size:25px!important}
#recruit-root .r-screen .r-game-lobby{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
#recruit-root .r-screen .r-game-lobby .r-packages{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}
#recruit-root .r-screen .r-packages>.r-package-list{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;width:100%;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b8153 #25241d;-webkit-overflow-scrolling:touch}
#recruit-root .r-screen .r-package-list::-webkit-scrollbar{display:block;width:4px}
#recruit-root .r-screen .r-package-list::-webkit-scrollbar-thumb{background:#9b8153;border-radius:4px}
#recruit-root .r-screen .r-package-list>button{flex-shrink:0;width:100%;min-width:0}
#recruit-root .r-screen .r-packages>.r-record-panel,#recruit-root .r-screen .r-packages>.r-rates-button{flex:none}
#recruit-root .r-screen .r-game-scene{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 18px 0;scrollbar-width:thin}
#recruit-root .r-screen .r-game-scene .r-scene-top{position:relative;inset:auto;min-height:42px;padding:0;flex:none;gap:10px;flex-wrap:nowrap}
#recruit-root .r-screen .r-scene-top>span:first-child{flex:1;min-width:0;font-size:17px}
#recruit-root .r-screen .r-scene-top .r-pool-button{position:static;min-height:38px;font-size:14px;white-space:nowrap;padding:6px 10px}
#recruit-root .r-screen .r-controls{position:relative;inset:auto;z-index:5;display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;flex:none;width:100%;min-width:0}
#recruit-root .r-screen .r-quick-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
#recruit-root .r-screen .r-quick-actions>button,#recruit-root .r-screen .r-settings>summary,#recruit-root .r-screen .r-lobby-management>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #9b815366;border-radius:4px;background:#242219ed;color:#e7d5b1;font-size:13px!important;line-height:1.4;cursor:pointer;white-space:nowrap}
#recruit-root .r-screen .r-settings{display:block;flex:0 1 auto;width:max-content;min-width:0;max-width:100%}
#recruit-root .r-screen .r-settings>summary{display:inline-flex;width:max-content;max-width:100%;justify-content:flex-start;list-style:none}
#recruit-root .r-screen .r-settings>summary::after,#recruit-root .r-screen .r-lobby-management>summary::after{content:'＋';margin-left:8px}
#recruit-root .r-screen .r-settings[open]>summary::after,#recruit-root .r-screen .r-lobby-management[open]>summary::after{content:'−'}
#recruit-root .r-screen summary::-webkit-details-marker{display:none}
#recruit-root .r-screen summary:focus-visible{outline:2px solid #e8c87d;outline-offset:2px}
#recruit-root .r-screen .r-settings .r-effect-options{position:static;inset:auto;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;width:100%;gap:6px;padding:10px 0 2px;margin:0;background:none}
#recruit-root .r-screen .r-settings:not([open])>.r-effect-options{display:none}
#recruit-root .r-screen .r-settings .r-effect-preference{font-size:12px;min-height:38px;white-space:normal;text-align:left;width:auto;flex:1 1 175px;padding:6px 9px}
#recruit-root .r-screen .r-settings .r-auto-launch{min-height:38px;font-size:12px!important}
#recruit-root .r-screen .r-game-scene .r-lobby-management{position:relative;inset:auto;z-index:4;width:max-content;max-width:100%;margin:0;flex:0 1 auto}
#recruit-root .r-screen .r-lobby-management>summary{display:inline-flex;width:max-content;max-width:100%;justify-content:flex-start;list-style:none;min-height:38px}
#recruit-root .r-screen .r-settings[open],#recruit-root .r-screen .r-game-scene .r-lobby-management[open]{flex:0 1 620px;width:min(620px,100%)}
#recruit-root .r-screen .r-lobby-management .r-lobby-tools{padding-top:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#recruit-root .r-screen .r-lobby-management:not([open])>.r-lobby-tools,#recruit-root .r-screen .r-lobby-management:not([open])>.r-saved-picker{display:none}
#recruit-root .r-screen .r-lobby-management .r-metal{min-height:38px;font-size:13px;padding:6px 4px}
#recruit-root .r-screen .r-saved-picker>div{position:static;max-height:240px}
#recruit-root .r-screen .r-game-scene .r-season-neutral{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;min-height:190px;gap:10px;padding:10px 0;pointer-events:none}
#recruit-root .r-screen .r-game-scene .r-season-neutral>h2{position:static;inset:auto;display:none;margin:0}
#recruit-root .r-screen .r-game-scene .r-season-neutral>div{position:static;inset:auto;display:flex;justify-content:center;align-items:center;flex:1;gap:16px;width:100%;height:auto;min-height:0;max-height:none}
#recruit-root .r-screen .r-game-scene .r-season-neutral .r-feature-card{flex:0 1 160px;width:160px;max-width:29%;height:auto;max-height:none;aspect-ratio:238/362;transform:none}
#recruit-root .r-screen .r-game-scene:not(:has(.r-season-neutral)) .r-game-draw{margin-top:auto;padding-top:clamp(130px,22dvh,250px)}
#recruit-root .r-screen .r-game-scene .r-game-draw{position:relative;inset:auto;z-index:2;flex:none;width:100%;padding:0 0 10px;background:linear-gradient(transparent,#14140f99)}
#recruit-root .r-screen .r-game-draw .r-pity{margin:0 0 8px}
#recruit-root .r-screen .r-game-draw .r-pity-values{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px}
#recruit-root .r-screen .r-game-draw .r-pity-values>span{padding:4px 8px}
#recruit-root .r-screen .r-game-draw .r-draw-actions{gap:10px;margin:0 auto;width:100%}
#recruit-root .r-screen .r-game-draw .r-draw-button{height:52px;min-height:44px;font-size:21px;white-space:nowrap}
#recruit-root .r-screen .r-game-draw .r-draw-cost{font-size:17px;gap:4px;margin-top:5px;flex-wrap:wrap}
#recruit-root .r-screen .r-game-draw .r-draw-cost>span:first-child{font-size:12px}
#recruit-root .r-screen .r-game-scene .r-game-footer{position:relative;inset:auto;flex:none;min-height:48px;width:100%;padding:8px 0;gap:10px;flex-wrap:wrap;margin-top:0}
#recruit-root .r-screen .r-game-footer .r-owned-button{font-size:16px;gap:7px}
#recruit-root .r-screen .r-game-footer .r-conversion-button{font-size:14px}
#recruit-root .r-screen .r-stage{overflow-y:auto}
#recruit-root .r-screen .r-stage>.r-controls{padding:0 14px 8px}
#recruit-root .r-screen .r-stage>.r-controls .r-settings{max-width:650px}
.home-video-toggle{align-self:center;font-size:13px;padding:8px 14px;margin-top:8px;background:#1c1a16c9;border:1px solid #c6a77466;border-radius:4px}
@media(max-width:1100px){
 #recruit-root .r-screen .r-header{grid-template-columns:minmax(0,1fr) 36px 72px;padding:8px 12px;gap:6px 8px}
 #recruit-root .r-screen .r-header .r-heading{grid-area:1/1;align-self:center}
 #recruit-root .r-screen .r-header .r-help{grid-area:1/2}
 #recruit-root .r-screen .r-header .r-return{grid-area:1/3;width:72px;min-width:72px}
 #recruit-root .r-screen .r-header .r-wallet{grid-area:2/1/3/4}
 #recruit-root .r-screen .r-header .r-header-funding{grid-area:3/1/4/4;max-width:none;gap:6px}
 #recruit-root .r-screen .r-header-funding .r-effect-preference{min-height:30px;font-size:12px;padding:4px 7px}
 #recruit-root .r-screen .r-game-lobby{grid-template-columns:170px minmax(0,1fr)}
 #recruit-root .r-screen .r-game-scene{padding:12px 12px 0;gap:8px}
 #recruit-root .r-screen .r-game-lobby .r-packages{padding:9px 7px;gap:8px}
 #recruit-root .r-screen .r-game-lobby .r-package-tile{min-height:72px}
 #recruit-root .r-screen .r-game-lobby .r-package-tile strong{font-size:14px}
 #recruit-root .r-screen .r-game-scene .r-season-neutral .r-feature-card{flex-basis:145px;width:145px;max-width:30%}
}
@media(max-width:900px){
 #recruit-root .r-screen .r-game-lobby{grid-template-columns:clamp(108px,23vw,160px) minmax(0,1fr)}
 #recruit-root .r-screen .r-game-lobby .r-packages{padding:8px 5px;gap:7px;border-right:1px solid #75613f;background:#222018}
 #recruit-root .r-screen .r-packages>.r-rates-button{min-height:34px;font-size:12px;padding:4px 6px;white-space:nowrap}
 #recruit-root .r-screen .r-packages>.r-rates-button>span{display:none}
 #recruit-root .r-screen .r-packages>.r-package-list{gap:7px;padding:2px 3px 5px}
 #recruit-root .r-screen .r-package-list>button{flex:0 0 auto;min-height:68px;max-height:none;margin:0}
 #recruit-root .r-screen .r-package-list .r-package-tile{min-height:72px;height:auto;padding:7px 6px}
 #recruit-root .r-screen .r-package-list .r-package-tile strong{font-size:14px;line-height:1.4;white-space:normal;word-break:keep-all}
 #recruit-root .r-screen .r-package-list .r-package-tile small{font-size:11px;line-height:1.3}
 #recruit-root .r-screen .r-package-list .r-package-original{height:68px}
 #recruit-root .r-screen .r-packages>.r-record-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:0;margin:0;min-width:0}
 #recruit-root .r-screen .r-record-panel .r-history-button{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;min-height:42px;height:auto;padding:5px;font-size:12px;margin:0;white-space:normal}
 #recruit-root .r-screen .r-record-panel .r-history-button>span:first-child{flex:1 0 100%;white-space:normal}
 #recruit-root .r-screen .r-record-panel .r-history-button strong{font-size:15px;margin-left:auto}
 #recruit-root .r-screen .r-game-scene{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;padding:10px 10px 0}
 #recruit-root .r-screen .r-game-scene .r-scene-top{flex-wrap:wrap}
 #recruit-root .r-screen .r-scene-top .r-pool-button{margin-left:auto}
 #recruit-root .r-screen .r-scene-top>span:first-child{font-size:15px}
 #recruit-root .r-screen .han-pool-status{font-size:11px}
 #recruit-root .r-screen .r-game-scene .r-season-neutral{min-height:175px;padding:8px 0}
 #recruit-root .r-screen .r-game-scene .r-season-neutral .r-feature-card{flex-basis:140px;width:140px;max-width:29%}
 #recruit-root .r-screen .r-game-scene .r-season-neutral>div{gap:12px}
 #recruit-root .r-screen .r-game-scene .r-game-draw{padding-bottom:6px}
 #recruit-root .r-screen .r-game-draw .r-draw-button{font-size:18px;height:48px}
 #recruit-root .r-screen .r-game-draw .r-draw-cost{font-size:15px}
}
@media(max-width:450px){
 #recruit-root .r-screen .r-heading h1{font-size:21px}
 #recruit-root .r-screen .r-header{padding:6px 9px;gap:5px 6px}
 #recruit-root .r-screen .r-resource{font-size:12px;gap:4px;padding:4px}
 #recruit-root .r-screen .r-resource b{font-size:13px}
 #recruit-root .r-screen .r-resource .r-coin{width:17px;height:17px}
 #recruit-root .r-screen .r-currency-reset{min-width:27px;width:27px}
 #recruit-root .r-screen .r-header-funding .r-effect-preference{font-size:11px}
 #recruit-root .r-screen .r-game-lobby{grid-template-columns:108px minmax(0,1fr)}
 #recruit-root .r-screen .r-record-panel .r-history-button{font-size:10px;gap:3px;padding:4px}
 #recruit-root .r-screen .r-packages>.r-rates-button{font-size:11px;padding:4px 6px}
 #recruit-root .r-screen .r-game-scene{padding-inline:9px}
 #recruit-root .r-screen .r-game-draw .r-draw-actions{gap:6px}
 #recruit-root .r-screen .r-game-draw .r-draw-button{font-size:16px}
 #recruit-root .r-screen .r-game-draw .r-draw-cost{font-size:14px}
 #recruit-root .r-screen .r-game-draw .r-draw-cost>span:first-child{display:none}
 #recruit-root .r-screen .r-game-scene .r-season-neutral>div{gap:10px}
 #recruit-root .r-screen .r-game-scene .r-season-neutral .r-feature-card{max-width:30%;flex-basis:120px;width:120px}
 #recruit-root .r-screen .r-game-draw .r-pity-values{font-size:12px}
}
#recruit-root .r-screen .r-stage>.r-card-row:not(.is-bulk){flex:1 0 auto;min-height:180px}
#recruit-root .r-screen .r-stage>.r-results-bottom{flex:none}
@media(min-width:1101px){
 #recruit-root .r-screen .r-header .r-heading{grid-column:1;grid-row:1}
 #recruit-root .r-screen .r-header .r-header-funding{grid-column:2;grid-row:1}
 #recruit-root .r-screen .r-header .r-wallet{grid-column:3;grid-row:1}
 #recruit-root .r-screen .r-header .r-help{grid-column:4;grid-row:1}
 #recruit-root .r-screen .r-header .r-return{grid-column:5;grid-row:1}
}

.owner-entry{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;white-space:nowrap;padding:8px 12px}
.download-consent progress{display:block;width:100%;height:16px;margin:20px 0 8px;accent-color:#d4b574}
.download-consent [hidden]{display:none!important}
