@property --s-stretch{syntax:"<number>";inherits:true;initial-value:1}.surreal-mark{--s-face: #e2eaf3;--s-depth-1: #3c7bb0;--s-depth-2: #27618f;--s-depth-3: #1b4669;--s-dx: 3px;--s-dy: 2px;--s-shadow: drop-shadow(3px 4px 6px rgb(0 0 0 / 30%));--s-ease: cubic-bezier(0.2, 0.7, 0.2, 1);display:block;overflow:visible;font-family:inherit;transition:--s-stretch 280ms var(--s-ease),filter 420ms ease;filter:var(--s-shadow);user-select:none;-webkit-font-smoothing:antialiased}.nav-s-logo .surreal-mark{width:40px;height:46px}.mobile-header__brand-mark .surreal-mark{width:21px;height:24px}.surreal-mark__face,.surreal-mark__layer{font-size:42px;font-weight:900}.surreal-mark__face{fill:var(--s-face);transition:fill 420ms ease}.surreal-mark__layer{transition:fill 420ms ease}.surreal-mark__layer--1{fill:var(--s-depth-1);transform:translate(calc(var(--s-dx) * var(--s-stretch) / 3), calc(var(--s-dy) * var(--s-stretch) / 3));transition-delay:90ms}.surreal-mark__layer--2{fill:var(--s-depth-2);transform:translate(calc(var(--s-dx) * var(--s-stretch) * 2 / 3), calc(var(--s-dy) * var(--s-stretch) * 2 / 3));transition-delay:180ms}.surreal-mark__layer--3{fill:var(--s-depth-3);transform:translate(calc(var(--s-dx) * var(--s-stretch)), calc(var(--s-dy) * var(--s-stretch)));transition-delay:270ms}.surreal-mark__lift{transform-box:fill-box;transform-origin:50% 0%;transition:transform 280ms var(--s-ease)}.surreal-mark--waiting{opacity:0}.surreal-mark--enter{animation:surreal-mark-surface 1000ms var(--s-ease)}.surreal-mark--enter .surreal-mark__lift{transform-origin:50% 100%;animation:surreal-mark-rise 1000ms var(--s-ease)}.surreal-mark--theme{animation:surreal-mark-pour 800ms var(--s-ease)}.surreal-mark--theme .surreal-mark__lift{animation:surreal-mark-bob 800ms var(--s-ease)}.surreal-mark--game{animation:surreal-mark-flood 1100ms var(--s-ease)}.surreal-mark--game .surreal-mark__lift{animation:surreal-mark-drip 1100ms var(--s-ease)}.nav-s-logo:hover .surreal-mark,.mobile-header__brand:hover .surreal-mark{--s-stretch: 1.5}.nav-s-logo:hover .surreal-mark__lift,.mobile-header__brand:hover .surreal-mark__lift{transform:translate(-0.6px, -0.9px)}@keyframes surreal-mark-surface{0%{--s-stretch: 0;opacity:0}18%{opacity:1}45%{--s-stretch: 2.2}75%{--s-stretch: 0.85}100%{--s-stretch: 1}}@keyframes surreal-mark-rise{0%{transform:translateY(4px) scale(1.25, 0.15)}40%{transform:translateY(-2px) scale(0.92, 1.14)}68%{transform:scale(1.04, 0.95)}100%{transform:none}}@keyframes surreal-mark-pour{0%{--s-stretch: 1}30%{--s-stretch: 2}65%{--s-stretch: 0.85}100%{--s-stretch: 1}}@keyframes surreal-mark-bob{0%{transform:none}30%{transform:translate(-0.8px, -1.2px)}100%{transform:none}}@keyframes surreal-mark-flood{0%{--s-stretch: 1}28%{--s-stretch: 3.2}55%{--s-stretch: 0.4}78%{--s-stretch: 1.25}100%{--s-stretch: 1}}@keyframes surreal-mark-drip{0%{transform:none}22%{transform:scale(0.94, 1.14) skewX(-5deg)}48%{transform:scale(1.06, 0.92) skewX(3deg)}72%{transform:scale(0.98, 1.03)}100%{transform:none}}:root[data-theme=light] .surreal-mark{--s-face: #1e3a6b;--s-depth-1: #b6c6da;--s-depth-2: #9fb3cc;--s-depth-3: #8aa1bd;--s-shadow: drop-shadow(2px 3px 5px rgb(30 58 107 / 14%))}:root[data-theme=sunset] .surreal-mark{--s-face: #f0d7c4;--s-depth-1: #a35d3e;--s-depth-2: #8a4c32;--s-depth-3: #6e3a25}:root[data-theme=night] .surreal-mark{--s-face: #f2f2f2;--s-depth-1: #31445c;--s-depth-2: #223147;--s-depth-3: #121a25;--s-shadow: drop-shadow(4px 4px 8px rgb(0 0 0 / 70%)) drop-shadow(0 0 8px rgb(112 145 181 / 14%))}:root[data-theme=pride] .surreal-mark{--s-face: #fdf2f8;--s-depth-1: #f472b6;--s-depth-2: #facc15;--s-depth-3: #38bdf8}:root[data-theme=gilded] .surreal-mark{--s-face: #f0d477;--s-depth-1: #a87c2a;--s-depth-2: #8a6421;--s-depth-3: #5e3f12;--s-shadow: drop-shadow(3px 4px 7px rgb(76 29 149 / 45%))}:root[data-game=osrs] .surreal-mark{--s-face: #e8c650;--s-depth-1: #000000;--s-depth-2: #000000;--s-depth-3: #000000;--s-dx: 2px;--s-dy: 2px;--s-shadow: drop-shadow(0 0 0 transparent)}:root[data-game=osrs][data-theme=light] .surreal-mark{--s-face: #8a6a1f;--s-depth-1: #d9c89c;--s-depth-2: #d9c89c;--s-depth-3: #d9c89c}:root[data-game=dragonwilds]:not([data-theme=light]) .surreal-mark{--s-face: #ffe2c4;--s-depth-1: #f07a2c;--s-depth-2: #b8441a;--s-depth-3: #6e2410;--s-shadow: drop-shadow(3px 4px 6px rgb(0 0 0 / 35%)) drop-shadow(0 0 8px rgb(240 122 44 / 22%))}:root[data-game=dragonwilds][data-theme=light] .surreal-mark{--s-face: #7a2e0e;--s-depth-1: #f6c9a6;--s-depth-2: #eab38a;--s-depth-3: #dc9a6c}.nav-s-logo,.nav-s-logo:hover,.nav-s-logo.router-link-active,.nav-s-logo.router-link-exact-active,.nav-links .nav-s-logo,.nav-links .nav-s-logo.router-link-active,.nav-links .nav-s-logo.router-link-exact-active{display:flex;justify-content:flex-start;align-items:center;width:40px;height:50px;margin-right:0;padding:0 !important;text-decoration:none;color:inherit !important;background:none !important;border:none !important;box-shadow:none !important}@media(width <= 850px){.nav-s-logo{display:none}}@media(prefers-reduced-motion: reduce){.surreal-mark,.surreal-mark__lift,.surreal-mark__layer{transition:fill 420ms ease,opacity 300ms ease;animation:none}.nav-s-logo:hover .surreal-mark,.mobile-header__brand:hover .surreal-mark{--s-stretch: 1}.nav-s-logo:hover .surreal-mark__lift,.mobile-header__brand:hover .surreal-mark__lift{transform:none}}