@layer  properties{@supports  (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}
@layer  theme{:root{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}
@layer  base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
h1,h2,h3{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
summary{display:list-item}
ol{list-style:none}
img,svg,canvas{vertical-align:middle;display:block}
img{max-width:100%;height:auto}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports  (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports  (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}
::file-selector-button{appearance:button}}
:root{--ink:#e9e3d8;--muted:#8f928f;--paper:#cfc2aa;--amber:#d7a34d;--amber-bright:#f2c56e;--oxide:#a44b3d;--cyan:#64a6ae;--panel:#161a1b;--panel-2:#1d2223;--line:#dacdb429;--background:#0b0e0e;--foreground:var(--ink);--hud-height:64px}
*{box-sizing:border-box}
html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
body{background:radial-gradient(circle at 40% -20%, #4e6d6c2e, transparent 38rem), radial-gradient(circle at 105% 60%, #8442311c, transparent 42rem), var(--background);color:var(--foreground);min-width:280px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}
.archive-screen{min-height:100svh;color:var(--ink);background:#090c0d}
.onboarding-brand{z-index:2;align-items:center;gap:15px;display:flex;position:relative}
.onboarding-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1500px;min-height:70px;margin:0 auto;padding:14px clamp(18px,4vw,58px);display:flex}
.onboarding-kicker{color:var(--amber);letter-spacing:.22em;margin:0;font:850 9px/1 ui-monospace,monospace}
.archive-screen{background:radial-gradient(circle at 80% 9%,#64a6ae1f,#0000 32rem),#0b0f10}
.archive-hero,.odyssey-feature,.archive-creed-summary,.archive-era-section{width:min(1320px,100% - 40px);margin-inline:auto}
.archive-hero{padding:clamp(65px,9vw,135px) 0 80px}
.archive-hero h1{color:#efe8dc;letter-spacing:-.045em;max-width:900px;margin:16px 0 24px;font:400 clamp(45px,6.2vw,88px)/.94 Georgia,serif}
.archive-hero aside{background:#64a6ae11;border-left:3px solid #8fd3dc;gap:5px;width:min(700px,100%);margin-top:31px;padding:15px 18px;display:grid}
.archive-hero aside b{color:#a7d8dc;letter-spacing:.12em;font:850 8px/1 ui-monospace,monospace}
.archive-hero aside span{color:#86918c;font:400 13px/1.5 Georgia,serif}
.odyssey-feature{border-block:1px solid var(--line);background:linear-gradient(110deg,#d7a34d17,#64a6ae08);grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:center;min-height:330px;display:grid}
.odyssey-figure{border-right:1px solid var(--line);background:radial-gradient(circle,#d7a34d38,#0000 50%);place-items:center;height:100%;min-height:330px;display:grid;position:relative;overflow:hidden}
.odyssey-figure:before{content:"";border:1px solid #d7a34d40;border-radius:50%;width:280px;height:280px;position:absolute;box-shadow:0 0 0 38px #64a6ae06,0 0 0 90px #d7a34d06}
.odyssey-feature>div:last-child{padding:clamp(30px,5vw,72px)}
.odyssey-feature p,.archive-section-heading>p{color:var(--amber);letter-spacing:.17em;margin:0 0 10px;font:850 8px/1 ui-monospace,monospace}
.odyssey-feature h2,.archive-section-heading h2{color:#ebe4d8;letter-spacing:-.025em;margin:0 0 16px;font:400 clamp(29px,3.4vw,49px)/1.05 Georgia,serif}
.odyssey-feature>div:last-child>span,.archive-section-heading>span{color:#929a95;font:400 14px/1.7 Georgia,serif}
.archive-creed-summary,.archive-era-section{padding-block:90px}
.archive-section-heading{max-width:790px;margin-bottom:34px}
.archive-creed-summary>div:last-of-type{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}
.archive-creed-summary article{border:1px solid var(--creed);min-height:180px;padding:18px}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-summary article{border:1px solid color-mix(in srgb,var(--creed) 45%,var(--line))}}
.archive-creed-summary article{background:var(--creed)}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-summary article{background:color-mix(in srgb,var(--creed) 7%,#111616)}}
.archive-creed-summary h3{margin:19px 0 8px;font:500 21px/1 Georgia,serif}
.archive-creed-summary article p{color:#858e89;margin:0;font:400 12px/1.55 Georgia,serif}
.era-explorer{border:1px solid var(--active-era)}
@supports  (color:color-mix(in lab, red, red)){.era-explorer{border:1px solid color-mix(in srgb,var(--active-era) 40%,var(--line))}}
.era-explorer{background:#101516}
.era-feature{grid-template-columns:1fr 1fr;align-items:center;min-height:310px;display:grid}
.era-feature-art{border-right:1px solid var(--line);background:radial-gradient(circle,var(--active-era),transparent 47%),repeating-linear-gradient(125deg,transparent 0 31px,#ffffff06 32px 33px);align-self:stretch;place-items:center;display:grid;position:relative;overflow:hidden}
@supports  (color:color-mix(in lab, red, red)){.era-feature-art{background:radial-gradient(circle,color-mix(in srgb,var(--active-era) 24%,transparent),transparent 47%),repeating-linear-gradient(125deg,transparent 0 31px,#ffffff06 32px 33px)}}
.era-feature>div:last-child{padding:clamp(28px,5vw,68px)}
.era-feature small{color:var(--active-era);letter-spacing:.13em;font:850 8px/1 ui-monospace,monospace}
.era-feature h3{margin:12px 0 14px;font:400 48px/1 Georgia,serif}
.era-feature p{color:#9ca49f;margin:0;font:400 15px/1.7 Georgia,serif}
.game-card{--era:#777;--creed:#777;text-align:left;width:100%;min-width:0;color:var(--ink);cursor:pointer;border:1px solid var(--era);flex-direction:column;padding:9px;display:flex;position:relative;overflow:hidden}
@supports  (color:color-mix(in lab, red, red)){.game-card{border:1px solid color-mix(in srgb, var(--era) 58%, #343a39)}}
.game-card{background:linear-gradient(155deg, var(--era) 0%, #111414 67%);border-radius:3px}
@supports  (color:color-mix(in lab, red, red)){.game-card{background:linear-gradient(155deg, color-mix(in srgb, var(--era) 12%, #1c2020) 0%, #111414 67%)}}
.game-card{box-shadow:0 8px 18px #00000047, inset 0 0 0 2px #101313, inset 0 0 0 3px var(--era)}
@supports  (color:color-mix(in lab, red, red)){.game-card{box-shadow:0 8px 18px #00000047, inset 0 0 0 2px #101313, inset 0 0 0 3px color-mix(in srgb, var(--era) 20%, transparent)}}
.game-card{transition:border-color .15s,translate .15s,box-shadow .15s}
.game-card:hover{border-color:var(--era);z-index:2;translate:0 -2px}
.card-topline{color:#8b928e;letter-spacing:.08em;justify-content:space-between;font:750 8px/1 ui-monospace,monospace;display:flex}
.card-cost{border:1px solid var(--amber);width:23px;height:23px;color:var(--amber-bright);background:#15130e;place-items:center;margin-top:-4px;margin-right:-4px;font-size:11px;display:grid}
.card-name{min-height:29px;margin-top:-5px;padding-right:20px;font:600 13px/1.05 Georgia,serif}
.card-art{border:1px solid var(--era);place-items:center;min-height:90px;margin:6px 0;display:grid;position:relative;overflow:hidden}
@supports  (color:color-mix(in lab, red, red)){.card-art{border:1px solid color-mix(in srgb, var(--era) 32%, transparent)}}
.card-art{background:radial-gradient(circle, var(--era), transparent 58%), repeating-radial-gradient(circle at 50% 50%, transparent 0 15px, var(--era) 16px 17px)}
@supports  (color:color-mix(in lab, red, red)){.card-art{background:radial-gradient(circle, color-mix(in srgb, var(--era) 28%, transparent), transparent 58%), repeating-radial-gradient(circle at 50% 50%, transparent 0 15px, color-mix(in srgb, var(--era) 11%, transparent) 16px 17px)}}
.card-art:before,.card-art:after{content:"";background:var(--era);width:70%;height:1px;position:absolute}
@supports  (color:color-mix(in lab, red, red)){.card-art:before,.card-art:after{background:color-mix(in srgb, var(--era) 45%, transparent)}}
.card-art:before,.card-art:after{transform:rotate(35deg)}
.card-art:after{transform:rotate(-35deg)}
.card-art img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center 30%}
.game-card.has-art .card-art:before,.game-card.has-art .card-art:after{display:none}
.card-art small{z-index:2;color:var(--era);position:absolute;bottom:5px;right:6px}
@supports  (color:color-mix(in lab, red, red)){.card-art small{color:color-mix(in srgb, var(--era) 80%, white)}}
.card-art small{letter-spacing:.13em;background:#080a0ab8;padding:2px 3px;font:700 7px/1 ui-monospace,monospace}
.card-footer{border-top:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:end;gap:4px;margin-top:auto;padding-top:7px;display:grid}
.card-stat{color:#e8d7b8;grid-template-rows:auto auto;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:3px;min-width:0;display:grid}
.card-stat b{color:currentColor;border:1px solid;grid-row:1;place-items:center;min-width:22px;height:22px;font:800 11px/1 ui-monospace,monospace;display:grid}
.card-stat--power{color:#f0b15d}
.card-stat--health{color:#ef8979;justify-content:end}
.card-footer em{color:var(--era);letter-spacing:.05em;justify-self:center;font:750 7px/1 ui-monospace,monospace}
.equipment-strip{color:#c9b68f;white-space:nowrap;text-overflow:ellipsis;background:#d7a34d1a;margin:5px -9px -9px;padding:4px 7px;font:650 7px/1 ui-monospace,monospace;overflow:hidden}
.game-card--compact{height:100%;min-height:128px;padding:6px}
.game-card--compact .card-name{min-height:24px;padding-right:12px;font-size:10px}
.game-card--compact .card-cost{width:18px;height:18px;font-size:9px}
.game-card--compact .card-art{min-height:42px;margin:3px 0}
.game-card--compact .card-footer{padding-top:4px}
.game-card--compact.has-art:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#07090985 0%,#0709091f 40%,#070909d9 81%,#070909f7 100%);position:absolute;inset:0}
:where(.game-card--compact.has-art)>:where(:not(.card-art):not(.card-state-aura):not(.card-stat-delta):not(.resonance-pips):not(.card-open-cue):not(.card-tags)){z-index:2;position:relative}
.game-card--compact.has-art .card-art{z-index:0;border:0;min-height:0;margin:0;position:absolute;inset:0}
.game-card--compact.has-art .card-art img{min-height:100%}
.game-card--compact.has-art .card-name{color:#fff7e8;text-shadow:0 1px 5px #000,0 0 12px #000}
.game-card--compact.has-art .card-footer{border-color:#fff3}
.game-card--compact.has-art .card-art small{bottom:26px}
.game-shell{color:#202522;background-color:#0000;background-image:radial-gradient(circle at 15% 12%,#dfd6c06b,#0000 30rem),radial-gradient(circle at 84% 62%,#4c74743b,#0000 38rem),linear-gradient(145deg,#62645d,#454b49 66%,#3b4140);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100svh;padding:0 16px 24px}
@media  (width<=1180px){.archive-creed-summary>div:last-of-type{grid-template-columns:repeat(3,1fr)}}
@media  (width<=900px){.archive-hero,.archive-creed-summary,.archive-era-section{width:calc(100% - 30px)}
.archive-creed-summary>div:last-of-type{grid-template-columns:repeat(2,1fr)}}
@media  (width<=640px){.onboarding-header{min-height:60px;padding-inline:14px}
.archive-hero{padding-block:55px}
.archive-hero h1{font-size:clamp(41px,12vw,58px)}
.odyssey-feature{grid-template-columns:1fr}
.odyssey-figure{border-right:0;border-bottom:1px solid var(--line);min-height:220px}
.archive-creed-summary,.archive-era-section{padding-block:60px}
.archive-creed-summary>div:last-of-type{grid-template-columns:1fr}
.era-feature{grid-template-columns:1fr}
.era-feature-art{border-right:0;border-bottom:1px solid var(--line);min-height:210px}
.game-shell{padding-inline:7px}
.game-card--compact{min-height:128px}
.game-card--compact .card-art{min-height:36px}
.game-card--compact .card-name{font-size:9px}}
.archive-hero{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:clamp(28px,5vw,82px);display:grid}
.archive-hero-copy{min-width:0}
.archive-hero-copy>p:not(.onboarding-kicker){color:#abb2ad;max-width:760px;font:400 16px/1.72 Georgia,serif}
.archive-hero-figures{grid-template-columns:1fr 1fr;align-items:end;gap:9px;min-width:0;display:grid}
.archive-hero-figures figure{background:#0b0e0e;border:1px solid #d7a34d40;min-width:0;margin:0;box-shadow:0 18px 45px #00000057}
.archive-hero-figures figure:first-child{transform:translateY(-22px)}
.archive-hero-figures img{aspect-ratio:4/5;object-fit:cover;object-position:center 24%;filter:saturate(.88)contrast(1.04);width:100%;display:block}
.archive-hero-figures figcaption{border-top:1px solid var(--line);gap:4px;min-height:84px;padding:11px;display:grid}
.archive-hero-figures figcaption b{color:var(--amber-bright);letter-spacing:.09em;font:800 8px/1.2 ui-monospace,monospace}
.archive-hero-figures figcaption span{color:#8e9691;font:400 11px/1.45 Georgia,serif}
.odyssey-figure img{object-fit:cover;object-position:center 23%;width:100%;height:100%;min-height:330px;display:block}
.archive-creed-taxonomy{background:#d7a34d0b;border-left:2px solid #d7a34d94;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;max-width:790px;margin:-8px 0 28px;padding:14px 16px;display:grid}
.archive-creed-taxonomy b{color:#c3b286;letter-spacing:.1em;white-space:nowrap;padding-top:3px;font:850 7px/1.25 ui-monospace,monospace}
.archive-creed-taxonomy span{color:#858e89;font:400 11px/1.55 Georgia,serif}
.archive-creed-taxonomy strong{color:#b6a77f;font-weight:600}
.archive-creed-grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:8px;display:grid!important}
.archive-creed-grid details{background:var(--creed);min-height:0;padding:0;overflow:hidden}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-grid details{background:color-mix(in srgb,var(--creed) 6%,#0c1011)}}
.archive-creed-grid details[open]{box-shadow:inset 0 2px var(--creed),0 18px 48px #00000047}
.archive-creed-grid details>summary{text-align:left;background-color:#0d1112;background-image:linear-gradient(180deg,#0609092e 0%,#0609098f 42%,#060909f5 100%),linear-gradient(90deg,#060909bd,#0609092e 78%),var(--creed-art);background-size:cover;background-position:center,center,var(--creed-position);width:100%;min-height:260px;color:inherit;cursor:pointer;border:0;grid-template-columns:34px minmax(0,1fr) 18px;align-content:start;gap:12px;padding:18px;display:grid}
.archive-creed-grid details>summary i{width:31px;height:31px;margin:0}
.archive-creed-grid details>summary h3{color:#eee8dc;text-shadow:0 2px 9px #000;margin:1px 0 12px}
.archive-creed-grid blockquote{color:#d0d1c8;text-shadow:0 1px 7px #000;margin:0 0 19px;font:italic 400 12px/1.55 Georgia,serif}
.archive-creed-grid details>summary b{color:var(--creed);letter-spacing:.08em;margin-bottom:5px;font:800 7px/1 ui-monospace,monospace;display:block}
.archive-creed-grid details>summary p{color:#b8bdb7;text-shadow:0 1px 6px #000;font:400 11px/1.5 Georgia,serif}
.archive-creed-grid details>summary em{color:var(--creed);text-shadow:0 2px 8px #000;font:400 22px/1 Georgia,serif}
.archive-creed-details{border-top:1px solid var(--creed);gap:0;padding:0 18px 18px;display:grid}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-details{border-top:1px solid color-mix(in srgb,var(--creed) 30%,var(--line))}}
.archive-creed-details{background:linear-gradient(180deg,var(--creed),#0b0f10)}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-details{background:linear-gradient(180deg,color-mix(in srgb,var(--creed) 5%,#101515),#0b0f10)}}
.archive-creed-details>section{border-top:1px solid var(--line);padding-top:14px}
.archive-creed-details>section:first-child{border-top:0}
.archive-creed-details small{color:var(--creed);letter-spacing:.1em;margin-bottom:6px;font:850 7px/1.2 ui-monospace,monospace;display:block}
.archive-creed-details p{color:#a0a7a1;margin:0 0 14px;font:400 11px/1.55 Georgia,serif}
.archive-creed-signatures>div{flex-wrap:wrap;gap:5px;padding-bottom:1px;display:flex}
.archive-creed-signatures>div span{border:1px solid var(--creed);padding:5px 6px}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-signatures>div span{border:1px solid color-mix(in srgb,var(--creed) 34%,var(--line))}}
.archive-creed-signatures>div span{background:var(--creed)}
@supports  (color:color-mix(in lab, red, red)){.archive-creed-signatures>div span{background:color-mix(in srgb,var(--creed) 6%,transparent)}}
.archive-creed-signatures>div span{color:#a9aea8;font:700 7px/1 ui-monospace,monospace}
.game-card img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
@media  (width<=1180px){.archive-hero{grid-template-columns:1fr}
.archive-hero-figures{width:min(700px,100%)}
.archive-creed-grid{grid-template-columns:repeat(3,1fr)}}
@media  (width<=900px){.archive-creed-grid{grid-template-columns:repeat(2,1fr)}
.archive-hero-figures figure:first-child{transform:none}}
@media  (width<=640px){.archive-hero{padding-top:50px}
.archive-hero-figures{grid-template-columns:1fr 1fr;gap:5px}
.archive-hero-figures figcaption{min-height:95px;padding:8px}
.archive-creed-grid{grid-template-columns:1fr}
.archive-creed-grid details>summary{min-height:220px}
.archive-creed-taxonomy{grid-template-columns:1fr;gap:7px}
.archive-creed-taxonomy b{padding-top:0}}
@media  (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.archive-screen{background-color:#0b0f10;background-image:linear-gradient(180deg,#080c0d8a 0,#080c0dc7 620px,#0b0f10 1050px),var(--archive-art);background-repeat:no-repeat;background-size:100% 1100px,auto 900px;background-position:center top,var(--archive-position)}
.era-feature-art{background-image:linear-gradient(90deg,#070b0b17,#070b0b29),var(--era-art);background-size:cover;background-position:center,var(--era-position)}
.era-feature-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 55%,#0a0e0e57);position:absolute;inset:0}
.game-card.is-unique{border-color:#e0b95f;box-shadow:0 0 0 1px #ffde8b59,0 0 19px #d7a34d2e,inset 0 0 0 2px #15120b,inset 0 0 0 3px #e0b95f6b}
.game-card.is-unique.is-battlefield-card{box-shadow:0 0 0 1px #ffde8b73,0 0 22px #d7a34d3b,inset 0 0 0 2px #15120b,inset 0 0 0 3px #e0b95f80}
.card-state-aura{z-index:6;pointer-events:none;border-radius:2px;position:absolute;inset:2px;overflow:hidden}
@media  (width<=640px){.game-shell{padding:0 6px calc(148px + env(safe-area-inset-bottom))}}
@media  (orientation:landscape) and (height<=540px) and (width<=1024px){.game-shell{padding-bottom:calc(106px + env(safe-area-inset-bottom))}}
.onboarding-brand-logo{object-fit:contain;object-position:center;display:block}
.onboarding-brand.is-compact .onboarding-brand-logo{width:118px;height:34px}
.card-stat{grid-template-rows:auto;grid-template-columns:auto auto;gap:3px}
.card-stat b{grid-row:1}
.card-stat b{text-shadow:0 1px 2px #000;background:0 0;border:0;width:auto;min-width:0;height:auto;font-size:14px}
.card-footer>em{font-size:5px}
@media  (width<=520px){.onboarding-brand-logo{width:145px;height:42px}}
.onboarding-brand-logo{width:240px;height:68px}
.odyssey-feature{background:linear-gradient(110deg,#2d2010f0,#0a1314f7)}
.odyssey-feature>div:last-child>span{color:#c3cbc5}
@media  (hover:hover) and (pointer:fine) and (width>=901px){.board-card-wrap{position:relative}
.board-card-wrap:hover{z-index:60}
.board-card-wrap:hover .game-card{border-color:var(--era);box-shadow:0 24px 58px #000000b8,0 0 0 1px var(--era);translate:0 -7px;scale:1.48}
.board-card-wrap:hover .game-card .card-art img{object-fit:contain;background:#070a0a}}
@media  (width>=901px){.game-card--compact .card-name{font-size:11px}}
@media  (width<=900px){.onboarding-brand-logo{width:200px;height:57px}}
@media  (width<=640px){.game-shell{overflow-x:clip}}
@media  (width<=599px) and (orientation:portrait){.game-shell{overflow-y:auto}
.game-shell:after{content:"LANDSCAPE RECOMMENDED";z-index:120;top:calc(42px + env(safe-area-inset-top));color:#d8bb7d;pointer-events:none;text-align:center;letter-spacing:.08em;background:#080c0dd1;border:1px solid #d7a34d6b;max-width:104px;padding:4px 6px;font:850 6px/1.2 ui-monospace,monospace;position:fixed;right:6px}}
@media  (hover:hover) and (pointer:fine){.game-card{transform-style:preserve-3d}
.board-card-wrap:hover .game-card{transform:perspective(700px)rotateX(1.5deg)rotateY(-1.2deg)}
.game-card.has-art .card-state-aura{background-image:linear-gradient(112deg,#0000 17%,#ffffff1c 34%,#0000 48%);background-position:130% 0;background-size:240% 100%;transition:background-position .42s}
.game-card.has-art:hover .card-state-aura{background-position:-35% 0}
.game-card:active{scale:.975}}
.game-shell{padding-top:6px}
@media  (width<=900px){.card-footer>em{font-size:8px}}
@media  (width<=640px){.game-shell{padding-top:3px}}
@media  (prefers-reduced-motion:reduce){.board-card-wrap{animation:none!important}}
@media  (prefers-reduced-motion:reduce){.board-card-wrap{animation:none!important}}
.board-card-wrap:not([data-dragging]){--hover-x0:-.7px;--hover-x1:1.5px;--hover-x2:.15px;--hover-x3:-1.2px;--hover-y0:1px;--hover-y1:-2.8px;--hover-y2:-4px;--hover-y3:-2.2px;--hover-r0:-.16deg;--hover-r1:.11deg;--hover-r2:.24deg;--hover-r3:-.1deg;transform-origin:50% 65%;will-change:translate,rotate;animation:7.2s cubic-bezier(.45,0,.55,1) infinite board-card-hover}
.board-card-wrap:nth-child(2){--hover-x0:.8px;--hover-x1:-1.7px;--hover-x2:-.2px;--hover-x3:1.3px;--hover-y1:-3px;--hover-y2:-4.3px;--hover-y3:-2.4px;--hover-r0:.14deg;--hover-r1:-.1deg;--hover-r2:-.22deg;--hover-r3:.09deg;animation-delay:-1.8s}
.board-card-wrap:nth-child(3){--hover-x0:-.85px;--hover-x1:1.8px;--hover-x2:.18px;--hover-x3:-1.4px;--hover-y1:-2.7px;--hover-y2:-3.8px;--hover-y3:-2.1px;--hover-r0:-.18deg;--hover-r1:.12deg;--hover-r2:.27deg;--hover-r3:-.11deg;animation-delay:-3.6s}
.onboarding-brand.is-compact .onboarding-brand-logo{aspect-ratio:1672/474;width:118px;max-width:32vw;height:auto}
.onboarding-brand.is-home-link{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}
.onboarding-brand.is-home-link:focus-visible{outline-offset:4px;outline:2px solid #d7a34d}
.game-card.is-spent{filter:saturate(.42)}
.card-spent-mask{z-index:24;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#656c6a61,#101414ad);place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #d7deda29}
.game-card.is-battlefield-card.has-art:before{background:linear-gradient(#07090940 0%,#07090905 43%,#0709097a 77%,#070909d1 100%)}
.game-card.is-battlefield-card .card-art img{filter:brightness(1.16)saturate(1.07)contrast(1.01)}
.game-card.is-battlefield-card.is-spent .card-art img{filter:brightness(.86)saturate(.7)grayscale(.28)}
@media  (orientation:landscape) and (height<=540px) and (width<=900px){.game-shell{padding-bottom:calc(148px + env(safe-area-inset-bottom))}}
@media  (orientation:landscape) and (height<=540px) and (width<=1024px){.game-shell{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;padding:0 2px calc(92px + env(safe-area-inset-bottom));overflow:hidden}}
.card-state-visuals{z-index:19;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}
.card-state-visuals>i{pointer-events:none;font-style:normal;display:block;position:absolute}
.card-stat-change{background:#0a0d0cd1;border-radius:50%;place-items:center;width:18px;height:18px;font:950 13px/1 ui-monospace,monospace;animation:1.6s ease-in-out infinite stat-pulse;top:4px;right:4px;display:grid!important}
.equipment-strip{gap:2px;z-index:22!important;background:0 0!important;border:0!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}
.equipment-strip i{color:#f2d79e;background:#0c100fe0;border:1px solid #e2c27eb8;border-radius:50%;place-items:center;width:17px;height:17px;font:900 8px/1 ui-monospace,monospace;display:grid;box-shadow:0 2px 7px #00000080}
.game-card.is-battlefield-card .equipment-strip{position:absolute;bottom:24px;left:3px}
.card-spent-mask{background:linear-gradient(160deg,#6a716f4a,#0d111080)}
@media  (orientation:landscape) and (height<=650px),(orientation:landscape) and (width<=1180px){.game-shell{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;padding:0 1px calc(74px + env(safe-area-inset-bottom));overflow:hidden}
.game-shell .board-card-wrap{min-width:0;height:100%;max-height:100%;margin:0;transform:none}
.game-shell .board-card-wrap .game-card{border-radius:3px;width:100%;height:100%;min-height:0;max-height:100%}
.game-shell .game-card.is-battlefield-card .card-name,.game-shell .game-card.is-battlefield-card .card-topline,.game-shell .game-card.is-battlefield-card .card-footer em{display:none!important}
.game-shell .game-card.is-battlefield-card .card-art{border:0;min-height:0;margin:0;position:absolute;inset:0;display:block!important}
.game-shell .game-card.is-battlefield-card .card-art img{object-fit:cover;object-position:center 34%;width:100%;height:100%;min-height:0}
.game-shell .game-card.is-battlefield-card .card-art small{background:#070a0ab8;padding:2px;font-size:4px;display:block;inset:2px 2px auto auto}
.game-shell .game-card.is-battlefield-card .card-footer{z-index:23;background:0 0;justify-content:space-between;padding:0;position:absolute;inset:auto 2px 2px;display:flex!important}
.game-shell .game-card.is-battlefield-card .card-stat{background:#060909e0;border:1px solid #eedcb29e;border-radius:4px;place-items:center;min-width:18px;height:18px;padding:0 3px;display:grid;box-shadow:0 2px 5px #0000008c}
.game-shell .game-card.is-battlefield-card .card-stat b{background:0 0;width:auto;min-width:0;height:auto;font-size:8px;display:block}
.game-shell .game-card.is-battlefield-card .equipment-strip{bottom:21px;left:2px}
.game-shell .game-card.is-battlefield-card .equipment-strip i{width:13px;height:13px;font-size:6px}}
@media  (prefers-reduced-motion:reduce){.card-stat-change{animation:none!important}}
.board-card-wrap:not([data-dragging]){transform-origin:50% 68%;animation:6.8s linear -1.15s infinite board-card-lilt}
@media  (hover:none) and (pointer:coarse) and (width<=1400px){html,body{overscroll-behavior:none}
.game-shell{--fold-hand-height:clamp(92px,16vh,126px);width:100%;position:fixed;inset:0;height:var(--schism-viewport-height,100dvh)!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden!important}
.game-shell .game-card.is-battlefield-card .card-name,.game-shell .game-card.is-battlefield-card .card-topline,.game-shell .game-card.is-battlefield-card .card-footer em{display:none!important}
.game-shell .game-card.is-battlefield-card .card-art{border:0;min-height:0;margin:0;position:absolute;inset:0;display:block!important}
.game-shell .game-card.is-battlefield-card .card-art img{object-fit:cover;object-position:center 34%;width:100%;height:100%;min-height:0}
.game-shell .game-card.is-battlefield-card .card-art small{background:#070a0abd;padding:2px;font-size:4px;display:block;inset:2px 2px auto auto}
.game-shell .game-card.is-battlefield-card .card-footer{z-index:23;background:0 0;border:0;justify-content:space-between;padding:0;position:absolute;inset:auto 2px 2px;display:flex!important}
.game-shell .game-card.is-battlefield-card .card-stat{background:#060909e6;border:1px solid #eedcb2a3;border-radius:4px;place-items:center;min-width:18px;height:18px;padding:0 3px;box-shadow:0 2px 5px #0000008c;display:grid!important}
.game-shell .game-card.is-battlefield-card .card-stat b{background:0 0;width:auto;min-width:0;height:auto;font-size:8px;display:block}}
@media  (hover:none) and (pointer:coarse) and (orientation:landscape) and (width<=1400px){.game-shell{--fold-hand-height:clamp(82px,15vh,112px)}
.game-shell .game-card.is-battlefield-card .card-name{display:none!important}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width<=900px){.game-shell{--fold-hand-height:clamp(104px,16vh,132px)}
.game-shell .game-card.is-battlefield-card .card-stat{width:15px;min-width:15px;height:15px;padding:0}
.game-shell .game-card.is-battlefield-card .card-stat b{font-size:7px}}
@media  (prefers-reduced-motion:reduce){.board-card-wrap:not([data-dragging]){animation:none!important}}
@media  (hover:none) and (pointer:coarse) and (width<=1400px){.game-shell{--fold-hand-height:clamp(154px,18vh,220px);--fold-helix-track:clamp(148px,24vw,300px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width>=901px) and (width<=1400px){.game-shell{--fold-hand-height:clamp(188px,17vh,244px);--fold-helix-track:clamp(280px,27vw,380px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width<=900px){.game-shell{--fold-hand-height:clamp(150px,20vh,190px);--fold-helix-track:clamp(148px,40vw,250px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:landscape) and (width<=1400px){.game-shell{--fold-hand-height:clamp(104px,21vh,152px);--fold-helix-track:clamp(88px,min(18vw,23vh),210px)}}
@media  (hover:none) and (pointer:coarse) and (width<=1400px){html,body{width:100%;min-height:100%}
.game-shell{--v061-hand-card-width:clamp(92px,min(12vw,27vh),132px);--v061-hand-overlay-height:clamp(146px,39vh,190px);--v061-helix-track:clamp(94px,min(15vw,27vh),170px);--v061-board-card-max-height:min(43vh,240px);width:100%;position:fixed;inset:0;height:var(--schism-viewport-height,100dvh)!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden!important}
.game-shell .game-card.is-battlefield-card .card-name,.game-shell .game-card.is-battlefield-card .card-topline,.game-shell .game-card.is-battlefield-card .card-footer>em{display:none!important}
.game-shell .game-card.is-battlefield-card .card-art{border:0;min-height:0;margin:0;position:absolute;inset:0;display:block!important}
.game-shell .game-card.is-battlefield-card .card-art img{object-fit:cover;object-position:center 34%;width:100%;height:100%;min-height:0}
.game-shell .game-card.is-battlefield-card .card-art small{text-shadow:0 1px 3px #000;background:0 0;border:0;padding:0;font-size:4px;inset:2px 2px auto auto}
.game-shell .game-card.is-battlefield-card .card-footer{z-index:23;background:0 0;border:0;justify-content:space-between;align-items:flex-end;padding:0;position:absolute;inset:auto 3px 3px;display:flex!important}
.game-shell .game-card.is-battlefield-card .card-stat{width:auto;min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid!important}
.game-shell .game-card.is-battlefield-card .card-stat b{color:#fff3d8;text-shadow:-1px -1px #07100e,1px -1px #07100e,-1px 1px #07100e,1px 1px #07100e,0 2px 5px #000;background:0 0;border:0;width:auto;min-width:0;height:auto;padding:0;font-size:clamp(11px,1.45vw,16px);display:block}
.game-shell .game-card.is-battlefield-card .card-stat--power b{color:#ffd78f}
.game-shell .game-card.is-battlefield-card .card-stat--health b{color:#ffb4a7}
.game-shell .game-card.is-battlefield-card .equipment-strip{bottom:20px;left:2px}}
@media  (hover:none) and (pointer:coarse) and (orientation:landscape) and (width<=1400px){.game-shell{--v061-hand-card-width:clamp(92px,min(12vw,27vh),132px);--v061-hand-overlay-height:clamp(146px,39vh,190px);--v061-helix-track:clamp(94px,min(15vw,27vh),170px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width>=600px) and (width<=1400px){.game-shell{--v061-hand-card-width:clamp(112px,14vw,150px);--v061-hand-overlay-height:clamp(190px,23vh,250px);--v061-helix-track:clamp(120px,15vw,150px);--v061-board-card-max-height:min(31vh,280px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width<=599px){.game-shell{--v061-hand-card-width:clamp(86px,23vw,108px);--v061-hand-overlay-height:clamp(146px,22vh,188px);--v061-helix-track:clamp(70px,19vw,96px);--v061-board-card-max-height:min(31vh,250px)}
.game-shell .game-card.is-battlefield-card .card-stat b{font-size:10px}}
.board-card-wrap:not([data-dragging]){animation:v062-card-lilt 6.8s cubic-bezier(.45,0,.55,1) var(--card-float-delay,0s) infinite;transform-style:preserve-3d;will-change:transform,translate,rotate}
.board-card-wrap:hover,.board-card-wrap:focus-within{animation-play-state:paused}
.game-shell .game-card.has-art{border-color:var(--era)}
@supports  (color:color-mix(in lab, red, red)){.game-shell .game-card.has-art{border-color:color-mix(in srgb,var(--era) 72%,#28302e)}}
.game-shell .game-card.has-art{border-top-width:2px;border-top-color:var(--era)}
@supports  (color:color-mix(in lab, red, red)){.game-shell .game-card.has-art{border-top-color:color-mix(in srgb,var(--era) 88%,#fff0c8)}}
.game-shell .game-card.has-art .card-art small{color:var(--era)}
@supports  (color:color-mix(in lab, red, red)){.game-shell .game-card.has-art .card-art small{color:color-mix(in srgb,var(--era) 76%,#fff4d8)}}
.game-shell .game-card.has-art .card-art small{font-weight:950}
.game-shell .game-card.is-battlefield-card .card-stat{isolation:isolate;position:relative}
.game-shell .game-card.is-battlefield-card .card-stat b{background:0 0;border:0}
.game-shell .game-card.is-battlefield-card .card-stat:before{content:"";z-index:-1;filter:drop-shadow(0 2px 3px #000000b8);pointer-events:none;background:#070a0ad1;position:absolute;inset:-2px}
.game-shell .game-card.is-battlefield-card .card-stat--power:before{clip-path:polygon(44% 0,56% 0,60% 52%,88% 61%,88% 72%,59% 68%,57% 100%,43% 100%,41% 68%,12% 72%,12% 61%,40% 52%);background:linear-gradient(90deg,#382813,#dba952 45% 55%,#382813);inset:-4px -3px;transform:rotate(38deg)}
.game-shell .game-card.is-battlefield-card .card-stat--health:before{clip-path:polygon(50% 0,94% 16%,88% 66%,50% 100%,12% 66%,6% 16%);background:linear-gradient(145deg,#9c4139,#311616 72%);box-shadow:inset 0 0 0 1px #ffc0b294}
.game-shell .game-card.is-battlefield-card .card-stat b{z-index:1;position:relative}
@media  (hover:none) and (pointer:coarse) and (width<=1400px){.game-shell{--v061-helix-track:clamp(118px,min(18vw,36vh),190px);--v062-structure-depth:clamp(40px,8.5vh,64px)}
.game-shell .game-card.is-battlefield-card .card-stat{width:clamp(16px,2.25vw,24px);min-width:clamp(16px,2.25vw,24px);height:clamp(18px,2.5vw,26px)}
.game-shell .game-card.is-battlefield-card .card-stat b{z-index:1;color:#fff3d8;position:relative}}
@media  (hover:none) and (pointer:coarse) and (orientation:landscape) and (width<=1400px){.game-shell{--v061-helix-track:clamp(118px,min(18vw,36vh),190px);--v062-structure-depth:clamp(34px,10vh,46px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width>=600px) and (width<=1400px){.game-shell{--v061-helix-track:clamp(136px,18vw,172px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width<=599px){.game-shell{--v061-helix-track:clamp(108px,29vw,128px);--v062-structure-depth:clamp(44px,7.5vh,58px)}}
@media  (prefers-reduced-motion:reduce){.board-card-wrap{animation:none!important;transform:translate(0)rotate(0)!important}}
.game-shell .game-card.is-battlefield-card .card-footer{inset:auto 6px 6px}
.game-shell .game-card.is-battlefield-card .card-stat{isolation:isolate;width:24px;min-width:24px;height:24px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;position:relative;overflow:visible;display:grid!important}
.game-shell .game-card.is-battlefield-card .card-stat:before{filter:drop-shadow(0 2px 3px #000000b8);inset:0!important;transform:none!important}
.game-shell .game-card.is-battlefield-card .card-stat--power:before{clip-path:polygon(50% 0,94% 50%,50% 100%,6% 50%);background:linear-gradient(145deg,#f0bd61 0 18%,#68451c 22% 72%,#24180d 100%);box-shadow:inset 0 0 0 1px #ffe09da8}
.game-shell .game-card.is-battlefield-card .card-stat--health:before{clip-path:polygon(50% 0,94% 16%,88% 66%,50% 100%,12% 66%,6% 16%);background:linear-gradient(145deg,#b84e43,#3a1817 72%);box-shadow:inset 0 0 0 1px #ffcabca8;inset:0!important}
.game-shell .game-card.is-battlefield-card .card-stat b{z-index:1;color:#fff5df;text-shadow:0 1px 3px #000;font-size:11px;position:relative}
.game-shell .game-card .card-state-visuals{z-index:19;width:auto;height:auto;position:absolute!important;inset:0!important}
.game-shell .game-card.is-spent{filter:saturate(.76)brightness(.98)}
.game-shell .card-spent-mask{background:linear-gradient(160deg,#8289861f,#0c100f40);box-shadow:inset 0 0 0 1px #dce3de1f}
.game-shell .game-card.is-battlefield-card.is-spent .card-art img{filter:brightness(1.01)saturate(.86)grayscale(.12)}
@media  (hover:none) and (pointer:coarse) and (width<=1400px){.game-shell{--v063-hand-bottom:2px;--v062-structure-depth:clamp(52px,10.5vh,78px);--v063-structure-clearance:calc(var(--v061-hand-overlay-height) + var(--v063-hand-bottom) + 8px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:landscape) and (width<=1400px){.game-shell{--v062-structure-depth:clamp(48px,13vh,66px)}}
@media  (hover:none) and (pointer:coarse) and (orientation:portrait) and (width<=599px){.game-shell{--v061-helix-track:clamp(116px,31vw,138px);--v061-hand-card-width:clamp(78px,22vw,96px);--v061-hand-overlay-height:clamp(132px,21vh,164px);--v063-hand-bottom:48px;--v062-structure-depth:clamp(58px,8.5vh,76px)}
.game-shell .game-card.is-battlefield-card .card-stat{width:19px;min-width:19px;height:19px}
.game-shell .game-card.is-battlefield-card .card-stat b{font-size:9px}}
.battle-glyph{vertical-align:middle;flex:none;width:18px;height:18px;display:inline-block;overflow:visible}
.stat-caret{font:900 23px/1 system-ui,sans-serif}
.stat-caret.is-buffed{color:#a3e0a6}
.archive-scroll-window{overscroll-behavior:contain;flex:1;min-height:0;padding:12px clamp(16px,4vw,60px);overflow:auto}
.creed-symbol{vertical-align:middle;align-items:center;gap:.4em;line-height:1.1;display:inline-flex}
.creed-symbol>svg{width:1.35em;min-width:1.35em;height:1.35em;overflow:visible}
.game-card .card-art>small{z-index:2}
.archive-secondary-creeds{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:26px 0;display:grid}
.archive-secondary-creeds>header{grid-column:1/-1}
.archive-secondary-creeds h2,.archive-secondary-creeds h3{color:#e1c896;font-family:Georgia,serif}
.archive-secondary-creeds article{border-top:2px solid var(--creed);background:#14212688;padding:18px}
.archive-secondary-creeds p{color:#c4ceca;font-size:14px;line-height:1.65}
.archive-secondary-creeds h3{align-items:center;gap:10px;margin:0 0 12px;display:flex}
.journey-atlas{flex:1 0 auto;order:2;min-height:0}
.journey-compass{color:#d8c497;border-block:1px solid #ccb88944;justify-content:space-between;align-items:center;gap:14px;padding:6px 22px;display:flex}
.journey-compass>span{letter-spacing:.15em;font-size:11px}
.journey-viewport{overscroll-behavior-x:contain;scrollbar-color:#b5a075 #102d36;scrollbar-width:thin;touch-action:pan-x pan-y;width:100%;height:clamp(320px,50dvh,630px);overflow:auto hidden}
.journey-painting{width:max(100%,3*clamp(320px,50dvh,630px));height:100%;position:relative}
.journey-painting>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}
.journey-route{color:#f1d69b;filter:drop-shadow(0 1px 2px #061e26);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.journey-painting ol{margin:0;padding:0;list-style:none}
.journey-painting li{position:absolute;transform:translate(-50%,-50%)}
.journey-marker{color:#e3d8bd;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;width:130px;padding:6px;display:grid}
.journey-marker>b{background:#18303af0;border:1px solid #c9b687;border-radius:50%;place-items:center;width:44px;height:44px;font:17px Georgia,serif;display:grid;box-shadow:0 3px 12px #0007}
.journey-marker>span{background:#081e28d9;border-radius:3px;padding:5px 8px;font:14px/1.3 Georgia,serif}
.journey-marker.is-selected>b{color:#192c32;background:#f0d49a;box-shadow:0 0 0 5px #f0d49a33,0 0 30px #efc88266}
.journey-marker:focus-visible{outline-offset:4px;outline:2px solid #f3ddb0}
.journey-encounter{background:linear-gradient(110deg,#233536,#10262d);border-top:1px solid #d3b97d77;grid-template-columns:minmax(160px,.8fr) minmax(200px,1.4fr) auto;align-items:center;gap:24px;padding:22px 28px;display:grid}
.journey-encounter h2{color:#efdfbc;margin:8px 0 0;font:clamp(22px,2.5vw,32px)/1.1 Georgia,serif}
.journey-encounter small{color:#c1b28e;letter-spacing:.05em;font-size:11px}
.journey-encounter p{color:#d7e0d9;margin:0 0 8px;font-size:14px;line-height:1.55}
@media  (width<=680px){.archive-secondary-creeds{grid-template-columns:1fr;gap:12px}
.journey-compass{padding-inline:10px}
.journey-compass>span:first-child{display:none}
.journey-compass>span:last-child{letter-spacing:.04em;font-size:9px}
.journey-encounter{grid-template-columns:1fr;gap:12px;padding:18px}
.journey-viewport{height:340px}
.journey-painting{width:max(100%,1020px)}}
@media  (prefers-reduced-motion:reduce){.journey-viewport{scroll-behavior:auto}}
.journey-viewport{cursor:grab}
.journey-viewport:active{cursor:grabbing}
.journey-voyage{pointer-events:none;position:absolute;inset:0;overflow:visible}
.journey-voyage-ship{transform-origin:50% 80%;will-change:transform;filter:drop-shadow(0 3px 3px #081c2580);width:110px;height:74px;margin:-60px 0 0 -55px;position:absolute}
.journey-voyage-ship img{object-fit:contain;width:100%;height:100%}
.journey-voyage-current{pointer-events:none;width:190px;height:78px;margin:-39px 0 0 -95px;position:absolute}
.journey-voyage-wake{transform-origin:100%;background:radial-gradient(#d3e5d478,#92cec543 35%,#0000 72%);border-radius:50%;width:65px;height:10px;margin:0 0 0 -67px;position:absolute}
.journey-painting li{z-index:2}
.journey-marker.is-selected>b{opacity:.25}
@media  (prefers-reduced-motion:reduce){.journey-voyage-wake,.journey-voyage-current{display:none}}
.community-preview{color:#e9e2d2;background:#070f11;font-family:Georgia,serif;overflow-x:hidden}
.community-hero{isolation:isolate;place-items:center;height:95svh;min-height:650px;max-height:1100px;display:grid;position:relative}
.community-hero-art{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}
.community-hero:after{content:"";z-index:-1;background:linear-gradient(#07101520 25%,#07101530 60%,#070f11);position:absolute;inset:0}
.community-hero-copy{text-align:center;margin-top:14vh}
.community-hero h1{margin:0}
.community-hero h1 img{filter:drop-shadow(0 8px 26px #000c);width:min(78vw,960px)}
.community-hero p{letter-spacing:.32em;color:#ece5d1;text-shadow:0 2px 7px #000;font:600 clamp(11px,1.4vw,18px)/1.6 system-ui}
.community-scroll{color:#e6c17e;place-items:center;width:50px;height:65px;margin-top:8vh;font-size:36px;text-decoration:none;display:inline-grid}
.community-odyssey>header,.community-voyage>header{text-align:center;max-width:1000px;margin:50px auto 45px;padding:0 22px}
.community-preview header>span{letter-spacing:.2em;color:#bd9b67;font:600 12px/1.5 system-ui}
.community-preview h2{margin:18px 0;font:400 clamp(34px,4.8vw,70px)/1.08 Georgia}
.community-preview header>p{color:#b5c3bf;font:400 18px/1.6 Georgia}
.community-board-frame{max-width:1500px;margin:0 auto;padding:0 24px}
.community-board{aspect-ratio:16/9;isolation:isolate;pointer-events:none;background:#0b161b;border:1px solid #b8a27766;border-radius:14px;overflow:hidden;box-shadow:0 20px 100px #000b;container-type:inline-size;height:auto!important;min-height:0!important;position:relative!important}
.community-board-painting{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}
.community-board-heading{background:linear-gradient(#041315d9,#0000);justify-content:space-between;align-items:center;gap:20px;height:14%;padding:0 3%;display:flex;position:absolute;inset:0 0 auto}
.community-board-heading>img{width:18%}
.community-board-heading>div{text-align:center;gap:6px;display:grid}
.community-board-heading b{color:#e8e7d7;font:400 2.1cqw/1.1 Georgia}
.community-board-heading span{letter-spacing:.07em;color:#d7c38f;font:600 .85cqw/1.4 system-ui}
.community-board-mark{text-align:right;width:18%;font:400 3cqw Georgia!important}
.community-board-lanes{grid-template-columns:1fr 1fr;gap:12%;display:grid;position:absolute;inset:14% 7% 17%}
.community-board-lane{grid-template-rows:1fr 1fr;gap:15%;display:grid;position:relative}
.community-lane-name{color:#e4e5cd;background:#102f32bb;border:1px solid #d7c38244;border-radius:8px;padding:4px 16px;font:600 1.3cqw system-ui;position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}
.community-rank{justify-content:center;align-items:center;gap:6%;padding-top:8%;display:flex}
.community-rank.is-player{align-items:end;padding-top:0}
.community-rank .board-card-wrap{aspect-ratio:2/3;width:29%;max-width:135px;min-width:0!important;height:auto!important;animation:none!important}
.community-board .game-card{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;font-size:1cqw!important}
.community-board .game-card img{object-fit:cover}
.community-board-hand{justify-content:center;width:27%;height:32%;display:flex;position:absolute;bottom:-10%;left:37%}
.community-board-hand>div{width:34%;height:100%;transform:translateX(calc(var(--fan)*48%)) rotate(calc(var(--fan)*8deg));transform-origin:50% 140%;position:absolute}
.community-board-hand .game-card{width:100%!important;height:100%!important}
.community-health{text-shadow:0 2px 5px #000;font-size:3cqw;position:absolute;bottom:5%;left:4%}
.community-health>span{color:#f3a09a}
.community-health small{letter-spacing:.1em;color:#e4d8b2;font:600 .8cqw system-ui;display:block}
.community-song{pointer-events:none;position:absolute;inset:27% 20% 28%;transform:rotate(-13deg)}
.community-song i{border:1px solid #b8e4e533;border-radius:50%;animation:6s ease-out infinite community-song;position:absolute;inset:0}
.community-song i:nth-child(2){animation-delay:2s}
.community-song i:nth-child(3){animation-delay:4s}
@keyframes community-song{0%{opacity:0;transform:scale(.45)}30%{opacity:.8}to{opacity:0;transform:scale(1.4)}}
.community-board-frame figcaption{letter-spacing:.13em;color:#ac9775;justify-content:space-between;gap:15px;padding:16px 3px;font:600 10px/1.5 system-ui;display:flex}
.community-board-frame figcaption span{color:#839a99;letter-spacing:.02em;font-weight:400}
.community-voyage{max-width:1600px;margin:110px auto 0}
.community-voyage .journey-atlas{background:0 0;border:0}
.community-voyage .journey-viewport{max-height:570px}
.community-voyage .journey-encounter{min-height:140px;padding:30px 5%}
.community-voyage .journey-encounter h2{font-size:30px}
.community-invitation{text-align:center;background:radial-gradient(at bottom,#24424750,#0000 70%);padding:100px 20px 90px}
.community-invitation>img{width:200px;margin-bottom:30px}
.community-invitation>div{letter-spacing:.09em;justify-content:center;align-items:center;gap:32px;font:500 clamp(16px,2.6vw,28px) Georgia;display:flex}
.community-invitation strong{color:#d1bd94;font-weight:400}
.community-invitation a{color:#eff0df;border-bottom:1px solid #c3a36f88;padding-bottom:6px;text-decoration:none}
.community-invitation p{color:#90a9a7;margin-top:35px}
.community-lore .archive-screen{min-height:100svh;height:auto!important;max-height:none!important}
.community-lore .archive-scroll-window{height:auto!important;max-height:none!important;overflow:visible!important}
.community-lore .onboarding-header img{width:180px}
.community-deck-teaser{color:#d7dfd5;max-width:1280px;margin:80px auto;padding:30px}
.community-deck-teaser header{max-width:750px}
.community-deck-teaser h2{font:400 42px Georgia}
.community-deck-teaser p{color:#b9c8c0;line-height:1.7}
.community-deck-filters{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}
.community-deck-filters span{border:1px solid #baa57950;border-radius:20px;padding:8px 14px;font:500 12px system-ui}
.community-deck-art{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}
.community-deck-art img{border-radius:7px;width:100%;box-shadow:0 6px 18px #0008}
.community-deck-teaser>a{color:#ddc58e;margin-top:28px;display:inline-block}
@media  (width<=700px){.community-hero{height:82svh;min-height:520px}
.community-hero-art{object-position:57% 50%}
.community-hero h1 img{width:94vw}
.community-hero p{letter-spacing:.18em;font-size:10px}
.community-odyssey>header{margin-top:10px}
.community-board-frame{padding:0 8px}
.community-board{aspect-ratio:4/3}
.community-board-lanes{gap:8%;inset:15% 4% 18%}
.community-rank .board-card-wrap{width:31%;max-width:none}
.community-board-heading b{font-size:2.5cqw}
.community-board-heading span{font-size:1.1cqw}
.community-voyage{margin-top:65px}
.community-preview .journey-compass{padding:15px 12px}
.community-invitation{padding:65px 15px}
.community-invitation>div{gap:18px}
.community-deck-art{grid-template-columns:repeat(3,1fr)}
.community-board-frame figcaption{font-size:8px}}
@media  (prefers-reduced-motion:reduce){.community-song i{opacity:.2;animation:none}}
.journey-marker{text-decoration:none;display:grid;place-items:center}.journey-viewport{touch-action:pan-x pan-y;scrollbar-width:thin}.journey-compass{gap:20px}.journey-compass span:last-child{font-size:11px}.promo-creed{border:1px solid #484b42;background:#0c1011}.promo-creed summary{cursor:pointer;list-style:none}.promo-creed summary::-webkit-details-marker{display:none}.promo-creed[open]{box-shadow:inset 0 3px var(--creed)}.promo-creed[open]>summary em{transform:rotate(45deg)}.promo-card{margin-top:20px;border:1px solid #65553c}.promo-card summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:8px}.promo-card summary img{width:64px;height:90px;object-fit:cover}.promo-card summary span{display:grid;gap:7px}.promo-card small{color:#bcab84;font:600 9px system-ui}.promo-card strong{font:500 15px Georgia}.promo-card em{color:#b5c7bd;font:400 11px system-ui}.promo-card>div{padding:18px}.promo-card>div p{font:400 13px/1.6 Georgia}.promo-card blockquote{margin:10px 0;font-style:italic}.onboarding-brand{text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #e8c581;outline-offset:4px}.community-board .game-card{text-align:initial;cursor:default}.community-board .game-card>img{max-width:100%}

/* In-place promotional navigation. Panels share a stable height to avoid page jumps. */
.promo-chapters,.promo-eras{display:grid}
.promo-chapters>.promo-chapter,.promo-eras>.promo-era{grid-area:1/1;display:grid;visibility:hidden;pointer-events:none}
.promo-chapters>.promo-chapter.is-active,.promo-eras>.promo-era.is-active{visibility:visible;pointer-events:auto}
.promo-era{min-height:370px}
.journey-navigation{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0}
.journey-navigation button{display:grid;place-items:center;background:#173039;border:1px solid #bba47466;border-radius:50%;color:#efd8a8;width:44px;height:44px;padding:0;font:24px Georgia;cursor:pointer}
.journey-navigation button:disabled{opacity:.3;cursor:default}
.journey-navigation span{min-width:116px;text-align:center;color:#d8c497;font:600 13px system-ui;letter-spacing:.05em}
.journey-voyage-ship{transition:left .45s ease,top .45s ease}
.journey-marker{font-family:Georgia,serif}
.journey-marker.is-selected>b{opacity:.35}
.era-spindle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;isolation:isolate;padding:24px 8px 18px;gap:0;border-bottom:1px solid #b6a17b33}
.era-spindle:before{content:"";position:absolute;z-index:-1;top:46px;left:8.3%;right:8.3%;height:3px;background:var(--era-timeline)}
.era-spindle button{position:relative;display:grid;justify-items:center;align-content:start;gap:12px;min-width:0;background:none;border:0;padding:0 3px;color:#9ca9a3;cursor:pointer;font:14px Georgia,serif}
.era-spindle button i{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--era);border-radius:50%;background:#101516;color:var(--era);font:16px Georgia,serif;transition:background .18s,color .18s}
.era-spindle button.is-active{color:#f1e7d4}
.era-spindle button.is-active i{background:var(--era);color:#080e10;box-shadow:0 0 0 5px color-mix(in srgb,var(--era) 22%,transparent)}
.era-feature small{font-size:12px}
.era-feature p{font-size:16px}
.community-deck-art{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px}
.community-deck-art figure{margin:0;min-width:0;border:1px solid #bba47455;border-radius:7px;overflow:hidden;background:#101b1d;box-shadow:0 6px 18px #0008}
.community-deck-art figure img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:0;box-shadow:none}
.community-deck-art figcaption{min-height:64px;display:flex;align-items:center;justify-content:center;padding:12px 9px;text-align:center;color:#e9dbba;font:16px/1.3 Georgia,serif}
button:focus-visible{outline:2px solid #e8c581;outline-offset:4px}
@media(width<=700px){.community-deck-art{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-deck-teaser{padding:16px}.community-preview .journey-compass{flex-wrap:wrap;justify-content:center}.community-preview .journey-compass>span:last-child{font-size:12px}.era-spindle{padding-inline:0}.era-spindle button{font-size:12px;gap:14px}.era-spindle button i{width:36px;height:36px}.era-spindle:before{top:42px}.era-feature h3{font-size:38px}.era-feature>div:last-child{padding:24px}.community-deck-art figcaption{font-size:15px}}
@media(prefers-reduced-motion:reduce){.journey-voyage-ship,.era-spindle button i{transition:none}}

/* Preview tableau: simple glyphs and readable values, without live-board badge layers. */
.community-board.game-shell .game-card .card-stat::before,
.community-board.game-shell .game-card .card-stat::after{content:none!important;display:none!important}
.community-board.game-shell .game-card .card-footer{gap:6%;align-items:center;inset:auto 5% 5%;border:0;background:none;padding:0}
.community-board.game-shell .game-card .card-stat{display:inline-flex!important;align-items:center;justify-content:center;gap:.28cqw;width:auto;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.community-board.game-shell .game-card .card-stat .battle-glyph{width:1.45cqw;height:1.45cqw;flex:0 0 auto;filter:drop-shadow(0 1px 2px #000)}
.community-board.game-shell .game-card .card-stat b{color:#fff1d7;font:700 clamp(8px,1.4cqw,19px)/1 Georgia,serif;text-shadow:0 1px 3px #000;min-width:0;width:auto;height:auto;margin:0;padding:0}
.community-board.game-shell .game-card .card-stat--power{color:#e6b668}
.community-board.game-shell .game-card .card-stat--health{color:#ed928c}
.community-board.game-shell .game-card .card-stat b.is-buffed{color:#b5dfa7}
.community-board .community-health{display:grid;justify-items:center;gap:.35cqw;color:#f5e7cf;left:4%;bottom:4%;text-shadow:0 1px 4px #000}
.community-health .community-health-value{display:flex;align-items:center;gap:.65cqw;color:#f5e7cf}
.community-health-value svg{width:2cqw;height:2cqw;color:#ee9e99;filter:drop-shadow(0 1px 3px #000)}
.community-health-value b{font:600 2.5cqw/1 Georgia,serif}
.community-board .community-health small{font:600 max(6px,.8cqw)/1.2 system-ui;letter-spacing:.1em;color:#dfcfaf}
.community-board-hand .game-card .card-name{font:600 1.05cqw/1.12 Georgia,serif;min-height:0;margin:.45cqw 0 0;padding:0;color:#fff1d7}
.community-board-hand .game-card .card-cost{width:1.8cqw;height:1.8cqw;margin:0;font:600 1.1cqw/1 Georgia,serif;color:#e4c38a}
.community-board-hand .game-card .card-topline{flex-shrink:0}
.community-board-frame figcaption{display:block;text-align:center;padding:14px 3px;color:#9eb0aa;font:400 12px/1.5 Georgia,serif;letter-spacing:.03em}