.hero-army-nav>.mode-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hero-army-nav>.mode-actions button{min-height:48px;padding:8px;white-space:normal;font-size:12px}.legion-hero-choice{display:grid;width:100%;gap:5px;white-space:normal;text-align:left;padding:10px;min-height:54px}.legion-hero-choice small{color:#afccc1;font-size:10px}#legion-hero-picker{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);overflow:auto;box-sizing:border-box;padding:22px;border:1px solid #91b6a6;border-radius:16px;background:#132e3b;color:#e0eae3}#legion-hero-picker>p{line-height:1.6;font-size:13px}#legion-hero-picker>.hero-portrait{width:110px}.picker-tier{margin:20px 0;border-top:2px solid var(--hero-color);padding-top:10px}.picker-tier>h3{color:var(--hero-color);margin:0 0 12px;font-size:18px}.picker-tier>h3 small{font-size:11px;font-weight:400;margin-left:7px}.picker-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.picker-hero{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0;min-height:44px;padding:12px;background:#203e4a;color:#e4eee5;border:1px solid var(--hero-color);border-radius:12px}.picker-hero .hero-portrait{width:min(110px,100%)}.picker-hero>b{font-size:13px}.picker-hero>small,.picker-hero>em{font-size:10px;line-height:1.5;font-style:normal}.picker-hero>em{color:#98dfca}.picker-hero.assigned{background:#293a43;border-color:#7d8c91;color:#aebbbd}.picker-hero.assigned .hero-portrait{filter:grayscale(.9);opacity:.7}.picker-hero.assigned>em{color:#d9c499}.picker-hero.selected{box-shadow:0 0 0 2px #c8ecd8}.picker-error{color:#ffb29e}
#recruit-reveal-modal{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px);overflow:auto;box-sizing:border-box;padding:28px;border:1px solid #b6b7b3;border-radius:20px;background:radial-gradient(ellipse at top,#2e395e,#112d3b 70%);color:#e2eee6;text-align:center}#recruit-reveal-modal::backdrop,#legion-hero-picker::backdrop{background:#020d1ad9}#recruit-reveal-modal h2{color:#f4d48a;margin:14px 0;font-size:29px}#recruit-reveal-modal>.eyebrow{font-size:9px;color:#c2d4e8;letter-spacing:2px}.recruit-rift{position:relative;width:210px;height:210px;margin:30px auto;display:grid;place-items:center;isolation:isolate}.rift-orbit{position:absolute;inset:8px;border-radius:50%;border:4px solid transparent;border-top-color:#91f7ee;border-bottom-color:#9177eb;box-shadow:0 0 18px #72bbeb77,inset 0 0 18px #8e74f344;animation:rift-spin 3s linear infinite}.rift-orbit.second{inset:30px;animation:rift-spin 2s linear infinite reverse;border-width:2px;transform:rotateX(25deg)}.rift-core{font-size:82px;line-height:1;color:#d6fcf4;text-shadow:0 0 18px #bba6ff,0 0 40px #66d4e9;animation:rift-breathe 1.5s ease-in-out infinite alternate}.recruit-rift i{position:absolute;inset:-8px 50%;width:3px;background:linear-gradient(transparent,#e0bfff,transparent);transform:rotate(35deg);opacity:.3;z-index:-1}.recruit-rift i:nth-of-type(2){transform:rotate(105deg)}.recruit-rift i:nth-of-type(3){transform:rotate(155deg)}.recruit-progress{height:7px;margin:20px auto 10px;width:min(340px,90%);background:#25434f;border-radius:8px;overflow:hidden}.recruit-progress>i{display:block;height:100%;width:calc(var(--rift-progress,0)*100%);background:linear-gradient(90deg,#5cd7c6,#c5a4ff,#f2da9f);transition:width .1s linear}.recruit-countdown{color:#b8e7e0;font-variant-numeric:tabular-nums}#recruit-reveal-modal>small{font-size:11px;color:#a8c4c8}.recruit-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.recruited-hero{padding:15px 10px;border:1px solid var(--hero-color);border-radius:13px;background:#1a3543;display:flex;align-items:center;flex-direction:column;gap:8px}.recruited-hero .hero-portrait{width:min(130px,100%)}.recruited-hero h3{font-size:15px;margin:0;color:#edf3eb}.recruited-rank{font-size:11px;color:var(--hero-color)}.recruited-hero>small{font-size:11px}.recruited-hero>b{font-size:11px;color:#b4e6d1}.primordial-reveal{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0}.primordial-reveal .recruited-hero{min-width:150px;max-width:250px;flex:1;background:radial-gradient(ellipse at top,#6a5560,#213849);border:2px solid #e6c36e;box-shadow:0 0 22px #d0a84c33}.primordial-reveal .hero-portrait{width:150px}#recruit-result-ok{min-height:48px;width:min(360px,100%);margin:14px 0 0;font-size:16px}.hero-server-news{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 90px);transform:translateX(-50%);z-index:5001;display:flex;gap:12px;align-items:center;width:min(560px,calc(100% - 30px));box-sizing:border-box;padding:14px 18px;border:1px solid #e1c277;border-radius:13px;background:linear-gradient(120deg,#273b49f5,#3e3b49f5);color:#e7eee6;box-shadow:0 6px 25px #00151a77;pointer-events:none}.hero-server-news[hidden]{display:none!important}.hero-news-icon{font-size:38px;color:#f2d484}.hero-server-news small{font-size:9px;letter-spacing:1px;color:#d6c69f}.hero-server-news p{font-size:13px;line-height:1.5;margin:5px 0}.hero-server-news strong{color:#ffe49f}.world-page .hero-server-news{bottom:calc(env(safe-area-inset-bottom) + 16px)}.chat-message.system{border:1px solid #d4b66e;background:#3d4144}.chat-message.system b{color:#f5d48e}@keyframes rift-spin{to{rotate:360deg}}@keyframes rift-breathe{to{scale:1.13;opacity:.8}}@media(max-width:600px){.hero-army-nav>.mode-actions button{font-size:10px;padding:6px;line-height:1.3}#legion-hero-picker,#recruit-reveal-modal{padding:18px}.picker-heroes,.recruit-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-hero{padding:10px 7px}.picker-hero>b{font-size:12px}#recruit-reveal-modal h2{font-size:24px}.recruit-rift{width:180px;height:180px;margin:22px auto}.hero-server-news{padding:11px 13px;gap:9px}.hero-server-news p{font-size:11px}.hero-news-icon{font-size:30px}}@media(max-height:500px){.recruit-rift{width:110px;height:110px;margin:12px auto}.rift-core{font-size:50px}#recruit-reveal-modal h2{font-size:22px}.recruit-progress{margin:10px auto}.hero-server-news{bottom:12px}}@media(prefers-reduced-motion:reduce){.rift-orbit,.rift-core{animation:none}.recruit-progress>i{transition:none}}

.recruit-results-scroll{max-height:min(60dvh,calc(100dvh - 250px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 3px}#recruit-reveal-heading:focus{outline:none}