/* Navigation and arrivals belong to the portal. Kit styling stays inside its iframe. */
.sidebar{width:278px;flex-basis:278px;height:100dvh;overflow:hidden;background:linear-gradient(170deg,#12222e,#08121b 75%)}.sidebar .brand{padding:22px 21px}.sidebar-top{padding-bottom:12px}.sidebar .main-nav{display:block;overflow:auto;overscroll-behavior:contain;padding:0 12px 20px;scrollbar-width:thin;scrollbar-color:#52616a transparent;flex:1;min-height:0}.sidebar .main-nav .nav-item{width:100%;box-sizing:border-box;min-height:42px;font-size:12px;padding:10px 11px;gap:10px;text-decoration:none}.sidebar .nav-item[hidden],.nav-section[hidden]{display:none!important}.nav-section{border-top:1px solid #d3b78022;margin-top:13px;padding-top:4px}.nav-section>summary{font:9px/1.6 system-ui;letter-spacing:.15em;text-transform:uppercase;color:#c7ac7d;padding:11px 9px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none}.nav-section>summary::-webkit-details-marker{display:none}.nav-section>summary:after{content:'+';color:#b5c2c9;font:16px Georgia}.nav-section[open]>summary:after{content:'−'}.nav-section>summary:focus-visible{outline:2px solid #e5c281;outline-offset:1px}.nav-section-items{display:grid;gap:2px;padding-bottom:7px}.nav-find{margin:3px 20px 12px;border:1px solid #697d8666;background:#06111a;display:flex;align-items:center;color:#cbb689;gap:8px;padding:0 10px}.nav-find input{width:100%;border:0;background:transparent;color:#dce5e9;padding:11px 0;font:12px system-ui;min-width:0}.nav-find input::placeholder{color:#8da4b0}.nav-empty{padding:12px 22px;font-size:12px;color:#c5b69a}.sidebar .sidefoot{padding:12px 16px;flex-shrink:0}.sidebar .sidefoot .engraving,.sidebar .sidefoot p{display:none}.sidebar .sidefoot small{font-size:8px;line-height:1.7}.nav-title{line-height:1.55}.portal-nav-scrim{display:none}
#view-avarael{padding:0;max-width:none}.kit-entry-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 28px;border-bottom:1px solid #b5986455;background:#0b1822}.kit-entry-header h1{font:26px/1.2 Georgia;margin:8px 0 0;color:#eee1c7}.kit-entry-header .overline{font-size:9px;letter-spacing:.16em}.kit-arrival{position:relative;min-height:550px;display:flex;align-items:center;overflow:hidden;padding:50px;box-sizing:border-box}.kit-arrival>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.kit-arrival:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#07121be8,transparent)}.kit-arrival>div{position:relative;z-index:1;max-width:480px}.kit-arrival h2{font:clamp(70px,9vw,120px)/1 Georgia;color:#f0ddbb;margin:0 0 25px;letter-spacing:-.04em}.kit-arrival p{font:16px/1.9 system-ui;color:#d1dee5}.kit-arrival [role=status]{font-size:12px;color:#d3b67d}#avaraelV72Frame{width:100%;height:calc(100dvh - 165px);min-height:650px;border:0;display:block;background:#07101b}#avaraelV72Frame[hidden],.kit-arrival[hidden]{display:none!important}
.history-crossroads{background:radial-gradient(ellipse at top right,#2c505b66,transparent),#0d1d29;border:1px solid #b69c6455;padding:30px;margin:26px 0 34px}.history-crossroads header{max-width:760px}.history-crossroads h2{font:34px/1.2 Georgia;color:#e9d8b6;margin:12px 0}.history-crossroads p{font-size:14px;line-height:1.8;color:#b7c8d1}.history-crossroads>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.history-crossroads a{display:grid;grid-template-columns:48px 1fr;gap:6px 16px;text-decoration:none;padding:23px;border:1px solid #b69c6444;background:#08151e;color:#e4d5b7}.history-crossroads a>span{grid-row:span 2;font:36px Georgia;color:#c9aa70}.history-crossroads strong{font:22px Georgia}.history-crossroads small{font:9px system-ui;letter-spacing:.13em;color:#90abb9}.history-crossroads a:hover{background:#1c3541;border-color:#c9aa70}
.portal-escales{margin:65px clamp(22px,5vw,80px)}.portal-escales h2{font:clamp(30px,3vw,45px)/1.2 Georgia;color:#eee2cb;margin:12px 0 28px}.escales-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.escales-grid>a,.escales-grid>button{position:relative;display:flex;flex-direction:column;justify-content:end;text-align:start;min-height:260px;overflow:hidden;border:1px solid #bba16b66;background:#0c1d2a;color:#f0e0c2;padding:24px;text-decoration:none;cursor:pointer;border-radius:2px}.escales-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.63;transition:transform .4s,opacity .4s}.escales-grid>a:before,.escales-grid>button:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08131c,transparent);z-index:1}.escales-grid :is(a,button)>:is(span,strong,i){position:relative;z-index:2}.escales-grid span{font:8px/1.7 system-ui;letter-spacing:.12em;color:#dfbd80;margin-bottom:12px}.escales-grid strong{font:25px/1.2 Georgia;min-height:60px}.escales-grid i{font-style:normal;font-size:22px;color:#d9ba80;margin-top:15px}.escales-grid :is(a,button):hover img{transform:scale(1.04);opacity:.85}
@media(max-width:1250px){.sidebar{width:250px;flex-basis:250px}.escales-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.sidebar.visible{position:fixed;inset-block:0;inset-inline-start:0;width:min(310px,85vw);z-index:60;display:flex}.sidebar.visible+.portal-nav-scrim{display:block;position:fixed;inset:0;background:#02080ebe;backdrop-filter:blur(4px);z-index:50;border:0}.kit-entry-header{padding:18px}.kit-entry-header h1{font-size:22px}.kit-entry-header .btn{font-size:10px}.history-crossroads{padding:22px}.history-crossroads>div{grid-template-columns:1fr}#avaraelV72Frame{height:calc(100dvh - 160px);min-height:650px}}@media(max-width:520px){.escales-grid{gap:10px}.escales-grid>a,.escales-grid>button{padding:17px;min-height:240px}.escales-grid strong{font-size:23px}.escales-grid span{font-size:7px}.kit-entry-header{flex-wrap:wrap}.kit-arrival{padding:28px}.kit-arrival h2{font-size:75px}.history-crossroads h2{font-size:29px}.sidebar .brand{padding-block:18px}}@media(prefers-reduced-motion:reduce){.escales-grid img{transition:none}}
.sidebar .nav-item .nav-title{width:auto;min-width:0;flex:1;font-size:12px;line-height:1.55;text-align:start;color:inherit}.sidebar .nav-item>span:first-child{flex:0 0 21px}.sidebar .nav-item em{font-size:9px}
#view-experience{padding:0;max-width:none}#portalExperienceFrame{width:100%;height:calc(100dvh - 165px);min-height:650px;border:0;display:block;background:#07101b}#experience-status:empty{display:none}
@media(max-width:900px){html[dir=rtl] .sidebar{transform:translateX(103%)}html[dir=rtl] .sidebar.visible{transform:none}}