.k66RoleGate{position:relative;min-height:calc(100vh - 110px);display:flex;align-items:center;overflow:hidden;color:#fff;padding:62px 0 70px;background:radial-gradient(circle at 50% 0%,rgba(11,40,68,.55),transparent 35%),radial-gradient(circle at 15% 20%,rgba(255,203,120,.10),transparent 22%),radial-gradient(circle at 85% 18%,rgba(66,216,232,.10),transparent 25%),linear-gradient(180deg,#04111f 0%,#07172b 38%,#0a1220 100%)}
.k66RoleGate:before,.k66RoleGate:after{content:'';position:absolute;inset:auto 0 0 0;height:190px;pointer-events:none}.k66RoleGate:before{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 20%,rgba(0,0,0,.52) 100%)}.k66RoleGate:after{background:radial-gradient(circle at 20% 100%,rgba(255,255,255,.18) 0 2px,transparent 3px) 0 0/26px 26px,radial-gradient(circle at 70% 100%,rgba(255,255,255,.08) 0 1px,transparent 2px) 0 0/20px 20px;opacity:.20;mix-blend-mode:screen}
.k66GateTop{text-align:center;max-width:980px;margin:0 auto 34px;position:relative;z-index:2}.k66GateTop .k65Eyebrow{display:inline-flex;margin-bottom:16px}.k66GateTop h1{font-size:clamp(44px,7vw,84px);line-height:.96;letter-spacing:-.05em;margin:0 0 14px}.k66GateTop h1 em{font-style:normal;color:#e3c07c}.k66GateTop p{font-size:18px;line-height:1.7;color:#d7e3eb;max-width:820px;margin:0 auto}
.k66RolePosterGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;position:relative;z-index:2}
.k66RolePosterCard{position:relative;display:block;border-radius:26px;overflow:hidden;background:#0a1421;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 55px rgba(0,0,0,.35);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;isolation:isolate;min-height:0}
.k66RolePosterCard:hover,.k66RolePosterCard:focus-visible{transform:translateY(-8px) scale(1.01);box-shadow:0 28px 70px rgba(0,0,0,.48);border-color:rgba(227,192,124,.75);outline:none}
.k66RolePosterCard img{display:block;width:100%;height:auto;aspect-ratio:402/736;object-fit:cover}
.k66RolePosterCard:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,18,.02) 0%,rgba(5,10,18,0) 38%,rgba(5,10,18,.12) 52%,rgba(5,10,18,.82) 100%);z-index:1;pointer-events:none}
.k66CardGlow{position:absolute;left:18px;right:18px;bottom:16px;height:1px;z-index:2;box-shadow:0 0 0 1px rgba(227,192,124,.25),0 0 30px rgba(227,192,124,.35)}
.k66CardGlow.cyan{box-shadow:0 0 0 1px rgba(66,216,232,.30),0 0 32px rgba(66,216,232,.26)}
.k66CardGlow.lime{box-shadow:0 0 0 1px rgba(182,242,61,.26),0 0 32px rgba(182,242,61,.20)}
.k66CardGlow.pink{box-shadow:0 0 0 1px rgba(255,63,142,.28),0 0 32px rgba(255,63,142,.23)}
.k66RoleGateFoot{position:relative;z-index:2;text-align:center;margin-top:20px}.k66RoleGateFoot p{margin:0 auto;max-width:900px;color:#aebfca;font-size:14px;line-height:1.65}.k66RoleGateFoot a{color:#fff;font-weight:900}
.k66RoleBar{position:sticky;top:0;z-index:20;background:#06182b;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.k66RoleBar .k65Wrap{height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}.k66RoleBar span{font-size:12px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.k66RoleBar button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;padding:7px 11px;border-radius:999px;font-weight:900;cursor:pointer}.k66RoleBar button:hover,.k66RoleBar button:focus-visible{border-color:#e3c07c;outline:none}
.k66PersonaHero{color:#fff;padding:70px 0 58px}.k66PersonaHero.playerHero{background:radial-gradient(circle at 80% 10%,rgba(182,242,61,.18),transparent 32%),linear-gradient(135deg,#07182e,#183a1f)}.k66PersonaHero.keeperHero{background:radial-gradient(circle at 80% 10%,rgba(66,216,232,.2),transparent 32%),linear-gradient(135deg,#061629,#0b4058)}.k66PersonaHero.trainerHero{background:radial-gradient(circle at 80% 10%,rgba(255,63,142,.16),transparent 32%),linear-gradient(135deg,#07182e,#3b1734)}
.k66PersonaHeroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}.k66PersonaHero h1{font-size:clamp(44px,7vw,82px);line-height:.92;letter-spacing:-.055em;margin:14px 0 20px}.k66PersonaHero h1 em{font-style:normal;color:var(--k65-pink)}.k66PersonaHero p{font-size:18px;line-height:1.65;color:#d5e5ed;max-width:760px}.k66FocusBox{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:24px;padding:24px}.k66FocusBox small{font-size:11px;font-weight:1000;letter-spacing:.15em;color:var(--k65-cyan)}.k66FocusBox ul{list-style:none;padding:0;margin:15px 0 0}.k66FocusBox li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.11)}.k66FocusBox li:last-child{border-bottom:0}.k66FocusBox li:before{content:'→';margin-right:9px;color:var(--k65-lime);font-weight:1000}.k66RolePanel[hidden],.k66Personalized[hidden],.k66RoleGate[hidden]{display:none!important}
@media(max-width:980px){.k66RolePosterGrid{gap:16px}.k66RoleGate{padding:48px 0 62px}}
@media(max-width:850px){.k66RolePosterGrid,.k66PersonaHeroGrid{grid-template-columns:1fr}.k66RoleGate{align-items:flex-start;padding:40px 0 54px}.k66PersonaHero{padding:48px 0}}
@media(max-width:560px){.k66GateTop h1,.k66PersonaHero h1{font-size:clamp(40px,13vw,58px)}.k66GateTop p{font-size:16px}.k66RolePosterGrid{gap:14px}.k66RoleBar .k65Wrap{height:52px}.k66RoleBar span{font-size:10px}.k66RoleBar button{font-size:12px}}