/* Focused refinements requested against the six annotated screenshots. */
.header nav>button{font:inherit;color:inherit;background:none;border:0;padding:10px 0;cursor:pointer}
.selected .header{gap:24px}.selected .header nav{margin:0 auto 0 6px;gap:10px;flex-shrink:0}.selected .header-actions{margin-left:0;gap:18px}
.selected .header nav>a,.selected .header nav>button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid #c9a1ee3d;background:linear-gradient(130deg,#b186d415,#3c1b4d12);font:750 16px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.1px;white-space:nowrap;color:#f1e8fa;box-shadow:inset 0 1px #f1d8ff08;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}
.selected .header nav>button:first-child{background:linear-gradient(120deg,#8951bd,#613584);border-color:#d5a2f37a;box-shadow:0 0 23px #a265cf21}
.selected .header nav>a:after,.selected .header nav>button:after{content:'';position:absolute;left:-70%;right:auto;bottom:0;width:65%;height:2px;background:linear-gradient(90deg,transparent,#edd0ff,transparent);transition:left .55s;pointer-events:none}
.selected .header nav>a:hover,.selected .header nav>button:hover,.selected .header nav>a:focus-visible,.selected .header nav>button:focus-visible{transform:translateY(-2px);border-color:#d8aff598;background-color:#9d6eb82e;box-shadow:0 8px 25px #b47bd329,inset 0 0 16px #b98bd815}
.selected .header nav>a:hover:after,.selected .header nav>button:hover:after,.selected .header nav>a:focus-visible:after,.selected .header nav>button:focus-visible:after{left:110%}
.selected .account{font-weight:700}
.selected .events-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:75px}.event-visual{position:relative;min-height:630px;margin:0;overflow:hidden;isolation:isolate;border:1px solid #c299e22b;background:radial-gradient(ellipse at 60% 32%,#8b559239,transparent 68%),linear-gradient(135deg,#1c1025,#0c0811);box-shadow:inset 0 0 100px #09060d8a}
.event-visual>img{position:absolute;right:-65px;top:-145px;max-width:none;width:620px;height:930px;object-fit:contain;z-index:-1;opacity:.86;mask-image:linear-gradient(#000 68%,transparent 96%)}
.event-visual figcaption{position:absolute;inset:auto 0 0;padding:75px 32px 30px;background:linear-gradient(transparent,#0b0711eb 40%,#0b0711)}
.event-visual figcaption>span{font-size:13px;font-weight:650;letter-spacing:1.6px;color:#c9a5e7;font-weight:600}.event-visual strong{display:block;font:48px/1.02 Display,sans-serif;letter-spacing:1px;color:#eee3f8;margin:17px 0}.event-visual p{max-width:390px;font-size:15px;line-height:1.85;color:#bca7cb;margin:0}.event-streams{position:absolute;inset:0;z-index:-2;overflow:hidden}.event-streams i{position:absolute;width:130%;height:1px;left:-15%;top:30%;background:linear-gradient(90deg,transparent,#bf82dd66,transparent);transform:rotate(-28deg);animation:event-stream 7s linear infinite}.event-streams i:nth-child(2){top:50%;animation-delay:-2.3s;opacity:.6}.event-streams i:nth-child(3){top:70%;animation-delay:-4.6s;opacity:.3}
.selected #evolution .chapter-heading>p:last-child{font:36px/1.12 Display,'Arial Narrow',sans-serif;letter-spacing:.5px;max-width:420px;color:#f0e6f7;text-align:left}.selected #evolution .chapter-heading>p:last-child em{font-style:normal;color:var(--accent)}
.world-cast .cast-infinity{height:auto;aspect-ratio:445/200}.cast-infinity>img,.cast-infinity>canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none}.cast-infinity>canvas{opacity:0}.cast-infinity.surface-ready>canvas{opacity:1}.cast-infinity.surface-ready>img{opacity:0}
.selected .endgame-rogue{right:-20px;bottom:-170px;width:760px;height:1000px;opacity:.72}.selected .endgame-rogue img{transform:scaleX(-1)}
.selected #principles>.section-line{position:relative;padding:22px 25px 22px 30px;border:1px solid #cba0ed3d;border-left:4px solid #c797ef;background:linear-gradient(100deg,#7e409c26,#c69ae909 65%,transparent);box-shadow:inset 0 0 25px #b471db08,0 0 30px #a366cc08;gap:28px;overflow:hidden}
.selected #principles>.section-line>span{font:40px/1.1 Display,sans-serif;letter-spacing:2px;color:#ead5fb;text-shadow:0 0 25px #cba0ed20}.selected #principles>.section-line>i{height:2px;background:linear-gradient(90deg,#cda2ef85,transparent)}
.selected #principles>.section-line:after{content:'';position:absolute;top:0;bottom:0;left:-30%;width:20%;background:linear-gradient(110deg,transparent,#d6b0f309,transparent);transform:skewX(-15deg);animation:principle-sheen 11s ease-in-out infinite;pointer-events:none}
.selected .primary-action{--cta-fill:linear-gradient(115deg,#995bc9,#6d3b97 55%,#492559);position:relative;isolation:isolate;border:1px solid #d5a6f89c;background:#b68bd5;min-height:66px;padding:20px 30px;gap:36px;font:750 17px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.35px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 0 32px #b576d52b,inset 0 0 28px #e8c8ff30;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;overflow:hidden}
.selected .primary-action:before{content:'';position:absolute;inset:-180%;background:conic-gradient(from 0deg,transparent 0 55%,#d8b6f48c 65%,#fff0ffdf 69%,transparent 74% 100%);animation:cta-orbit 7s linear infinite;transform:none;z-index:0;pointer-events:none}
.selected .primary-action:after{content:'';position:absolute;inset:2px;background:var(--cta-fill);clip-path:inherit;box-shadow:inset 0 1px #f6dbff2b,inset 0 0 26px #cd8df021;z-index:1;transition:filter .35s;pointer-events:none}
.selected .primary-action>span,.selected .primary-action>b{position:relative;z-index:2}.selected .primary-action>b{font-size:25px;font-weight:600;transition:transform .35s cubic-bezier(.2,.7,.2,1);color:#f7eaff}
.selected .primary-action:hover,.selected .primary-action:focus-visible{transform:translateY(-4px);border-color:#edc6ff;box-shadow:0 10px 40px #bf7be34d,inset 0 0 25px #f1d9ff40}.selected .primary-action:hover:after,.selected .primary-action:focus-visible:after{filter:brightness(1.18)}.selected .primary-action:hover:before,.selected .primary-action:focus-visible:before{animation-duration:2.6s}.selected .primary-action:hover>b,.selected .primary-action:focus-visible>b{transform:translate(3px,-3px)}
.selected .primary-action.secondary-action{--cta-fill:linear-gradient(120deg,#352345,#1c132a 60%,#2c1b3d);background:#9a77bb}.selected .primary-action.secondary-action:hover>b,.selected .primary-action.secondary-action:focus-visible>b{transform:translateY(4px)}.selected .join-actions{gap:26px}.selected .join-actions .primary-action{min-width:250px}.selected .join-inner>.join-note{color:#bca5ca!important;margin-top:32px}
.play-guide{margin:70px auto 0;text-align:left;max-width:1050px;scroll-margin-top:35px}.play-guide>h3{font:40px Display,sans-serif;letter-spacing:1px;color:#e1c9f4;text-align:center}.play-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:32px 0 0}.play-steps li{border-top:1px solid #cba3e947;display:flex;gap:17px;padding-top:22px}.play-steps li>span{font:18px Georgia;color:#b994d6}.play-steps strong{display:block;font:700 18px/1.4 'Segoe UI',sans-serif;color:#eae0f3}.play-steps p{font-size:15px;line-height:1.8;color:#b9a7c7;margin-top:12px}
@keyframes cta-orbit{to{transform:rotate(360deg)}}@keyframes event-stream{0%{opacity:0;translate:-15% 60px}20%,70%{opacity:.7}100%{opacity:0;translate:15% -60px}}@keyframes principle-sheen{0%,60%{left:-30%}95%,100%{left:120%}}
@media(min-width:1700px){.selected .header nav{margin-left:12px;gap:14px}.selected .header nav>a,.selected .header nav>button{font-size:17px;padding-inline:18px}.selected #evolution .chapter-heading>p:last-child{font-size:39px}.selected .event-visual{min-height:690px}.selected .event-visual>img{width:690px;height:1035px;right:-50px;top:-175px}}
@media(max-width:1150px){.selected .header{gap:20px}.selected .header nav{gap:8px;margin-left:0}.selected .header nav>a,.selected .header nav>button{font-size:15px;padding-inline:11px}.selected .header-actions{gap:15px}.selected .events-layout{gap:35px}.event-visual{min-height:620px}.event-visual>img{right:-110px}.selected #evolution .chapter-heading>p:last-child{font-size:31px;max-width:360px}.selected .endgame-rogue{right:-80px;width:700px;height:960px;opacity:.65}}
@media(max-width:1050px){.selected .header nav{margin:0;gap:10px;padding:18px 30px 25px;align-items:stretch}.selected .header nav>a,.selected .header nav>button{display:flex;justify-content:flex-start;min-height:52px;padding:14px 18px;font-size:17px;text-align:left;white-space:normal}.selected .header-actions{margin-left:auto}.selected .header nav>a:hover,.selected .header nav>button:hover{transform:none}}
@media(max-width:800px){.selected .events-layout{grid-template-columns:minmax(0,1fr);gap:35px}.event-visual{min-height:650px;max-width:650px;width:100%}.event-visual>img{right:-10px;top:-140px}.selected #evolution .chapter-heading>p:last-child{font-size:34px;line-height:1.16;max-width:100%;margin-top:30px}.selected .endgame-rogue{right:-170px;bottom:-170px;width:680px;height:930px;opacity:.44}.selected #principles>.section-line>span{font-size:36px}.selected .primary-action{font-size:17px}.play-steps{grid-template-columns:1fr;gap:24px}.play-steps li{max-width:580px;width:100%;margin:auto}.play-guide{margin-top:55px}}
@media(max-width:540px){.selected .header{gap:10px}.selected .header-actions{gap:12px}.selected .header nav{padding-inline:20px}.selected .header nav>a,.selected .header nav>button{font-size:17px}.event-visual{min-height:600px}.event-visual>img{width:550px;height:825px;right:-160px;top:-100px;opacity:.8}.event-visual figcaption{padding:75px 24px 28px}.event-visual strong{font-size:40px}.event-visual p{font-size:15px;max-width:100%}.event-visual figcaption>span{font-size:13px;letter-spacing:1px;font-weight:600}.selected #evolution .chapter-heading>p:last-child{font-size:29px;letter-spacing:.3px;line-height:1.16;max-width:100%;margin-top:30px}.selected .endgame-rogue{right:-145px;bottom:-70px;width:560px;height:820px;opacity:.29}.selected #principles>.section-line{padding:20px 18px;gap:15px;margin-bottom:40px}.selected #principles>.section-line>span{font-size:30px;letter-spacing:1px;max-width:100%}.selected #principles>.section-line>i{display:none}.selected .primary-action{font-size:16px;min-height:62px;padding:18px 24px;gap:28px}.selected .join-actions{gap:20px}.selected .join-actions .primary-action{width:100%;max-width:340px;min-width:0;justify-content:space-between}.selected .join-inner>.join-note{font-size:14px!important;color:#bca5ca!important}.play-guide>h3{font-size:35px}.play-steps strong{font-size:17px}.play-steps p{font-size:15px}.play-steps li{gap:15px}}
@media(max-width:360px){.selected .header{gap:8px}.selected .header-actions{gap:10px}.selected #evolution .chapter-heading>p:last-child{font-size:27px}.selected #principles>.section-line>span{font-size:27px}.event-visual strong{font-size:35px}.event-visual>img{right:-185px}.selected .primary-action{font-size:15px;padding-inline:21px}.selected .endgame-rogue{right:-175px}}
@media(prefers-reduced-motion:reduce){.selected .primary-action:before,.selected #principles>.section-line:after,.event-streams i{animation:none!important;transform:none!important}.selected .primary-action:hover,.selected .primary-action:focus-visible,.selected .primary-action:hover>b{transform:none!important}}