@layer components{.landing{--l-deep:#0b232b;--l-teal:#0e2a33;--l-teal-2:#174652;--l-gold:#c9a24f;--l-gold-l:#e8cf8f;--l-parch:#f3e6c4;--l-parch-2:#e9d6aa;--l-ink:#1e140a;--l-wine:#7a2230;--l-wood:#3a2618;background:var(--l-deep);color:var(--l-parch);overflow-x:clip}.landing .pixelated,.landing img.px{image-rendering:pixelated}.l-eyebrow{font-family:var(--font-pixelify), monospace;letter-spacing:.04em;color:var(--l-gold);font-size:.95rem}.l-title{font-family:var(--font-cinzel), serif;letter-spacing:.01em;text-wrap:balance;font-weight:700;line-height:1.06}.l-lead{text-wrap:pretty;font-size:1.075rem;line-height:1.6}.l-btn{height:3.25rem;font-family:var(--font-pixelify), monospace;letter-spacing:.02em;color:var(--l-ink);background:var(--l-gold);justify-content:center;align-items:center;gap:.55rem;padding:0 1.4rem;font-size:1.1rem;transition:transform 90ms steps(2,end),box-shadow 90ms steps(2,end),background .12s steps(2,end);display:inline-flex;box-shadow:0 0 0 3px #2a1d18,inset 0 -4px #8c6a2a,inset 0 3px #f3d58c,0 6px 0 2px #00000059}.l-btn:hover{background:#d9b25e;transform:translateY(-2px);box-shadow:0 0 0 3px #2a1d18,inset 0 -4px #8c6a2a,inset 0 3px #fbe7a6,0 8px 0 2px #00000059}.l-btn:active{transform:translateY(3px);box-shadow:0 0 0 3px #2a1d18,inset 0 -2px #8c6a2a,0 2px 0 2px #00000059}.l-btn:focus-visible{outline:3px solid var(--l-parch);outline-offset:5px}.l-btn.is-ghost{color:var(--l-parch);box-shadow:inset 0 0 0 3px var(--l-gold);background:0 0}.l-btn.is-ghost:hover{box-shadow:inset 0 0 0 3px var(--l-gold-l);background:#c9a24f24}.battlements{background:linear-gradient(var(--c), var(--c)) bottom / 100% 14px no-repeat, repeating-linear-gradient(90deg, var(--c) 0 34px, transparent 34px 56px) top / 100% 17px no-repeat;filter:drop-shadow(0 -3px #00000047)}.pennant{background:var(--pc);clip-path:polygon(0 0,100% 0,100% 40%,82% 55%,66% 70%,50% 86%,34% 70%,18% 55%,0 40%);transform-origin:50% 0;filter:drop-shadow(0 2px #00000059);width:22px;height:30px}.pennant-sway{animation:2.6s steps(6,end) infinite alternate pennant-sway}@keyframes pennant-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.grass-edge{background:linear-gradient(var(--c), var(--c)) bottom / 100% 10px no-repeat, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' shape-rendering='crispEdges'><path fill='%233f6b3a' d='M0 8h24v4H0zM2 6h2v2H2zM3 4h1v2H3zM7 5h2v3H7zM8 3h1v2H8zM12 7h3v1h-3zM13 5h1v2h-1zM17 6h2v2h-2zM18 2h1v4h-1zM21 5h2v3h-2z'/><path fill='%23f3d58c' d='M8 2h1v1H8zM18 1h1v1h-1z'/><path fill='%23e9837f' d='M13 4h1v1h-1z'/></svg>") top / 48px 24px repeat-x}.parchment-edge{background:linear-gradient(var(--c), var(--c)) bottom / 100% 8px no-repeat, linear-gradient(135deg, var(--c) 25%, transparent 25%) -8px 0 / 16px 16px repeat-x, linear-gradient(225deg, var(--c) 25%, transparent 25%) -8px 0 / 16px 16px repeat-x}.banner-ticker{background:var(--l-wine);color:var(--l-parch);font-family:var(--font-pixelify), monospace;letter-spacing:.04em;padding:.7rem 0;font-size:1.15rem;box-shadow:0 3px #2a1d18,0 -3px #2a1d18,inset 0 3px #9b2c3e,inset 0 -3px #5a1622}.banner-ticker-track{animation:38s linear infinite ticker}.banner-ticker-track.is-reverse{animation-direction:reverse}.banner-ticker:hover .banner-ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}.l-nav{transition:translate .28s steps(6,end)}.l-nav.is-hidden{translate:0 calc(-100% - 20px)}.l-nav-plate{background:#0e2a33;box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 2px #c9a24f,inset 0 0 0 4px #0b232b,0 6px 0 1px #00000052}.l-nav-home{place-items:center;width:42px;height:42px;display:grid}.l-nav-home:hover svg,.l-nav-home:focus-visible svg{animation:.42s steps(4,end) crown-hop}.l-nav-home:focus-visible{outline-offset:-2px;outline:2px solid #f3e6c4}@keyframes crown-hop{40%{transform:translateY(-4px)rotate(-6deg)}70%{transform:translateY(1px)rotate(3deg)}}.l-nav-item{height:44px;font-family:var(--font-pixelify), monospace;color:#f3e6c4;align-items:center;padding:0 .8rem;font-size:1rem;display:inline-flex;position:relative;overflow:hidden}.l-nav-text{z-index:1;transition:color .12s steps(2,end);position:relative}.l-nav-item:hover .l-nav-text,.l-nav-item:focus-visible .l-nav-text,.l-nav-item.is-current .l-nav-text{color:#fbe7a6}.l-nav-item:hover .l-nav-text,.l-nav-item:focus-visible .l-nav-text{animation:.46s step-end text-cut}@keyframes text-cut{0%,45%{clip-path:none;transform:none}50%{transform:translate(-2px,-1px)}62%{transform:translate(2px,1px)}75%{transform:translate(-1px)}to{transform:none}}.l-nav-item:focus-visible{outline-offset:-4px;outline:2px solid #f3e6c4}.l-nav-sword{z-index:2;opacity:0;pointer-events:none;filter:drop-shadow(0 2px #00000073);position:absolute;top:50%;left:-46px;translate:0 -50%;rotate:-14deg}.l-nav-item:hover .l-nav-sword,.l-nav-item:focus-visible .l-nav-sword{animation:.42s steps(8,end) both sword-slash}@keyframes sword-slash{0%{opacity:1;left:-46px;rotate:-18deg}85%{opacity:1}to{opacity:0;left:calc(100% + 8px);rotate:8deg}}.l-nav-slash{z-index:2;clip-path:inset(0 100% 0 0);pointer-events:none;background:linear-gradient(162deg,#0000 47%,#fbe7a6 47% 53%,#0000 53%);position:absolute;inset:10px 4px}.l-nav-item:hover .l-nav-slash,.l-nav-item:focus-visible .l-nav-slash{animation:.62s steps(8,end) both slash-draw}@keyframes slash-draw{0%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}.l-nav-crown{opacity:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4' shape-rendering='crispEdges'><path fill='%23c9a24f' d='M0 0h1v1H0zM3 0h1v1H3zM6 0h1v1H6zM0 1h1v1h1V1h1v1h1V1h1v1h1V1h1v3H0z'/></svg>") 50%/contain no-repeat;width:14px;height:8px;margin-left:-7px;transition:opacity .16s steps(2,end),translate .2s steps(3,end);position:absolute;top:4px;left:50%;translate:0 -4px}.l-nav-item.is-current .l-nav-crown{opacity:1;translate:0}.l-icon-btn{color:#f3e6c4;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:inset 0 0 0 2px #f3e6c44d}.l-icon-btn:hover{color:#fbe7a6;box-shadow:inset 0 0 0 2px #c9a24f}.l-icon-btn[aria-pressed=true]{color:#0b232b;background:#c9a24f;box-shadow:inset 0 0 0 2px #c9a24f}.l-icon-btn:focus-visible{outline-offset:2px;outline:2px solid #f3e6c4}.l-nav-menu{height:38px;font-family:var(--font-pixelify), monospace;color:#f3e6c4;padding:0 .85rem;font-size:1rem;box-shadow:inset 0 0 0 2px #f3e6c44d}.l-nav-menu[data-popup-open],.l-nav-menu:hover{color:#0b232b;background:#c9a24f}.l-nav-cta{height:38px;font-family:var(--font-pixelify), monospace;color:#1e140a;background:#c9a24f;align-items:center;padding:0 .95rem;font-size:1rem;transition:background .1s steps(2,end),translate 80ms step-end;box-shadow:inset 0 -3px #8c6a2a,inset 0 2px #f3d58c}.l-nav-cta:hover{background:#d9b25e;translate:0 -1px}.l-nav-cta:active{translate:0 2px}.l-nav-cta:focus-visible{outline-offset:2px;outline:2px solid #f3e6c4}.l-nav-scroll{clip-path:inset(0);background:radial-gradient(at 25% 0,#ffffff80,#0000 55%),#f3e6c4;padding:.9rem 1.2rem 1.2rem;transition:clip-path .3s steps(7,end);box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 3px #e3c995,0 10px 0 2px #0000004d}.l-nav-scroll[data-starting-style],.l-nav-scroll[data-ending-style]{clip-path:inset(0 0 100%)}.l-scroll-link{font-family:var(--font-cinzel), serif;color:#1e140a;border-bottom:2px dashed #6a4a3359;align-items:baseline;gap:.8rem;padding:.8rem .2rem;font-size:1.3rem;font-weight:700;display:flex}.l-scroll-link.is-current,.l-scroll-link:hover{color:#7a2230}.hero-gate canvas{image-rendering:pixelated}.hero-hint-arrow{animation:1.2s steps(3,end) infinite alternate hint-bob}@keyframes hint-bob{to{transform:translateY(6px)}}.dragons{background:radial-gradient(at 15% 0,#ffffff73,#0000 55%),repeating-linear-gradient(0deg,#78521e09 0 1px,#0000 1px 4px),#f3e6c4}.pain-title .strike{transform-origin:0;clip-path:polygon(0 30%,6% 0,40% 20%,70% 0,100% 25%,100% 80%,66% 100%,30% 75%,4% 100%);background:#9b2c3e;height:6px;position:absolute;top:54%;left:-.2em;right:-.2em;transform:scaleX(0);box-shadow:0 2px #5a162259}.pain-item .l-title{transition:color .4s steps(4,end)}.pain-item.is-slain .l-title{color:#1e140a73}.hp-bar{background:#2a1d18;height:18px;padding:3px;box-shadow:0 3px #0003}.hp-fill{transform-origin:0;background:repeating-linear-gradient(90deg,#c8504f 0 10px,#9b2c3e 10px 12px);height:100%;box-shadow:inset 0 3px #e9837f}.dragon-chaos{animation:2.4s steps(4,end) infinite alternate dragon-bob}@keyframes dragon-bob{to{translate:0 -8px}}.journey{background:#f2c78f}.journey-sky{background:linear-gradient(#f6d8a6 0%,#f2c78f 38%,#e9a86a 70%,#d98f5c 100%)}.journey-clouds{animation:90s linear infinite clouds-drift}@keyframes clouds-drift{0%{transform:translate(0)}to{transform:translate(-60vw)}}.journey-hills{image-rendering:pixelated;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40' shape-rendering='crispEdges' preserveAspectRatio='none'><path fill='%235c7d8a' d='M0 40V22h8v-4h8v-4h10v-4h12v4h10v6h8v-4h10v-6h12v-4h10v4h8v6h10v4h10v-4h10v-6h12v6h12v26z'/><path fill='%23466775' d='M0 40V30h12v-4h14v-4h10v6h14v-4h12v-6h12v6h10v4h16v-6h12v4h12v-4h14v8h12v6z'/></svg>") bottom/640px 100% repeat-x}.journey-ground{image-rendering:pixelated;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16' shape-rendering='crispEdges'><path fill='%23a8814f' d='M0 0h32v16H0z'/><path fill='%23946f41' d='M3 3h3v2H3zM14 9h4v2h-4zM24 4h3v2h-3zM8 12h2v2H8zM28 12h3v2h-3z'/><path fill='%23c29b65' d='M3 2h3v1H3zM14 8h4v1h-4zM24 3h3v1h-3z'/></svg>") 0 22%/64px 32px repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' shape-rendering='crispEdges'><path fill='%235a8a3e' d='M0 8h24v4H0zM2 6h2v2H2zM3 4h1v2H3zM7 5h2v3H7zM8 3h1v2H8zM12 7h3v1h-3zM13 5h1v2h-1zM17 6h2v2h-2zM18 2h1v4h-1zM21 5h2v3h-2z'/><path fill='%23f3d58c' d='M8 2h1v1H8zM18 1h1v1h-1z'/></svg>") 0 0/48px 24px repeat-x,linear-gradient(#0000 22px,#5a8a3e 22px 22%,#0000 22% calc(22% + 64px),#4c7735 calc(22% + 64px))}.journey-sign{min-width:2.6rem;height:1.9rem;font-family:var(--font-pixelify), monospace;color:#fbe7a6;background:#6b4a33;place-items:center;padding:0 .5rem;font-size:1rem;display:inline-grid;box-shadow:0 0 0 2px #2a1d18,inset 0 -3px #4a2f22,inset 0 2px #9a6a42}.journey-shadow{background:#2a1d1847;border-radius:50%;width:70%;height:10px;margin:-10px auto 0;display:block}.journey-card{opacity:0;pointer-events:none;background:radial-gradient(at 25% 10%,#ffffff80,#0000 55%),#f6ecd4;padding:1.1rem 1.25rem 1.2rem;transition:opacity .22s steps(4,end),scale .26s steps(4,end),translate .26s steps(4,end);left:50%;translate:-50% 12px;scale:.92;box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 3px #e3c995,0 8px 0 2px #00000040}.journey-card:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#2a1d18;width:18px;height:12px;margin-left:-9px;position:absolute;top:100%;left:50%}.journey-card.is-open{opacity:1;translate:-50%;scale:1}.quest-tracker{color:#f3e6c4;background:#0b232be6;flex-direction:column;gap:.35rem;min-width:15rem;padding:.9rem 1.1rem;display:flex;box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 2px #c9a24f}.quest-step{font-family:var(--font-pixelify), monospace;opacity:.6;align-items:center;gap:.6rem;font-size:.95rem;transition:opacity .2s steps(3,end);display:flex}.quest-step.is-done,.quest-step.is-here{opacity:1}.quest-gem{background:0 0;flex-shrink:0;width:12px;height:12px;transition:background .2s steps(2,end);rotate:45deg;box-shadow:inset 0 0 0 2px #c9a24f}.quest-step.is-done .quest-gem{background:#c9a24f}.quest-step.is-here .quest-label{color:#fbe7a6}@media (max-width:767px){.quest-tracker{flex-direction:row;min-width:0;padding:.6rem .8rem}.quest-label{display:none}}.journey-dialogue{background:#0b232bf0;min-height:7.5rem;padding:1rem 1.2rem 1.1rem;box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 2px #c9a24f,0 8px 0 2px #00000047}.journey-dialogue-portrait{object-fit:contain;background:#f3e6c4;flex-shrink:0;width:4.5rem;height:4.5rem;padding:.35rem;box-shadow:0 0 0 2px #2a1d18,inset 0 0 0 2px #c9a24f}.journey-dialogue.is-open .journey-type{animation:.9s steps(30,end) both type-in}@keyframes type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:639px){.journey-dialogue-portrait{display:none}}.showcase-frame{transform-style:preserve-3d;background:#6b4a33;padding:14px;position:relative;box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 3px #9a6a42,inset 0 0 0 8px #6b4a33,inset 0 0 0 11px #2a1d18,0 16px 0 4px #00000059}.showcase-frame:before,.showcase-frame:after{content:"";background:#d9b27c;width:6px;height:6px;position:absolute;top:5px;box-shadow:0 0 0 2px #2a1d18,0 100cqh #d9b27c}.showcase-frame:before{left:5px}.showcase-frame:after{right:5px}.showcase-shot{opacity:0;transition:opacity .42s steps(6,end)}.showcase-shot.is-active{opacity:1}.showcase-timer{transform-origin:0;background:#f3d58c;height:4px;animation:linear both showcase-timer;position:absolute;bottom:4px;left:14px;right:14px}@keyframes showcase-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.guild{image-rendering:pixelated;background-color:#2c3a42;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16' shape-rendering='crispEdges'><path fill='%23334450' d='M0 0h32v16H0z'/><path fill='%23263540' d='M0 7h32v1H0zM0 15h32v1H0zM15 0h1v7h-1zM7 8h1v7H7zM23 8h1v7h-1z'/><path fill='%233c4f5c' d='M1 1h13v1H1zM17 1h14v1H17zM1 9h5v1H1zM9 9h13v1H9zM25 9h6v1h-6z'/></svg>");background-size:128px 64px}.guild-tile{background:#0b232b8c;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .4rem .7rem;transition:background .12s steps(2,end),translate .12s steps(2,end);display:flex;position:relative;box-shadow:inset 0 0 0 2px #c9a24f40}.guild-tile:hover,.guild-tile:focus-visible{background:#0b232bd9;outline:none;translate:0 -3px;box-shadow:inset 0 0 0 2px #c9a24f}.guild-tile.is-chosen{background:#7a2230;box-shadow:inset 0 0 0 2px #f3d58c,0 4px #2a1d18}.guild-floor{background:#0000004d;border-radius:50%;width:60%;height:8px;margin-left:-30%;position:absolute;bottom:2.1rem;left:50%}.guild-name{font-family:var(--font-pixelify), monospace;text-align:center;color:#f3e6c4;font-size:.82rem;line-height:1.15}.cork-board.is-target{outline-offset:10px;outline:4px dashed #f3d58c}.pin-spark{background:#f3d58c;width:6px;height:6px;position:absolute;box-shadow:0 0 0 1px #8c6a2a}.expansion-map{box-shadow:0 0 0 3px #2a1d18,0 0 0 9px #6b4a33,0 0 0 11px #2a1d18,0 14px 0 8px #0000004d}.expansion-pin{width:30px;height:30px;font-family:var(--font-pixelify), monospace;cursor:pointer;place-items:center;font-size:.8rem;transition:scale .12s steps(2,end);display:grid;position:absolute;translate:-50% -50%}.expansion-pin.is-live{color:#1e140a;background:#c9a24f;box-shadow:0 0 0 2px #2a1d18,inset 0 -3px #8c6a2a,inset 0 2px #f3d58c}.expansion-pin.is-locked{color:#e9dcc0;background:#3d4a52;box-shadow:0 0 0 2px #2a1d18,inset 0 -3px #263540}.expansion-pin:hover,.expansion-pin:focus-visible,.expansion-pin.is-open{z-index:2;outline:none;scale:1.25}.expansion-pin.is-open{box-shadow:0 0 0 2px #2a1d18,0 0 0 5px #f3e6c4}.expansion-card{background:#f3e6c4;padding:1.3rem 1.4rem;animation:.26s steps(4,end) both card-pop;box-shadow:0 0 0 3px #2a1d18,inset 0 0 0 3px #e3c995,0 8px 0 2px #0000004d}@keyframes card-pop{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.faq-item{border-bottom:2px dashed #6a4a3366}.faq-item:first-child{border-top:2px dashed #6a4a3366}.faq-trigger{color:#0e2a33;cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.35rem .25rem;display:flex}.faq-trigger:hover{color:#7a2230}.faq-trigger:focus-visible{outline-offset:2px;outline:3px solid #0f3640}.faq-chevron{transition:rotate .18s steps(3,end)}.faq-trigger[data-panel-open] .faq-chevron{rotate:180deg}.faq-panel{height:var(--accordion-panel-height);transition:height .26s steps(6,end);overflow:hidden}.faq-panel[data-starting-style],.faq-panel[data-ending-style]{height:0}.sword-bar{filter:drop-shadow(0 2px #00000073)}.sword-pct{font-family:var(--font-pixelify), monospace;color:#f3e6c4;font-variant-numeric:tabular-nums;background:#0b232be0;padding:.1rem .35rem;font-size:.78rem;position:absolute;top:30px;right:calc(100% + 6px);box-shadow:0 0 0 2px #2a1d18}.sword-blade{clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),50% 100%,0 calc(100% - 16px));cursor:pointer;background:#2b3439;flex:1;width:12px;min-height:0;margin-top:-1px;position:relative;box-shadow:inset 0 0 0 2px #12181b}.sword-fuller{background:#1a2125;width:2px;position:absolute;top:0;bottom:18px;left:5px}.sword-steel{background:linear-gradient(90deg,#12181b 0 2px,#e8eef0 2px 5px,#b9c6cc 5px 7px,#8f9ca2 7px 10px,#12181b 10px);transition:height 90ms linear;position:absolute;top:0;left:0;right:0}.sword-steel:after{content:"";background:#7d8b91;width:2px;position:absolute;top:0;bottom:0;left:5px}.sword-ember{background:linear-gradient(#fbe7a6 0 3px,#f0a53a 3px 6px,#c8504f 6px);height:9px;animation:.36s steps(2,end) infinite ember-flicker;position:absolute;bottom:-4px;left:-2px;right:-2px}@keyframes ember-flicker{50%{filter:brightness(1.35);translate:0 1px}}.sword-rune{z-index:2;cursor:pointer;background:#12181b;width:10px;height:10px;margin:-5px 0 0 -5px;transition:background .16s steps(2,end),scale .12s steps(2,end);position:absolute;left:50%;rotate:45deg;box-shadow:inset 0 0 0 2px #8c6a2a}.sword-rune.is-lit{background:#c9a24f;box-shadow:inset 0 0 0 2px #fbe7a6,0 0 0 1px #12181b}.sword-rune:hover{scale:1.45}.sword-label{transform-origin:100%;white-space:nowrap;font-family:var(--font-pixelify), monospace;color:#1e140a;opacity:0;pointer-events:none;background:#f3e6c4;padding:.3rem .6rem;font-size:.9rem;transition:opacity .12s steps(2,end);position:absolute;top:50%;right:calc(100% + 14px);translate:0 -50%;rotate:-45deg;box-shadow:0 0 0 2px #2a1d18,0 3px 0 1px #00000040}.sword-label.is-visible{opacity:1}.sword-bar.is-forged .sword-steel{background:linear-gradient(90deg,#12181b 0 2px,#fbfdff 2px 5px,#d6e0e4 5px 7px,#a9b6bc 7px 10px,#12181b 10px)}.sword-bar.is-forged .sword-blade:after{content:"";opacity:.85;background:#fffbe8;height:26px;animation:2.4s steps(24,end) infinite blade-gleam;position:absolute;left:2px;right:2px}@keyframes blade-gleam{0%{top:-30px}60%,to{top:100%}}}@media (pointer:fine) and (min-width:1024px){html:has(.landing){scrollbar-width:none}html:has(.landing)::-webkit-scrollbar{display:none}}