.sp-entrance{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;overflow:hidden;color:#f4dfb4;text-align:center;background:radial-gradient(ellipse at 50% 45%,#12100c0a,#030405a6 80%)}
.sp-entrance-landscape,.sp-entrance-shade{position:absolute;inset:0;pointer-events:none}
.sp-entrance-landscape{background:#202d28;overflow:hidden}
.sp-entrance-video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
.sp-hero-hub-tools .sp-hero-unlock{margin-left:auto;position:relative;display:grid;grid-template-columns:1fr auto;gap:9px 25px;min-width:390px;padding:12px 18px;background:#090d119c;border:1px solid #a2864659;border-radius:4px;cursor:pointer;text-align:left;color:#d4bf95}.sp-hero-hub-tools .sp-hero-unlock span{font:21px var(--f-ui,Georgia);margin:0;color:#c0b394}.sp-hero-unlock b{font:21px var(--f-num,Arial);color:#e0c583}.sp-hero-unlock>i{grid-column:1/-1;height:5px;background:#32302a;border-radius:2px;overflow:hidden}.sp-hero-unlock em{display:block;height:100%;background:linear-gradient(90deg,#786434,#d7b564)}.sp-hero-unlock:hover{border-color:#d7b564;background:#231c12}.sp-hero-unlock:focus-visible{outline:2px solid #f4d381;outline-offset:4px}.sp-portrait .sp-hero-hub-tools .sp-hero-unlock{width:100%;margin-left:0;padding:22px}.sp-portrait .sp-hero-hub-tools .sp-hero-unlock span,.sp-portrait .sp-hero-unlock b{font-size:29px}
.sp-entrance-landscape img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity 2.4s ease,transform 17s linear;filter:saturate(.9) brightness(.96)}
.sp-entrance-landscape img.is-visible{opacity:1;transform:scale(1.065)}
.sp-entrance-shade{background:linear-gradient(180deg,#05090765,transparent 45%,#06080b18 60%,#040608b8),radial-gradient(ellipse at center,transparent 35%,#05080975)}
.sp-entrance-vistas{position:absolute;left:65px;bottom:55px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-shadow:0 2px 6px #000}
.sp-entrance-place{font:28px var(--f-title,Georgia);letter-spacing:2px;color:#f6e2b1}
.sp-entrance-vista-buttons{display:flex;align-items:center;gap:8px}
.sp-entrance-dot,.sp-entrance-pause{appearance:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#ead6a2;cursor:pointer;border-radius:50%}
.sp-entrance-dot:before{content:'';width:9px;height:9px;border:1px solid #f5d483;transform:rotate(45deg);background:#1415139c;transition:background .2s,box-shadow .2s}
.sp-entrance-dot[aria-pressed=true]:before{background:#ebc568;box-shadow:0 0 12px #dba946a0}
.sp-entrance-dot:hover:before{background:#fff0b4}.sp-entrance-dot:focus-visible,.sp-entrance-pause:focus-visible{outline:2px solid #f6d989;outline-offset:2px}
.sp-entrance-pause{font:20px Georgia}.sp-entrance-pause:hover{color:#fff;background:#17110980}
.sp-portrait .sp-entrance-vistas{left:50%;transform:translateX(-50%);bottom:15%;align-items:center;white-space:nowrap}.sp-portrait .sp-entrance-dot,.sp-portrait .sp-entrance-pause{width:60px;height:60px}.sp-portrait .sp-entrance-place{font-size:34px}
@media(prefers-reduced-motion:reduce){.sp-entrance-landscape img{transition:none;transform:none!important}}
.sp-reduce .sp-entrance-landscape img,.sp-entrance-landscape.is-paused img{transform:none;transition:opacity 1s}
.sp-entrance-vignette{position:absolute;inset:28px;border:1px solid #b5934a66;box-shadow:inset 0 0 90px #0008;pointer-events:none}.sp-entrance-vignette:before,.sp-entrance-vignette:after{content:'✦';position:absolute;top:-16px;color:#cba052;font-size:32px;background:#15100a;padding:0 10px}.sp-entrance-vignette:before{left:26px}.sp-entrance-vignette:after{right:26px}
.sp-entrance-logo{position:relative;margin-top:115px;text-shadow:0 4px 5px #000,0 0 35px #000}.sp-entrance-kicker{font:20px var(--f-num,Arial);letter-spacing:9px;color:#d8c7a0}.sp-entrance-ornament{display:flex;align-items:center;justify-content:center;gap:25px;color:#be8b34;margin:34px auto 10px}.sp-entrance-ornament:before,.sp-entrance-ornament:after{content:'';width:180px;height:2px;background:linear-gradient(90deg,transparent,#c69c50)}.sp-entrance-ornament:after{transform:rotate(180deg)}
.sp-entrance h1{font-family:var(--f-title,Georgia);line-height:.95;font-weight:400;filter:drop-shadow(0 6px 3px #000)}.sp-entrance h1 small{display:block;font-size:76px;letter-spacing:12px;color:#ead6a2}.sp-entrance h1 strong{display:block;font-size:222px;font-weight:400;letter-spacing:6px;background:linear-gradient(#fff2b5 10%,#d3aa50 47%,#77501c 52%,#e7c57a 85%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #f9e3a25e;text-shadow:none}.sp-entrance-logo>p{margin-top:22px;font:30px var(--f-ui,Georgia);color:#d9c6a2}
.sp-entrance-gate{position:absolute;bottom:160px;display:flex;align-items:center;flex-direction:column;gap:20px;padding:34px 85px 28px;background:linear-gradient(90deg,transparent,#100b07cf 20% 80%,transparent);min-width:680px}.sp-entrance-welcome{font:29px var(--f-ui,Georgia);color:#e5cd91}.sp-entrance .sp-entrance-enter{min-width:470px;--h:90px;font-size:45px;filter:drop-shadow(0 0 18px #d48a272b)}.sp-entrance-save{font:20px var(--f-num,Arial);color:#b7aa92}.sp-entrance-tools{position:absolute;bottom:55px;right:65px;display:flex;gap:16px}.sp-entrance-tools .sp-wowbtn{--h:48px;font-size:23px}.sp-entrance-edition{position:absolute;left:65px;bottom:68px;font:17px var(--f-num,Arial);letter-spacing:4px;color:#b4a17f}
.sp-entrance-embers{position:absolute;inset:0;pointer-events:none}.sp-entrance-embers i{position:absolute;left:calc(8% + var(--n)*9%);bottom:-20px;width:3px;height:5px;background:#ffcb69;box-shadow:0 0 12px #fd9a35;border-radius:50%;opacity:0;animation:sp-ember-rise calc(8s + var(--n)*.7s) linear infinite;animation-delay:calc(var(--n)*-.9s)}@keyframes sp-ember-rise{15%,70%{opacity:.65}100%{transform:translate(35px,-1000px);opacity:0}}
.sp-world-loading{position:absolute;inset:0;z-index:100000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;background:radial-gradient(ellipse,#201c19f0,#080708fa);color:#f4dfb4;font:28px var(--f-ui,Georgia);text-align:center}.sp-world-loading__crest{font-size:85px;color:#d6af59;text-shadow:0 0 40px #b87826}.sp-world-loading .sp-world-loading__name{font:70px var(--f-title,Georgia);color:#f4d48c}.sp-world-loading__track{position:relative;width:min(700px,70%);height:32px;padding:5px;background:#080605;border:2px solid #9a7e40;box-shadow:0 0 0 4px #2e2517,0 0 0 6px #8b713c55,inset 0 3px 8px #000;overflow:hidden;margin-top:20px}.sp-world-loading__track i{display:block;width:35%;height:100%;background:linear-gradient(90deg,#593116,#f3d985,#bb872e);box-shadow:0 0 18px #d6a344;animation:sp-world-load 1.7s ease-in-out infinite alternate}@keyframes sp-world-load{to{transform:translateX(185%)}}
.cc-select-title{position:absolute;left:65px;top:48px;z-index:3;text-shadow:0 3px 8px #000}.cc-select-title small{font:17px var(--f-num,Arial);letter-spacing:5px;color:#c0a474}.cc-select-title h1{font:52px var(--f-title,Georgia);color:#f6d58e;margin:8px 0}.sp-profile-summary{padding:20px 10px 12px;border-top:1px solid #997b3d77;display:grid;gap:13px;color:#dacaa7;font:21px var(--f-num,Arial)}.sp-profile-summary>span{letter-spacing:3px;font-size:15px;color:#a78c60}.sp-profile-summary small{font-size:19px}.sp-profile-xp{height:10px;background:#090806;border:1px solid #6f5c36}.sp-profile-xp i{display:block;height:100%;background:linear-gradient(90deg,#66409c,#ba8bea);box-shadow:0 0 8px #a87bd44a}
.sp-hero-hub{position:absolute;inset:0;padding:45px 65px;color:#e4d2b1;background:linear-gradient(90deg,#08070622,#08070699);overflow:hidden}.sp-hero-hub-head{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}.sp-hero-hub-head>p{color:#cfb77e;letter-spacing:7px;font:20px var(--f-num,Arial)}.sp-hero-hub-head .sp-wowbtn{--h:52px;font-size:25px}.sp-hero-hub-portrait{position:absolute;left:75px;top:135px;width:620px;bottom:140px}.sp-hero-hub-model{position:absolute;inset:0 0 115px;background:radial-gradient(ellipse at 50% 80%,#d6ad6122,transparent 65%)}.sp-hero-hub-name{position:absolute;bottom:0;left:-20px;right:-20px;text-align:center;text-shadow:0 2px 5px #000}.sp-hero-hub-name h1{font:68px var(--f-title,Georgia);color:var(--identity,#ffd100);margin:0 0 10px}.sp-hero-hub-name p{font:27px var(--f-ui,Georgia);color:#f5e2b6}.sp-hero-hub-name small{display:block;margin-top:15px;font:19px var(--f-num,Arial);color:#b8a586}
.sp-hero-modes{position:absolute;left:790px;right:70px;top:150px;bottom:145px;display:grid;grid-template-rows:repeat(3,1fr);gap:20px}.sp-hero-mode{position:relative;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:25px 35px;border:1px solid #997c41;background:linear-gradient(115deg,#191711f5,#090807eb),url('/assets/ui/blizzard/background-rock.png');box-shadow:inset 0 0 0 4px #392e1a50,0 8px 24px #0006;transition:border-color .2s,box-shadow .2s}.sp-hero-mode:hover{border-color:#e2ba63;box-shadow:inset 0 0 0 4px #d5a74118,0 8px 28px #0008}.sp-hero-mode-tag{font:14px var(--f-num,Arial);letter-spacing:4px;color:#a88c58}.sp-hero-mode h2{font:42px var(--f-title,Georgia);color:#f1d28b;margin:0}.sp-hero-mode>p{max-width:55%;font:21px/1.35 var(--f-num,Arial)}.sp-hero-mode small{font:18px var(--f-num,Arial);color:#b4a184;max-width:57%}.sp-hero-mode .sp-wowbtn{position:absolute;right:30px;bottom:40px;min-width:330px;--h:64px;font-size:27px}.sp-hero-hub-tools{position:absolute;bottom:48px;left:65px;right:65px;display:flex;align-items:center;gap:16px}.sp-hero-hub-tools .sp-wowbtn{--h:48px;font-size:24px}.sp-hero-hub-tools span{margin-left:auto;font:19px var(--f-num,Arial);color:#bdaa87}
.sp-portrait .sp-entrance-logo{margin-top:26%}.sp-portrait .sp-entrance h1 strong{font-size:168px}.sp-portrait .sp-entrance h1 small{font-size:68px}.sp-portrait .sp-entrance-gate{bottom:22%;min-width:90%;padding:25px}.sp-portrait .sp-entrance-enter{--h:125px;font-size:55px;min-width:650px}.sp-portrait .sp-entrance-save{font-size:27px}.sp-portrait .sp-entrance-tools{left:0;right:0;justify-content:center;bottom:8%}.sp-portrait .sp-entrance-tools .sp-wowbtn{--h:85px;font-size:34px}.sp-portrait .sp-entrance-edition{left:0;right:0;bottom:4%;font-size:22px}.sp-portrait .cc-select-title{position:relative;inset:auto;text-align:center;padding:30px}.sp-portrait .cc-select-title h1{font-size:68px}.sp-portrait .sp-profile-summary{font-size:32px}.sp-portrait .sp-profile-summary small{font-size:28px}
.sp-portrait .sp-hero-hub{overflow-y:auto;padding:35px}.sp-portrait .sp-hero-hub-head>p{font-size:24px;letter-spacing:3px}.sp-portrait .sp-hero-hub-head .sp-wowbtn{--h:75px;font-size:30px}.sp-portrait .sp-hero-hub-portrait{position:relative;inset:auto;width:100%;height:780px;margin:20px 0 40px}.sp-portrait .sp-hero-hub-model{bottom:160px}.sp-portrait .sp-hero-hub-name h1{font-size:84px}.sp-portrait .sp-hero-hub-name p{font-size:35px}.sp-portrait .sp-hero-hub-name small{font-size:27px}.sp-portrait .sp-hero-modes{position:relative;inset:auto;gap:24px;grid-template-rows:none}.sp-portrait .sp-hero-mode{min-height:290px;padding:30px}.sp-portrait .sp-hero-mode h2{font-size:55px}.sp-portrait .sp-hero-mode>p{font-size:29px}.sp-portrait .sp-hero-mode small{font-size:24px}.sp-portrait .sp-hero-mode-tag{font-size:20px}.sp-portrait .sp-hero-mode .sp-wowbtn{font-size:32px;--h:88px;min-width:360px}.sp-portrait .sp-hero-hub-tools{position:relative;inset:auto;flex-wrap:wrap;margin:40px 0}.sp-portrait .sp-hero-hub-tools span{width:100%;font-size:26px;margin:15px 0}.sp-portrait .sp-hero-hub-tools .sp-wowbtn{--h:80px;font-size:32px}
@media(prefers-reduced-motion:reduce){.sp-entrance-embers i{animation:none}.sp-world-loading__track i{animation:none;width:100%;opacity:.65}}

.sp-hero-mode .sp-hero-mode-options{top:20px;bottom:auto;min-width:0;--h:40px;font-size:19px}.sp-portrait .sp-hero-mode .sp-hero-mode-options{--h:58px;font-size:25px}.sp-loading.sp-world-loading{display:flex;height:100vh;font-size:20px}.sp-loading .sp-world-loading__name{font-size:clamp(30px,6vw,70px)}
.sp-entrance-gate{bottom:190px;padding:24px 70px}.sp-hero-mode h2{max-width:54%}.sp-hero-mode small{line-height:1.5}.sp-hero-mode .sp-wowbtn:not(.sp-hero-mode-options){top:50%;bottom:auto;transform:translateY(-50%)}.sp-hero-mode .sp-hero-mode-options{top:auto;bottom:16px}.sp-hero-hub-model{bottom:100px}.sp-portrait .sp-hero-mode{min-height:220px}.sp-portrait .sp-hero-mode .sp-hero-mode-options{bottom:12px}
.sp-server-backup{border-top:1px solid #806534;padding:18px 0;margin-top:18px;color:#e0c58d}.sp-server-backup summary{cursor:pointer;font-size:22px}.sp-server-backup p{margin:15px 0;line-height:1.5}.sp-server-backup-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.sp-server-backup-actions .pm-select{flex:1;min-width:180px}.sp-server-backup-actions .sp-wowbtn{--h:48px;font-size:20px}
.sp-hero-hub--local .sp-hero-modes{grid-template-rows:repeat(2,minmax(0,1fr))}
.sp-entrance-landscape{background:#111b18 url('../assets/portal62/hero.webp') center/cover no-repeat}
.sp-entrance-discover{position:absolute;z-index:3;top:56px;right:58px;left:auto;display:flex;gap:12px;padding:12px 14px;border:1px solid #ad88484f;background:linear-gradient(110deg,#15120dd9,#11191bc9);box-shadow:0 5px 22px #0006}
.sp-entrance-discover .sp-wowbtn{--h:44px;min-width:120px;font-size:20px}
.sp-portal-overlay{position:fixed;inset:0;z-index:190000;display:flex;flex-direction:column;background:#090b0d;color:#efcf89;font-family:var(--f-ui,Georgia,serif)}
.sp-portal-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));border-bottom:1px solid #9d783d;background:linear-gradient(#302519,#15130f)}
.sp-portal-toolbar strong{font-size:18px;font-weight:400;letter-spacing:1px}
.sp-portal-toolbar .sp-portal-close{--h:40px;min-width:170px;font-size:15px}
.sp-portal-frame{flex:1;min-height:0;width:100%;border:0;background:#090b0d}
body.sp-mobile-landscape .sp-entrance-discover{top:25px;right:35px;left:auto;gap:10px;padding:10px 12px}
body.sp-mobile-landscape .sp-entrance-discover .sp-wowbtn{--h:var(--ml-touch);font-size:var(--ml-text);min-width:210px}
@media(max-height:440px){.sp-portal-toolbar{min-height:42px;padding-block:4px}.sp-portal-toolbar strong{font-size:14px}.sp-portal-toolbar .sp-portal-close{--h:34px;font-size:13px;min-width:145px}}