/* One shared illustration layer; live data and navigation remain on top. */
body.homepage32 #main :is(.rail65-guide,.rail65-events,.rail65-guilds){position:relative;isolation:isolate;overflow:visible;container-type:inline-size}
body.homepage32 #main .rail65-art{position:absolute;pointer-events:none;user-select:none;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 8px #0008);z-index:1;transition:filter .35s}
body.homepage32 #main .rail65-guide{min-height:192px;padding:21px 19px 18px;margin-top:24px;background:radial-gradient(ellipse at 88% 60%,#24567466,transparent 68%),linear-gradient(130deg,#0b2233,#04131f);border-color:#80949e;box-shadow:inset 0 0 0 4px #04111b,inset 0 0 0 5px #8fb8cf22,0 10px 25px #0005}
body.homepage32 #main .rail65-elf{width:74%;height:auto;right:-10px;bottom:0;mask-image:linear-gradient(90deg,transparent,#000 24%);transform-origin:bottom right;filter:drop-shadow(0 3px 5px #0008) drop-shadow(0 0 15px #3fa9ff18)}
body.homepage32 #main .rail65-guide .rail39-head{position:relative;z-index:2;max-width:63%;gap:8px;padding:0 0 11px;margin-bottom:8px;border-bottom:1px solid #8ba3ad55}
body.homepage32 #main .rail65-guide .rail39-icon{width:30px;height:36px;flex-basis:30px}.rail65-guide .rail39-icon svg{width:23px;height:26px}
body.homepage32 #main .rail65-guide .panel-title{font:600 20px/1.3 Cinzel54,Georgia,serif;letter-spacing:-.4px;color:#eed7a7}
body.homepage32 #main .rail65-guide .panel-title a{color:inherit;display:block;text-decoration:none}.rail65-guide .panel-title a>span{font:11px Inter,sans-serif;color:#94c6df;margin-left:3px}
body.homepage32 #main .rail65-guide nav{position:relative;z-index:2;width:57%;min-width:135px;background:linear-gradient(90deg,#061725c9,#06172580 80%,transparent)}
body.homepage32 #main .rail65-guide nav a{min-height:42px;font:11px/1.6 Inter,sans-serif;padding:9px 0;border-color:#62839844;color:#c7dce9;gap:6px}
body.homepage32 #main .rail65-guide nav a:before{content:'◇';font:13px/1 Inter,sans-serif;color:#9acde4;margin-right:2px}.rail65-guide nav a>span{flex:1}.rail65-guide nav a>b{font-size:10px}
body.homepage32 #main .rail65-events,body.homepage32 #main .rail65-guilds{margin-top:16px}
body.homepage32 #main .rail65-hourglass{width:77px;height:105px;right:13px;top:-27px;mask-image:linear-gradient(#000 66%,transparent);filter:drop-shadow(0 3px 6px #0008) drop-shadow(0 0 10px #3fa9ff26)}
body.homepage32 #main .rail65-knight{width:108px;height:122px;right:8px;top:-36px;object-position:center top;mask-image:linear-gradient(#000 60%,transparent)}
body.homepage32 #main :is(.rail65-events,.rail65-guilds) .rail39-head{position:relative;z-index:2;max-width:calc(100% - 76px);min-height:47px}
body.homepage32 #main :is(.rail65-events,.rail65-guilds) :is(.event-list,.rank-columns,.ranking-list,[data-guild-empty],.event-panel-note,.event-panel-actions,.guild-more){position:relative;z-index:2}
@media(hover:hover){body.homepage32 #main .rail65-guide:hover .rail65-elf{filter:drop-shadow(0 4px 7px #0008) drop-shadow(0 0 17px #3fa9ff33)}body.homepage32 #main .rail65-events:hover .rail65-hourglass{filter:drop-shadow(0 4px 7px #0008) drop-shadow(0 0 15px #3fa9ff44)}}
@container(max-width:270px){body.homepage32 #main .rail65-guide .panel-title{font-size:17px}.rail65-guide .rail39-kicker{font-size:6px}body.homepage32 #main .rail65-guide .rail39-head{max-width:67%;gap:6px}body.homepage32 #main .rail65-elf{width:79%;right:-6px;opacity:.85}body.homepage32 #main .rail65-guide nav{width:62%;min-width:0}body.homepage32 #main .rail65-guide nav a{font-size:10px}body.homepage32 #main .rail65-hourglass{width:60px;height:87px;right:9px;top:-20px}body.homepage32 #main .rail65-knight{width:82px;height:101px;right:3px;top:-28px}body.homepage32 #main :is(.rail65-events,.rail65-guilds) .rail39-head{max-width:calc(100% - 55px)}}
/* Account-only navigation belongs in the center; every outer sidebar stays shared. */
body.portal62 .portal62-center .account61-rail{padding:15px;margin-bottom:17px}.portal62 .portal62-center .account61-rail :is(.account61-rail-title,.account61-rail-note){display:none}.portal62 .portal62-center #account-navigation{display:grid;grid-template-columns:1fr 1fr;gap:6px}.portal62 .portal62-center #account-navigation>a{min-height:38px;padding:9px;font-size:10px}.portal62 .portal62-center #account-navigation>button{margin:0;padding:9px;border:1px solid #7192a344;text-align:center;min-height:38px}
@media(max-width:600px){body.homepage32 #main .rail65-guide{margin-top:30px;min-height:195px}body.homepage32 #main .rail65-elf{width:70%;right:-5px}body.homepage32 #main .rail65-events,body.homepage32 #main .rail65-guilds{margin-top:24px}}
@media(prefers-reduced-motion:reduce){body.homepage32 #main .rail65-art{transition:none}}
body.homepage32 #main .rail65-guide{margin-top:52px}
@media(min-width:901px) and (max-width:1100px){body.homepage32 #main .rail65-guide{margin-top:25px}}
@media(max-width:600px){body.homepage32 #main .rail65-guide{margin-top:45px}}
body.homepage32 #main .rail65-guide .panel-title a{font:inherit;line-height:inherit}
body.homepage32 #main .rail65-guide .rail39-head{background:linear-gradient(90deg,#061725dd,#06172599 72%,transparent)}
body.homepage32 #main .rail65-hourglass{width:94px;height:128px;top:-38px;right:9px}
@container(max-width:270px){body.homepage32 #main .rail65-hourglass{width:66px;height:95px;top:-23px;right:8px}}