@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-400.woff2)format("woff2");unicode-range:U+0-2025,U+2027-10FFFF}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen-700.woff2)format("woff2");unicode-range:U+0-2025,U+2027-10FFFF}:root{--app-width:100%;--app-height:100lvh;--viewport-cut-top:0px;--viewport-cut-bottom:0px;--hud-inset-top:max(var(--viewport-cut-top), env(safe-area-inset-top,0px));--surface-window:#090e17;--surface-panel:#141e2d;--surface-raised:#1b293a;--surface-raised-hover:#24364b;--surface-pressed:#0b1320;--surface-inset:#070c14;--surface-inset-deep:#050912;--surface-frame:#1b293a;--texture-window:url(/ui/hud-midnight/surface-window.webp);--texture-panel:url(/ui/hud-midnight/surface-panel.webp);--texture-raised:url(/ui/hud-midnight/surface-raised.webp);--texture-inset:url(/ui/hud-midnight/surface-inset.webp);--texture-gold:url(/ui/hud-midnight/surface-gold.webp);--frame-panel:url(/ui/hud-midnight/frame-panel.webp);--frame-slot:url(/ui/hud-midnight/frame-slot.webp);--frame-gold:url(/ui/hud-midnight/frame-gold.webp);--border-outer:#050912;--border-dark:#0b1320;--border-mid:#26384c;--border-hi:#50657a;--border-hi-soft:#34485d;--border-soft:#16202e;--text-primary:#f2e8d5;--text-bright:#fff8e9;--text-disabled:#a7adbb;--text-shadow:#050912;--text-link:#d9af65;--text-secondary:#d8d2c4;--text-muted:#a7adbb;--gold:#d9af65;--gold-dim:#977846;--gold-hi:#edc97a;--gold-fill:#51442c;--danger:#c17a72;--hp:#bb4949;--mana:#4b7ab6;--stamina:#b78f50;--ok:#64b87a;--xp-fill:#e9c46a;--weekly:#b58be6;--presence-online:var(--ok);--presence-hunting:var(--gold);--presence-offline:var(--border-hi);--vocation-knight:var(--gold);--vocation-paladin:#c3c98a;--vocation-sorcerer:#b2a0e8;--vocation-druid:#80c5ad;--danger-text:#e19b93;--btn-danger-top:#4a1f1f;--btn-danger-bottom:#2d1212;--btn-danger-hover-top:#5a2626;--btn-danger-hover-bottom:#361616;--radio-dot:#1a1204;--text-outline:#000;--tint-light:#fff;--shade-dark:#000;--glass-bg:#090e17c7;--glass-bg-solid:#090e17f7;--glass-hairline:color-mix(in srgb, var(--gold) 28%, transparent);--glass-hairline-hover:color-mix(in srgb, var(--gold) 55%, transparent);--field-bg:#0509128c;--surface-well:#070c14d9;--foot-bg:#05091259;--scrim:#05091266;--glass-blur:blur(7px) saturate(.8);--bar-track:#1b293a;--watermark-opacity:.28;--glow:0 0 5px;--focus-halo:#d9af6524;--hover-wash:#fff8e90f;--shadow-drop:0 8px 22px #000000a8;--shadow-float:var(--shadow-drop), 0 0 0 1px var(--border-outer);--shadow-tip:0 6px 16px #0009;--shadow-pixel:2px 2px 0 var(--shade-dark);--radius-chip:4px;--radius-field:5px;--radius-tile:6px;--radius-card:7px;--radius-pill:7px;--radius-bar:2px;--radius-mark:3px;--radius-panel:10px;--radius-sheet:12px;--radius-round:999px;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-64:64px;--sp-80:80px;--sp-96:96px;--sp-128:128px;--sp-160:160px;--title-gap:var(--sp-6);--section-gap:var(--sp-12);--row-gap:var(--sp-6);--inline-gap:var(--sp-6);--control-gap:var(--sp-8);--card-pad:var(--sp-10);--panel-pad-x:var(--sp-16);--panel-pad-y:var(--sp-12);--rail-pad:var(--sp-12);--slot-gap:var(--sp-4);--element-float-physical:red;--element-float-fire:#f90;--element-float-energy:#c3f;--element-float-earth:#0f0;--element-float-ice:#9ff;--element-float-holy:#ff0;--element-float-death:#900;--element-float-heal:#f66;--element-float-mana:#69f;--element-chip-physical:#f55;--element-chip-fire:#f90;--element-chip-energy:#c3f;--element-chip-earth:#0f0;--element-chip-ice:#9ff;--element-chip-holy:#ff0;--element-chip-death:#e05555;--element-chip-heal:#f66;--element-chip-mana:#69f;--font-ui:Verdana, Tahoma, sans-serif;--font-pixel:"Silkscreen", Verdana, Tahoma, sans-serif;--type-micro:7px;--type-label:8px;--type-small:9px;--type-section:var(--type-small);--type-heading:10px;--type-title:13px;--type-caption:10px;--type-body:11px;--type-strong:12px;--type-display:48px;--type-banner:40px;--type-display-compact:28px;--type-headline:24px;--type-figure:20px;--type-figure-compact:14px;--type-lead:16px;--type-page-title:32px;--type-hero-compact:56px;--type-hero:72px;--font-size-base:var(--type-body);--font-size-small:var(--type-caption);--font-size-title:var(--type-body);--font-size-touch:var(--type-strong);--control-h:22px;--control-h-touch:32px;--field-h:30px;--titlebar-h:20px;--tab-h:22px;--row-h:24px;--scrollbar-w:8px;--slot:34px;--slot-touch:40px;--client-zoom:1;--icon-xs:10px;--icon-sm:16px;--icon-md:20px;--icon-lg:28px;--leader-mark:16px;--vip-mark:14px;--pad-panel:4px;--pad-window:6px;--gap:4px;--frame-w:3px;--hit-min:28px;--btn-h:32px;--btn-h-sm:24px;--btn-h-lg:38px;--btn-h-hero:44px;--icon-btn:28px;--head-h:44px;--bust-sm:20px;--bust-md:32px;--bust-lg:48px;--watermark:128px;--friend-chip-w:64px;--menu-w:160px;--dot:6px;--count-h:14px;--badge-h:16px;--bar-thin:4px;--bar-framed:8px;--bar-vital:14px;--modal-xs:320px;--modal-s:400px;--modal-m:600px;--modal-l:720px;--modal-list-max-h:640px;--modal-phone-max:640px;--z-hud:10;--z-overlay:20;--z-drawer:30;--z-modal:40;--z-lifted:50;--z-popover:60;--z-tutorial:80;--z-toast:90;--z-moment:95;--z-system:100;--z-above-splash:10001;--topbar-btn:41px;--topbar-btn-touch:33px;--topbar-icon:28px;--topbar-icon-touch:22px;--topbar-h:48px;--topbar-h-touch:36px;--rail-w-left:220px;--rail-w-right:240px;--rail-w-narrow:208px;--rail-w-touch-left:172px;--rail-w-touch-right:176px;--element-physical:#9aa0a8;--element-energy:#9b6bce;--element-death:#6a6570;--element-fire:#c45a32;--element-ice:#6aa8c8;--element-life-drain:#4aa8b8;--element-earth:#5a9a4a;--element-holy:#c4b44a;--loot-tier-common:#50657a;--loot-tier-uncommon:#64b87a;--loot-tier-semi-rare:#4b7ab6;--loot-tier-rare:#9b6bce;--loot-tier-very-rare:#b78f50;--chat-tone-me:var(--gold-hi);--chat-tone-party:var(--vocation-druid);--chat-tone-friend:var(--vocation-sorcerer);--chat-tone-announce:var(--gold);--chat-tone-mention:var(--text-bright);--chat-tone-mention-me:var(--gold-hi);--chat-mention-me-wash:color-mix(in srgb, var(--gold) 14%, transparent);--chat-tone-broadcast:#ff8a5c;--chat-tone-colossus-hit:var(--ok);--colossus-hp-trail:#f4e6d0;--colossus-seg-full:color-mix(in srgb, var(--hp) 70%, #000);--colossus-seg-live-hi:#e06a5a;--colossus-seg-gone:#2a1518;--colossus-seg-edge:#3a2226;--colossus-pop:#ff3b30;--colossus-pop-other:#ff7a70;--colossus-angry-glow:#ff3c28b3;--colossus-phase-flash:#ff5a3c;--colossus-shot-knight:#e8e8e8;--colossus-shot-paladin:#c79a5a;--colossus-shot-sorcerer:#ff8a1e;--colossus-shot-druid:#9fe3ff;--colossus-spark:#f3d79c;--colossus-tier-gold:#f0c766;--colossus-tier-gold-deep:#8a6a2a;--colossus-tier-silver:#d6dee9;--colossus-tier-silver-deep:#6b7686;--colossus-tier-bronze:#d99059;--colossus-tier-bronze-deep:#7a4524;--colossus-tier-none:#8d93a0;--colossus-tier-none-deep:#3a3f4a;--chat-tone-colossus-slayer:#c79cf0;--chat-glow-colossus-slayer:#8a4fc4b3;--tile-tint-creature:#c9785f;--tile-tint-spell:#6fa3d9;--imbuement-vampirism:#d4574f;--imbuement-void:#6f8cff;--imbuement-strike:#e3b341;--imbuement-low:#ffb74d;--hud-tip-hp:#d86a6a;--hud-tip-mana:#6f9ad6;--hud-tip-boost:#8fa8e0;--vital-ghost-hp:linear-gradient(#5a0f14, #2a0508);--vital-ghost-mana:linear-gradient(#10224a, #060d1e);--vital-low-glow:#c0302a;--bar-glint:#fff0c859;--bar-glint-edge:#ffecb4e6;--badge-ruby-top:#e2443d;--badge-ruby-bottom:#b8262a;--badge-ruby-rim:#5a1418;--badge-ruby-glow:#ff3b3b99;--badge-ruby-shard:#e0352f;--badge-ruby-shard-edge:#2a0d10;--enter-cta-sheen:#fff6d8;--enter-cta-glow:#ffe7b0;--crest-glow:#9b5cff59;--sprite-backdrop:#141414;--debug-text:#9f9;--moment-curtain:#030509;--death-veil:#4608088c;--tutorial-veil:#03060e94;--tutorial-window-w:340px;--boss-result-glow:#7856188c;--boss-result-glow-timeout:#5a141473;--print-paper:var(--tint-light);--print-ink:var(--shade-dark);--item-quality-magic:var(--ok);--item-quality-rare:var(--mana);--item-quality-epic:var(--element-energy);--item-quality-legendary:#e0883a;--hunt-browser-sheet-w:640px;--hunt-details-w:400px;--hunt-drawer-sheet-w:340px;--hunt-details-sheet-w:300px;--rail-side-w:calc(max(36px, var(--control-h-touch)) + max(6px, env(safe-area-inset-right,0px)));--hotbar-clearance:72px;--rail-icon-h:max(36px, var(--control-h-touch));--rail-icon-gap:var(--gap);--rail-stack-h:calc(3 * var(--rail-icon-h) + 2 * var(--rail-icon-gap));--rail-band-h:calc(var(--app-height,100dvh) - var(--hud-inset-top) - var(--viewport-cut-bottom) - var(--topbar-h-touch) - max(var(--hotbar-clearance), env(safe-area-inset-bottom,0px)));--rail-stack-pad:calc((var(--rail-band-h) - var(--rail-stack-h)) / 2);--rail-icon-equipment-top:calc(var(--rail-stack-pad) + var(--rail-icon-h) + var(--rail-icon-gap));--rail-icon-backpack-top:calc(var(--rail-stack-pad) + 2 * (var(--rail-icon-h) + var(--rail-icon-gap)))}@media (orientation:landscape) and (height<=500px){:root{--title-gap:var(--sp-4);--section-gap:var(--sp-6);--card-pad:var(--sp-6);--panel-pad-x:var(--sp-10);--panel-pad-y:var(--sp-8);--rail-pad:var(--sp-8);--head-h:34px;--friend-chip-w:48px;--leader-mark:12px;--vip-mark:12px}.client-rail,.party-allies-roster,.daily-regua,.game-action-notice-stack{--type-section:var(--type-micro);--btn-h-hero:var(--btn-h)}}.game-btn{justify-content:center;align-items:center;gap:var(--sp-4);height:var(--control-h);min-width:64px;padding:0 var(--sp-10);font-family:var(--font-pixel);font-size:var(--font-size-base);color:var(--text-bright);text-shadow:0 1px 0 var(--text-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex}.game-btn img,.game-btn .ui-icon{width:var(--icon-sm);height:var(--icon-sm);image-rendering:pixelated;pointer-events:none;flex:none}.game-btn-mn{min-width:0;height:auto;min-height:32px;padding:var(--sp-8) var(--sp-12);gap:var(--sp-8);font-size:var(--type-caption);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 0 var(--text-outline);border:0;border-radius:0;transition:box-shadow .12s,color .12s;position:relative}.game-btn-mn.is-gold{color:var(--gold-hi);background-color:var(--gold-fill);background-image:linear-gradient(color-mix(in srgb, var(--surface-window) 15%, transparent), color-mix(in srgb, var(--surface-window) 40%, transparent)), var(--texture-gold);box-shadow:inset 0 0 0 1px var(--gold-dim), 0 0 0 1px var(--border-outer);background-repeat:no-repeat,repeat;background-size:auto,128px 128px}.game-btn-mn.is-gold:hover:not(:disabled){color:var(--text-bright);background-image:linear-gradient(color-mix(in srgb, var(--surface-window) 4%, transparent), color-mix(in srgb, var(--surface-window) 25%, transparent)), var(--texture-gold);box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px var(--border-outer)}.game-btn-mn.is-gold:active:not(:disabled),.game-btn-mn.is-gold.active{background-image:linear-gradient(color-mix(in srgb, var(--surface-window) 25%, transparent), color-mix(in srgb, var(--surface-window) 50%, transparent)), var(--texture-gold);box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px var(--border-outer)}.game-btn-mn.is-flat{color:var(--text-primary);background:var(--surface-well);box-shadow:inset 0 0 0 1px var(--border-mid)}.game-btn-mn.is-flat:hover:not(:disabled){color:var(--text-bright);background:var(--surface-well);box-shadow:inset 0 0 0 1px var(--gold-dim)}.game-btn-mn.is-flat:active:not(:disabled),.game-btn-mn.is-flat.active{background:var(--surface-inset-deep);box-shadow:inset 0 0 0 1px var(--gold-dim), inset 0 2px 0 color-mix(in srgb, var(--shade-dark) 50%, transparent)}.game-btn-mn.is-danger{color:var(--danger-text);background:linear-gradient(var(--btn-danger-top), var(--btn-danger-bottom));box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 1px var(--border-outer)}.game-btn-mn.is-danger:hover:not(:disabled){color:var(--text-bright);background:linear-gradient(var(--btn-danger-hover-top), var(--btn-danger-hover-bottom))}.game-btn-mn.is-danger:active:not(:disabled),.game-btn-mn.is-danger.active{background:var(--btn-danger-bottom);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 1px var(--border-outer)}.game-btn-mn.is-ghost,.game-btn-mn.is-ghost:hover:not(:disabled),.game-btn-mn.is-ghost:active:not(:disabled){min-height:0;padding:var(--sp-2) 0;box-shadow:none;color:var(--gold);font-size:var(--type-label);letter-spacing:.06em;text-shadow:none;background:0 0}.game-btn-mn.is-ghost:hover:not(:disabled){color:var(--gold-hi);text-underline-offset:3px;text-decoration:underline}.game-btn-mn.is-claim{color:var(--text-bright);box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px var(--border-outer), 0 0 14px color-mix(in srgb, var(--gold) 35%, transparent)}.game-btn-mn.size-hero{min-height:var(--btn-h-hero);padding:0 var(--sp-16);font-size:var(--type-body)}.game-btn-mn.size-sm{min-height:24px;padding:var(--sp-4) var(--sp-10);font-size:var(--type-label)}.game-btn-mn.is-block{width:100%}.game-btn-mn:disabled{opacity:.45;cursor:default}.game-btn-mn img,.game-btn-mn .ui-icon{width:var(--icon-sm);height:var(--icon-sm)}.game-btn-mn.size-hero img{width:var(--icon-md);height:var(--icon-md)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:var(--surface-window);--surface:var(--surface-panel);--ink:var(--text-primary);--muted:var(--text-disabled);--muted-hi:color-mix(in srgb, var(--text-primary) 45%, var(--text-disabled));--line:color-mix(in srgb, var(--gold) 19%, transparent);font-family:var(--font-ui);color:var(--ink);background:var(--night);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{color:var(--night);background:var(--gold)}.wrap{width:min(1240px,100% - 112px);margin-inline:auto}.skip-link{z-index:var(--z-system);padding:var(--sp-16);background:var(--ink);color:var(--night);position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:5;height:100px;padding:0 var(--sp-48);border-bottom:1px solid color-mix(in srgb, var(--text-bright) 10%, transparent);justify-content:space-between;align-items:center;gap:var(--sp-24);background:linear-gradient(color-mix(in srgb, var(--surface-window) 47%, transparent), transparent);display:flex;position:absolute;inset:0 0 auto}.wordmark{align-items:center;gap:var(--sp-10);font-family:var(--font-pixel);font-size:var(--type-figure);white-space:nowrap;letter-spacing:-1px;display:flex}.wordmark img{clip-path:inset(1% round 24%);object-fit:contain}.wordmark-dash{color:var(--gold);margin-inline:var(--sp-2)}.site-header nav{gap:var(--sp-32);font-size:var(--type-title);color:var(--muted-hi);display:flex}.site-header nav a:hover,.site-footer a:hover{color:var(--gold)}.themed-arrow{object-fit:contain;flex-shrink:0;width:24px;height:24px}.header-end{align-items:center;gap:var(--sp-16);flex-shrink:0;display:flex}.lang-switch{align-items:center;gap:var(--sp-2);font-size:var(--type-body);letter-spacing:.08em;color:var(--muted-hi);display:inline-flex}.lang-switch button{box-sizing:border-box;min-width:32px;min-height:32px;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.lang-switch button[aria-pressed=true],.lang-switch button:hover{color:var(--gold)}.hero{isolation:isolate;min-height:830px;padding:var(--sp-160) 0 var(--sp-128);align-items:center;display:flex;position:relative;overflow:hidden}.hero-art{z-index:-3;object-fit:cover;object-position:center 36%;width:100%;height:100%;animation:1.3s ease-out both arrival;position:absolute;inset:0}.hero-shade{z-index:-2;background:linear-gradient(90deg, color-mix(in srgb, var(--surface-window) 96%, transparent) 0%, color-mix(in srgb, var(--surface-window) 85%, transparent) 24%, color-mix(in srgb, var(--surface-window) 45%, transparent) 47%, color-mix(in srgb, var(--surface-window) 7%, transparent) 77%), linear-gradient(0deg, var(--surface-window) 0%, color-mix(in srgb, var(--surface-window) 0%, transparent) 30%, color-mix(in srgb, var(--surface-window) 20%, transparent) 80%);position:absolute;inset:0}.hero-content{position:relative}.eyebrow{font-size:var(--type-caption);letter-spacing:2.2px;color:var(--gold);margin:0 0 var(--sp-24);align-items:center;gap:var(--sp-12);font-weight:600;line-height:1.8;display:flex}.tiny-diamond{background:var(--gold);width:6px;height:6px;box-shadow:0 0 14px color-mix(in srgb, var(--gold) 47%, transparent);transform:rotate(45deg)}.hero h1{font-family:var(--font-pixel);font-size:clamp(var(--type-banner), 5.2vw, var(--type-hero));letter-spacing:.01em;margin:0 0 var(--sp-24);max-width:740px;text-shadow:0 2px 30px color-mix(in srgb, var(--text-outline) 20%, transparent);font-weight:400;line-height:1.22}em{color:var(--gold);font-weight:400}.hero-description{font-size:var(--type-lead);color:var(--muted-hi);margin:0 0 var(--sp-32);letter-spacing:.1px;line-height:1.8}.hero-description strong{color:var(--text-bright);font-weight:400}.hero-actions{align-items:center;gap:var(--sp-32);display:flex}.text-link{font-size:var(--type-strong);align-items:center;gap:var(--sp-16);border-bottom:1px solid #0000;min-height:44px;display:inline-flex}.text-link:hover{border-bottom-color:var(--gold);color:var(--gold)}.browser-note{align-items:center;gap:var(--sp-8);color:var(--text-disabled);font-size:var(--type-caption);margin-top:var(--sp-20);line-height:1.6;display:flex}.browser-note svg{width:15px;height:15px}.hero-foot{inset:auto 0 var(--sp-24);font-size:var(--type-small);letter-spacing:1.7px;color:var(--text-disabled);justify-content:space-between;align-items:center;display:flex;position:absolute}.hero-foot a{align-items:center;gap:var(--sp-12);display:flex}.scroll-line{background:linear-gradient(transparent, var(--gold));width:1px;height:24px}.art-caption{opacity:.6;font-size:var(--type-small)}.world-strip{justify-content:center;align-items:center;gap:var(--sp-48);padding:var(--sp-24) var(--sp-32);border-block:1px solid var(--line);background:linear-gradient(90deg, var(--surface-pressed), var(--surface-panel), var(--surface-pressed));font-size:var(--type-caption);letter-spacing:2px;color:var(--muted-hi);display:flex}.world-strip i{color:var(--gold);font-size:var(--type-strong);font-style:normal}.section-space{padding-block:var(--sp-96)}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--sp-64);margin-bottom:var(--sp-48);display:flex}.section-heading .eyebrow{margin-bottom:var(--sp-16)}h2{font-family:var(--font-pixel);font-size:var(--type-page-title);letter-spacing:.01em;margin:0;font-weight:400;line-height:1.35}h2 em{font-style:normal}.section-heading>p{max-width:355px;font-size:var(--type-title);color:var(--muted);margin:0 0 var(--sp-4);line-height:1.9}.universe-grid{align-items:center;gap:var(--sp-48);grid-template-columns:1.45fr 1fr;display:grid}.game-preview{border:1px solid var(--line);background:var(--surface-pressed);box-shadow:0 18px 60px color-mix(in srgb, var(--text-outline) 20%, transparent);margin:0;transform:perspective(1200px)rotateY(3deg)}.preview-topline{justify-content:space-between;gap:var(--sp-10);padding:var(--sp-12) var(--sp-16);font-size:var(--type-caption);letter-spacing:1.3px;color:var(--text-disabled);border-bottom:1px solid var(--line);display:flex}.preview-topline>span:first-child{align-items:center;gap:var(--sp-8);display:flex}.live-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.game-preview>.preview-video{aspect-ratio:16/9;object-fit:cover;background:var(--surface-pressed);width:100%;height:auto;display:block}.game-preview figcaption{justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-16);font-size:var(--type-caption);color:var(--text-disabled);display:flex}.game-preview figcaption a{font-size:var(--type-headline);padding:var(--sp-4) var(--sp-10);color:var(--gold)}.features{gap:var(--sp-24);display:grid}.features article{align-items:flex-start;gap:var(--sp-16);display:flex}.feature-symbol{flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.feature-symbol img{object-fit:contain;width:64px;height:64px;filter:drop-shadow(0 3px 5px color-mix(in srgb, var(--text-outline) 40%, transparent))}.features h3{font-family:var(--font-pixel);font-weight:400;font-size:var(--type-figure-compact);letter-spacing:.04em;margin:0 0 var(--sp-8)}.features p{font-size:var(--type-strong);color:var(--muted);margin:0;line-height:1.8}.vocations{border-block:1px solid color-mix(in srgb, var(--text-bright) 3%, transparent);background:radial-gradient(ellipse at 25% 85%, color-mix(in srgb, var(--surface-raised) 40%, transparent), transparent 50%), var(--surface-pressed)}.vocation-selector{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.vocation-selector button{color:var(--text-disabled);cursor:pointer;padding:var(--sp-24) var(--sp-10);justify-content:center;column-gap:var(--sp-12);row-gap:var(--sp-4);font-family:var(--font-pixel);font-size:var(--type-figure-compact);text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;grid-template-columns:64px auto;transition:background .2s,color .2s;display:grid;position:relative}.vocation-thumb{width:64px;height:64px;image-rendering:pixelated;grid-row:span 2;align-self:center}.vocation-selector small{font:var(--type-label) var(--font-pixel);letter-spacing:1.7px}.vocation-selector button:hover{background:color-mix(in srgb, var(--gold) 3%, transparent);color:var(--ink)}.vocation-selector button[aria-pressed=true]{border-bottom-color:var(--gold);background:linear-gradient(0deg, color-mix(in srgb, var(--gold) 6%, transparent), transparent);color:var(--gold)}.vocation-panel{--vocation-color:var(--gold);align-items:center;gap:var(--sp-64);padding:var(--sp-48) var(--sp-64) var(--sp-16);grid-template-columns:1fr 1fr;min-height:360px;display:grid}.vocation-panel[data-active=paladin]{--vocation-color:var(--vocation-paladin)}.vocation-panel[data-active=sorcerer]{--vocation-color:var(--vocation-sorcerer)}.vocation-panel[data-active=druid]{--vocation-color:var(--vocation-druid)}.vocation-art{min-height:260px;color:var(--vocation-color);background:radial-gradient(ellipse, color-mix(in srgb, var(--vocation-color) 10%, transparent), transparent 65%);justify-content:center;align-items:center;transition:color .3s;display:flex;position:relative}.vocation-orbit{border:1px solid color-mix(in srgb, var(--vocation-color) 25%, transparent);border-radius:50%;width:200px;height:200px;position:absolute}.vocation-orbit:before{content:"";inset:var(--sp-20);border:1px solid color-mix(in srgb, var(--vocation-color) 35%, transparent);position:absolute;transform:rotate(45deg)}.vocation-orbit:after{content:"✦";background:var(--surface-pressed);padding:0 var(--sp-4);font-size:var(--type-lead);position:absolute;top:-11px;left:calc(50% - 8px)}.vocation-outfit{width:256px;height:256px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 10px 12px color-mix(in srgb, var(--text-outline) 53%, transparent));z-index:1}.vocation-art-label{font-size:var(--type-small);letter-spacing:2px;color:var(--text-disabled);text-align:center;position:absolute;bottom:-4px}.vocation-copy .eyebrow{margin:0 0 var(--sp-8);color:var(--vocation-color);font-size:var(--type-small)}.vocation-copy h3{font:var(--type-page-title) var(--font-pixel);margin:0 0 var(--sp-16)}.vocation-copy>p:not(.eyebrow){font-size:var(--type-title);color:var(--muted);max-width:420px;margin:0;line-height:1.9}.vocation-traits{gap:var(--sp-8);margin-block:var(--sp-20) var(--sp-12);flex-wrap:wrap;display:flex}.vocation-traits span{border:1px solid color-mix(in srgb, var(--text-bright) 7%, transparent);padding:var(--sp-8) var(--sp-10);color:var(--text-disabled);font-size:var(--type-small)}.gold-link{color:var(--gold);font-size:var(--type-body)}.faq{gap:var(--sp-80);grid-template-columns:1fr 1.2fr;display:grid}.faq h2{font-size:var(--type-display-compact)}.faq>div>p:last-child{font-size:var(--type-title);color:var(--muted);margin-top:var(--sp-24);line-height:1.8}.faq .eyebrow{margin-bottom:var(--sp-20)}.faq-list details{border-bottom:1px solid color-mix(in srgb, var(--text-bright) 7%, transparent)}.faq-list details:first-child{border-top:1px solid color-mix(in srgb, var(--text-bright) 7%, transparent)}.faq-list summary{justify-content:space-between;align-items:center;gap:var(--sp-20);cursor:pointer;font-size:var(--type-title);padding:var(--sp-24) 0;line-height:1.6;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .faq-icon{color:var(--gold);font-size:var(--type-headline);flex:none;font-weight:400;transition:transform .2s}.faq-list details[open] summary .faq-icon{transform:rotate(45deg)}.faq-list details p{font-size:var(--type-strong);color:var(--muted);padding:0 var(--sp-32) var(--sp-24) 0;margin:0;line-height:1.9}.faq-list details[open] p{animation:.25s ease-out faq-reveal}@keyframes faq-reveal{0%{opacity:0;transform:translateY(-6px)}}.final-call{isolation:isolate;text-align:center;padding:var(--sp-64) 0 var(--sp-80);border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--border-mid) 33%, transparent), transparent 70%);position:relative;overflow:hidden}.final-call:before,.final-call:after{content:"";--final-square:580px;--final-square-offset:-390px;width:var(--final-square);height:var(--final-square);border:1px solid color-mix(in srgb, var(--gold) 6%, transparent);inset:50% auto auto var(--final-square-offset);z-index:-1;position:absolute;transform:rotate(45deg)}.final-call:after{left:auto;right:var(--final-square-offset)}.final-star{font-size:var(--type-page-title);color:var(--gold);margin-bottom:var(--sp-20);display:block}.final-call .eyebrow{margin-bottom:var(--sp-16);font-size:var(--type-small);justify-content:center}.final-call h2{font-size:var(--type-page-title);margin-bottom:var(--sp-32)}.final-call .browser-note{justify-content:center}.site-footer{padding-block:var(--sp-32);justify-content:space-between;align-items:center;gap:var(--sp-24);display:flex}.site-footer .wordmark{font-size:var(--type-lead);gap:var(--sp-6)}.site-footer>span,.site-footer>a:last-child{font-size:var(--type-small);color:var(--text-disabled);line-height:1.6}.site-footer>a:last-child{color:var(--muted-hi)}.footer-legal{gap:var(--sp-16);font-size:var(--type-small);color:var(--muted-hi);line-height:1.6;display:flex}@keyframes arrival{0%{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (width>=1600px){.hero{min-height:910px}.hero-art{object-position:center 43%}.hero-shade{background:linear-gradient(90deg, color-mix(in srgb, var(--surface-window) 96%, transparent), color-mix(in srgb, var(--surface-window) 79%, transparent) 27%, color-mix(in srgb, var(--surface-window) 7%, transparent) 70%), linear-gradient(0deg, var(--surface-window), transparent 35%)}}@media (width<=1100px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:var(--sp-32)}.site-header nav{gap:var(--sp-24)}.hero{min-height:770px}.hero h1{font-size:var(--type-hero-compact)}.world-strip{gap:var(--sp-24);font-size:var(--type-small)}.section-heading{gap:var(--sp-32)}.section-heading>p{max-width:300px}.universe-grid{gap:var(--sp-32);grid-template-columns:1.2fr 1fr}.vocation-panel{padding-inline:var(--sp-20);gap:var(--sp-48)}.faq{gap:var(--sp-48)}.section-space{padding-block:var(--sp-80)}.hero .eyebrow{font-size:var(--type-label);letter-spacing:1.6px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.site-header{height:80px;padding-inline:var(--sp-20);gap:var(--sp-12)}.site-header .wordmark{font-size:var(--type-lead);gap:var(--sp-4)}.site-header .wordmark img{clip-path:inset(1% round 24%);width:34px;height:34px}.site-header nav{display:none}.header-end{gap:var(--sp-10)}.lang-switch{font-size:var(--type-caption);gap:var(--sp-2)}.lang-switch button{min-width:32px;min-height:32px}.hero{--hero-art-clearance:290px;min-height:790px;padding-top:var(--hero-art-clearance);padding-bottom:var(--sp-96);align-items:flex-end}.hero-art{object-position:62% top;object-fit:cover;height:620px}.hero-shade{background:linear-gradient(0deg, var(--surface-window) 0%, color-mix(in srgb, var(--surface-window) 93%, transparent) 23%, color-mix(in srgb, var(--surface-window) 40%, transparent) 64%, color-mix(in srgb, var(--surface-window) 13%, transparent) 90%), linear-gradient(90deg, color-mix(in srgb, var(--surface-window) 40%, transparent), transparent)}.hero .eyebrow{font-size:var(--type-label);letter-spacing:1.3px;gap:var(--sp-8);margin-bottom:var(--sp-16)}.hero h1{font-size:var(--type-banner);letter-spacing:.01em;margin-bottom:var(--sp-20)}.hero-description{font-size:var(--type-title);margin-bottom:var(--sp-24);line-height:1.8}.hero-actions{gap:var(--sp-20)}.text-link{font-size:var(--type-caption);gap:var(--sp-10)}.hero-foot{font-size:var(--type-label);bottom:22px}.hero-foot .art-caption{display:none}.hero-foot>span:first-child{letter-spacing:1px}.world-strip{text-align:center;gap:var(--sp-20) var(--sp-10);padding:var(--sp-20);font-size:var(--type-label);letter-spacing:1.4px;grid-template-columns:1fr 1fr;display:grid}.world-strip i{display:none}.section-space{padding-block:var(--sp-64)}.section-heading{margin-bottom:var(--sp-32);display:block}.section-heading>p{max-width:100%;margin-top:var(--sp-20);font-size:var(--type-strong)}h2{font-size:var(--type-headline)}.eyebrow{font-size:var(--type-small);letter-spacing:1.8px}.universe-grid{gap:var(--sp-32);grid-template-columns:1fr}.game-preview{transform:none}.preview-topline{font-size:var(--type-small);padding-inline:var(--sp-12);letter-spacing:.8px}.features{gap:var(--sp-24)}.features p{font-size:var(--type-strong)}.features h3{font-size:var(--type-figure)}.vocation-selector button{align-items:center;gap:var(--sp-8);font-size:var(--type-figure-compact);padding:var(--sp-16) var(--sp-4);flex-direction:column;display:flex}.vocation-thumb{width:64px;height:64px}.vocation-selector small{font-size:var(--type-label);letter-spacing:.8px}.vocation-panel{gap:var(--sp-32);padding:var(--sp-24) var(--sp-10) 0;grid-template-columns:1fr}.vocation-art{min-height:210px}.vocation-orbit{width:155px;height:155px}.vocation-outfit{width:192px;height:192px}.vocation-art-label{font-size:var(--type-label);bottom:0}.vocation-copy h3{font-size:var(--type-headline)}.vocation-copy>p:not(.eyebrow){font-size:var(--type-strong);max-width:none}.vocation-copy{padding-inline:var(--sp-8)}.faq{gap:var(--sp-32);grid-template-columns:1fr}.faq h2{font-size:var(--type-headline)}.faq>div>p:last-child{font-size:var(--type-strong)}.faq-list summary{font-size:var(--type-strong);padding-block:var(--sp-20)}.final-call{padding-block:var(--sp-48)}.final-call h2{font-size:var(--type-headline)}.site-footer{padding-block:var(--sp-24);gap:var(--sp-20);flex-wrap:wrap}.site-footer>span{font-size:var(--type-small);flex-basis:100%;order:3}.site-footer>a:last-child,.browser-note{font-size:var(--type-small)}}@media (width<=370px){.hero h1{font-size:var(--type-page-title)}.hero-actions{gap:var(--sp-12)}.hero .eyebrow{font-size:var(--type-label)}.site-header .wordmark{font-size:var(--type-figure-compact)}.hero-actions .text-link{font-size:var(--type-small)}.vocation-selector button{font-size:var(--type-strong)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.faq-list details[open] p{animation:none}.vocation-selector button,.vocation-art,.faq-list summary .faq-icon{transition:none}}.universe .section-heading{align-items:flex-start;gap:var(--sp-16);flex-direction:column}.universe .section-heading>p{max-width:560px}.universe-grid{align-items:start}.universe .features{padding-top:var(--sp-8)}