@font-face{font-family:dungeon-mode;src:url(/fonts/dungeon-mode.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--p-bg: #0b120e;--p-surface: #17221b;--p-card: #1a271f;--p-ink: #f3e8cf;--p-muted: #b8b49e;--p-accent: #d6a84f;--p-accent-ink: #0b120e;--p-action: #d6a84f;--p-action-ink: #0b120e;--p-inv-bg: #ead9b2;--p-inv-surface: #dfcb9c;--p-inv-ink: #110e08;--p-inv-muted: #4a4334;--p-inv-accent: #7a2e22;--p-inv-accent-ink: #f3e8cf;--p-inv-action: #1b1810;--p-inv-action-ink: #f3e8cf;--vermilion: #e0715e;--raised: #26352a;--apoy: #ec8a78;--tubig: #6fa8d6;--lupa: #8fbf6a;--hangin: #d9d2bf;--font-display: "dungeon-mode", "Chivo", system-ui, sans-serif;--font-text: "Chivo", system-ui, sans-serif;--font-mono: "Chivo", system-ui, sans-serif;--display-weight: 400;--display-tracking: 0;--display-tracking-xl: 0;--ly-scale: 1}.brand-mark,.brand-word,.hero-wordmark,.duel__fighter img,.duel__card img,.suit__card img,.diorama__cast img,.almanac__portrait img,.sprite img,.shelf__icon img{image-rendering:pixelated}h1,h2,.almanac__name,.duel__hand-name{font-family:var(--font-display);font-weight:400;letter-spacing:0;line-height:1.15}h2{font-size:clamp(22px,1.2vw + 17px,36px)}.nav__logo--brand{display:inline-flex;align-items:center;gap:var(--s-3)}.nav__logo--brand .brand-mark{width:28px;height:28px}.nav__logo--brand .brand-word{height:32px;width:auto}@media(max-width:639px){.nav .nav__logo--brand .brand-word{height:24px}.nav .nav__logo--brand{gap:var(--s-2)}}@media(max-width:359px){.nav .nav__logo--brand .brand-mark{display:none}}.hero-wordmark{display:block;width:min(560px,100%,56vh);height:auto;margin:0 0 var(--s-5)}.hero--photo h1{font-size:clamp(28px,2vw + 18px,48px);max-width:16ch}@media(min-width:1024px)and (max-width:1279px){.hero--photo .hero__text{max-width:560px}}.hero--photo .hero__lead{max-width:44ch}.hero--photo>.hero__bg{filter:brightness(.72) saturate(.95)}.hero--layers{position:relative;color:#fff;--ink: #ffffff;--muted: rgb(255 255 255 / .82);--line: rgb(255 255 255 / .4);--line-strong: rgb(255 255 255 / .7);--bg: rgb(12 17 13 / .8);--action: var(--p-action);--action-ink: var(--p-action-ink)}.hero--layers>.hero__scene{position:absolute;inset:0;overflow:clip;background:#0b120e}.hero--layers .hero__layer{position:absolute;left:0;width:100%;object-fit:cover;filter:brightness(.72) saturate(.95)}.hero--layers .hero__layer[data-speed="0.30"]{top:-30%;height:130%;object-position:50% 42%}.hero--layers .hero__layer[data-speed="0.18"]{top:-18%;height:118%;object-position:50% 100%}.hero--layers .hero__layer[data-speed="0.08"]{top:-8%;height:108%;object-position:50% 100%}.hero--layers h1{font-size:clamp(28px,2vw + 18px,48px);max-width:16ch}.hero--layers .hero__lead{max-width:44ch}.hero--layers>.wrap>.hero-text{display:flex;flex-direction:column;justify-content:center}.hero--layers .hero__text{width:calc(50% - var(--gutter) / 2)}@media(max-width:1023px){.hero--layers>.wrap{position:relative}.hero--layers .hero__text{width:100%;padding:var(--s-6);background:linear-gradient(180deg,#060a0700,#060a0761 38%,#060a07c7);border-radius:var(--r-lg)}}@media(prefers-reduced-motion:no-preference){html.m-enter:not([data-motion=off]) .hero--layers .hero__scene{opacity:0;scale:1.05}html.m-enter.m-enter-done:not([data-motion=off]) .hero--layers .hero__scene{opacity:1;scale:1;transition:opacity .9s var(--m-in, ease),scale 1.2s var(--m-in, ease)}}@media(min-width:640px)and (max-width:1023px){.hero-wordmark{width:320px}}@media(max-width:639px){.hero-wordmark{width:min(300px,100%);margin-bottom:var(--s-3)}}.duel{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--line);isolation:isolate;padding:var(--s-5) var(--s-6) var(--s-5);display:grid;gap:var(--s-4)}.duel__bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:brightness(.55) saturate(.9)}.duel__stage{display:grid;grid-template-columns:1fr minmax(0,440px) 1fr;align-items:end;gap:var(--s-5)}.duel__fighter{position:relative;margin:0;display:grid;justify-items:center}.duel__fighter img{width:200px;height:200px;object-fit:contain}.duel__fighter--you img{transform:scaleX(-1)}.duel__readout{align-self:center;text-align:center;background:color-mix(in oklab,var(--p-bg) 88%,transparent);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-5)}.duel__hand-name{font-size:28px;color:var(--p-accent);margin:0;min-height:1.2em}.duel__math{margin:var(--s-1) 0 var(--s-4);color:var(--p-muted);font-size:var(--t-small);font-variant-numeric:tabular-nums}.duel__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}.duel__actions .duel__act{gap:var(--s-2);padding-inline:var(--s-3);justify-content:center;min-width:0}.duel__act b{font:400 18px/1 var(--font-display);font-variant-numeric:tabular-nums}.duel__act--attack b{color:var(--apoy)}.duel__act--defend b{color:var(--tubig)}.duel__act--special b{color:var(--p-accent)}.duel__act:disabled{opacity:.45;cursor:default}.duel__note{margin:var(--s-3) 0 0;font-size:var(--t-small);color:var(--p-ink)}.duel__hand{display:grid;grid-template-columns:repeat(8,minmax(0,112px));justify-content:center;gap:var(--s-3);padding-top:var(--s-4)}.duel__card{padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.duel__card img{transition:filter .2s,box-shadow .2s}.duel__card img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 6px #00000059}.duel__card:hover:not(:disabled) img{filter:brightness(1.12)}.duel__card[aria-pressed=true] img{outline:3px solid var(--p-accent);outline-offset:2px;box-shadow:0 0 0 6px color-mix(in oklab,var(--p-accent) 30%,transparent),0 6px #00000059}.duel__card:disabled{filter:brightness(.6);cursor:default}.duel.ui>.btn.duel__deal{position:absolute;right:var(--s-5);top:var(--s-4)}.duel__pop,.duel__shield{position:absolute;left:50%;top:30%;font:400 40px/1 var(--font-display);color:var(--apoy);text-shadow:0 3px 0 #000;opacity:0;pointer-events:none;transform:translate(-50%)}.duel__shield,.duel__pop[data-suit=tubig]{color:var(--tubig)}.duel__pop[data-suit=lupa]{color:var(--lupa)}.duel__pop[data-suit=hangin]{color:var(--hangin)}.duel__pop.is-on,.duel__shield.is-on{animation:duel-pop .9s cubic-bezier(.22,1,.36,1)}.duel__fighter img.is-hit{animation:duel-hit .4s steps(2) 2}.duel__fighter img.is-guard{animation:duel-guard .5s cubic-bezier(.22,1,.36,1)}.duel__card.is-dealt{animation:duel-deal .35s cubic-bezier(.22,1,.36,1)}@keyframes duel-pop{0%{opacity:0;transform:translate(-50%,12px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-56px)}}@keyframes duel-hit{50%{filter:brightness(2.2) sepia(1) hue-rotate(-40deg);translate:6px 0}}@keyframes duel-guard{50%{filter:brightness(1.4) drop-shadow(0 0 12px var(--tubig))}}@keyframes duel-deal{0%{opacity:0;translate:0 24px}}@media(prefers-reduced-motion:reduce){.duel__pop.is-on,.duel__shield.is-on{animation:none;opacity:1}.duel__fighter img.is-hit,.duel__fighter img.is-guard,.duel__card.is-dealt{animation:none}.duel__card,.duel__act{transition:none}}@media(max-width:1023px){.duel{padding:var(--s-5)}.duel__stage{grid-template-columns:1fr 1fr}.duel__readout{grid-column:1 / -1;grid-row:2}.duel__fighter img{width:144px;height:144px}.duel__hand{grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--s-2)}.duel.ui>.btn.duel__deal{position:static;justify-self:center}}@media(max-width:639px){.duel{padding:var(--s-4) var(--s-3);gap:var(--s-3)}.duel__fighter img{width:104px;height:104px}.duel__readout{padding:var(--s-3)}.duel__hand-name{font-size:22px}.duel__hand{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:var(--s-3)}}.suits{row-gap:var(--s-6)}.suit__card{display:grid;place-items:center;height:clamp(300px,22vw + 60px,400px);border-radius:var(--r-lg);background:var(--p-surface);border:1px solid var(--line);margin-bottom:var(--s-5);overflow:hidden}.suit__card img{width:auto;height:86%;max-width:80%;object-fit:contain;border-radius:10px;box-shadow:0 10px #00000059;transition:transform .35s cubic-bezier(.22,1,.36,1)}.suit:hover .suit__card img{transform:translateY(-6px)}.suit__title{margin:0 0 var(--s-2)}.suit p{margin:0;max-width:34ch}@media(max-width:1023px){.suit{grid-column:span 6}}.diorama__scene{position:relative;overflow:hidden}.diorama .panel--top.panel--wide{aspect-ratio:16 / 10}.diorama__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.diorama:hover .diorama__bg{transform:scale(1.03)}.diorama__cast{position:absolute;inset:auto 0 6%;display:flex;justify-content:center;align-items:flex-end;gap:0}.diorama__cast img{width:34%;height:auto;margin-inline:-2%;filter:drop-shadow(0 8px 0 rgb(0 0 0 / .4));transition:transform .35s cubic-bezier(.22,1,.36,1)}.diorama__cast img:nth-child(2){width:40%}.diorama:hover .diorama__cast img:nth-child(1){transform:translateY(-4px)}.diorama:hover .diorama__cast img:nth-child(2){transform:translateY(-8px)}.diorama:hover .diorama__cast img:nth-child(3){transform:translateY(-4px)}.diorama{display:flex;flex-direction:column}.diorama p:last-child{margin:0}.diorama .t-label{margin:0 0 var(--s-1);color:var(--p-accent)}.diorama h3{margin:0 0 var(--s-2)}@media(max-width:1023px){.diorama{grid-column:1 / -1}}@media(min-width:640px)and (max-width:1023px){.diorama .panel--top.panel--wide{aspect-ratio:16 / 7}}.almanac{align-items:start}.almanac__page{display:flex;flex-direction:row;align-items:center;gap:var(--s-5)}.almanac__portrait{position:relative;flex:none;width:240px;aspect-ratio:1;display:grid;place-items:center;background:var(--p-inv-surface);border-radius:var(--r-lg)}.almanac__portrait img{width:90%;height:auto;max-height:92%;object-fit:contain}.almanac__text{flex:1;min-width:0}.almanac__text .t-label{margin:0 0 var(--s-1);color:var(--p-inv-accent)}.almanac__name{font-size:28px;margin:0 0 var(--s-3)}.almanac__quote{margin:0;font-style:italic;max-width:46ch}.almanac__quote:before{content:"“"}.almanac__quote:after{content:"”"}.almanac__index .tabs{margin-bottom:var(--s-4)}.almanac__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2)}.almanac__entry{display:grid;justify-items:center;align-content:center;gap:var(--s-1);min-height:128px;padding:var(--s-2);font:500 14px/1.25 var(--font-text);color:var(--p-inv-ink);text-align:center;background:transparent;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s}.almanac__entry:hover{transform:translateY(-2px);background:var(--p-inv-surface)}.almanac__entry[aria-pressed=true]{background:var(--p-inv-surface);border-color:var(--p-inv-ink)}@media(max-width:1023px){.almanac__page,.almanac__index{grid-column:1 / -1}.almanac__portrait{width:150px}.almanac__quote{min-height:4.8em}.almanac__entry{min-height:112px}}@media(max-width:639px){.almanac__page{flex-direction:column;align-items:stretch;gap:var(--s-4)}.almanac__portrait{width:100%;aspect-ratio:auto;height:240px}.almanac__portrait img{width:auto;height:92%}.almanac__quote{min-height:6.4em}.almanac__grid{grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.almanac__entry{min-height:112px;font-size:13px}.almanac__index .tabs .tab{font-size:14px}}#map .t-lead{margin:0 0 var(--s-4)}.map-art{margin:0;aspect-ratio:4 / 3.4}.map-art img{object-position:70% 50%}@media(max-width:1023px){.map-art{aspect-ratio:16 / 10}}.map-key{list-style:none;margin:var(--s-5) 0 0;padding:0;display:grid;gap:var(--s-2)}.map-key li{display:flex;gap:var(--s-3);align-items:baseline;font-size:var(--t-small);line-height:1.5;color:var(--ink)}.map-key b{flex:none;min-width:10ch;font-weight:500;color:var(--p-accent);letter-spacing:.02em}@media(max-width:639px){#map .t-lead+p{display:none}.map-key{grid-template-columns:1fr 1fr}.map-key li{flex-direction:column;gap:2px}.map-key b{min-width:0}}.rite{display:flex;flex-direction:column}.rite h3{margin:0 0 var(--s-2)}.rite p{margin:0 0 var(--s-6)}.rite .panel{--p-h: 340px;height:var(--p-h);margin-top:auto;overflow:hidden}.rite .panel img{width:100%;height:100%;object-fit:cover}@media(min-width:640px)and (max-width:1023px){.rite{grid-column:1 / -1;display:grid;grid-template-columns:2fr 3fr;column-gap:var(--s-5);align-content:center;min-height:196px}.rite>.panel{grid-column:1;grid-row:1 / span 2;order:-1;height:auto;min-height:0;margin:calc(-1 * var(--c-pad) - 1px) 0 calc(-1 * var(--c-pad) - 1px) calc(-1 * var(--c-pad) - 1px)}.rite>h3,.rite>p{grid-column:2}.rite>p{margin:0}}@media(max-width:639px){.rite .panel{--p-h: 240px}}.shelf{align-items:start}.shelf__read{display:flex;flex-direction:column;gap:var(--s-5)}.shelf__icon{width:100%;aspect-ratio:16 / 9}.shelf__frame{padding:var(--s-4)}.shelf__frame .shelf__grid{width:100%}.shelf__icon img{width:136px;height:136px;object-fit:contain}.shelf__text .t-label{margin:0 0 var(--s-1);color:var(--p-accent)}.shelf__name{margin:0 0 var(--s-2)}.shelf__rule{margin:0;max-width:46ch;min-height:4.5em}.shelf__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--s-2)}.shelf__item{aspect-ratio:1;min-height:44px;display:grid;place-items:center;padding:10%;background:var(--p-bg);border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s}.shelf__item:hover{transform:translateY(-2px);border-color:var(--line)}.shelf__item[aria-pressed=true]{border-color:var(--p-accent);background:var(--raised)}@media(max-width:1023px){.shelf__read,.shelf__frame{grid-column:1 / -1}.shelf__read{flex-direction:row;align-items:center}.shelf__text{flex:1}.shelf__icon{flex:none;width:140px;aspect-ratio:1}.shelf__icon img{width:88px;height:88px}}@media(max-width:639px){.shelf__read{flex-direction:column;align-items:stretch;gap:var(--s-4)}.shelf__icon{width:100%;aspect-ratio:auto;height:160px}.shelf__grid{grid-template-columns:repeat(4,1fr)}}#landas .mo-wh__text{font:400 clamp(26px,1.4vw + 18px,40px)/1.35 var(--font-text);max-width:30ch;margin-top:var(--s-5)}#landas .mo-wh__text strong{font-weight:500}.landas{align-items:start}.landas__art{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4 / 5;max-height:600px}.landas__art img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:1024px){.landas__art{aspect-ratio:auto;height:400px}}@media(max-width:1023px){.landas>*{grid-column:1 / -1}.landas__art{aspect-ratio:16 / 10}.landas__art img{object-position:60% 30%}}.dda-frame{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--p-surface)}.dda-frame .panel{height:100%;min-height:460px}@media(max-width:639px){.dda-frame .panel{min-height:340px}#difficulty .t-lead+p{display:none}}#difficulty .t-lead{margin:0 0 var(--s-4)}.shots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;border-radius:var(--r-lg);overflow:hidden}.shots__item{display:block;overflow:hidden;grid-column:span 2;aspect-ratio:16 / 9}.shots__item--lead{grid-column:span 3;aspect-ratio:2 / 1}.shots__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.shots__item:hover img{transform:scale(1.03)}@media(min-width:640px)and (max-width:1023px){.shots__item--lead{grid-column:1 / -1;aspect-ratio:12 / 5}}@media(max-width:639px){#screens{--hm: 2}.shots{grid-template-columns:1fr}.shots__item,.shots__item--lead{grid-column:1 / -1;aspect-ratio:4 / 3}}.play-art{margin:0;aspect-ratio:16 / 9}.play-art .frame__img{object-position:50% 42%}@media(max-width:1023px){.play-art{aspect-ratio:16 / 10}}@media(max-width:639px){.play-art{aspect-ratio:4 / 3}}@media(min-width:1024px){main>#play>.wrap{align-content:stretch}#play .play-art{aspect-ratio:auto;height:100%;min-height:420px}}@media(max-width:1023px){#play .wrap{row-gap:var(--s-8)}}@media(max-width:639px){#play .span-5 .btn{width:100%}}.landas-path{align-self:stretch}.landas-path h3{margin:0 0 var(--s-2)}.landas-path h3 small{font:500 13px/1 var(--font-text);color:var(--muted);letter-spacing:.02em}.landas-path p{margin:0 0 var(--s-2)}.landas-path .t-label{margin:0 0 var(--s-1);color:var(--p-accent)}.meter{position:relative;display:block;margin:0 0 var(--s-3)}.meter svg{display:block;width:100%;height:20px}.meter__track{fill:var(--raised);stroke:var(--line-strong);stroke-width:1}.meter__cap--conquest{fill:var(--vermilion)}.meter__cap--mercy{fill:var(--p-accent)}.meter__dot{position:absolute;top:50%;left:var(--pos, 50%);translate:-50% -50%;width:16px;height:16px;border-radius:999px;background:var(--p-accent);border:3px solid var(--p-bg);box-shadow:0 0 0 1px var(--line-strong)}.faq-follow{display:grid;gap:var(--s-2);justify-items:start;margin-top:var(--s-2)}@media(max-width:639px){#faq .span-5 .btn{width:100%}}.section-head>.link{justify-self:start}.footer .nav__logo--brand .brand-word{height:36px}.closing__links .footer__lede{font:400 var(--t-lead)/1.5 var(--font-text);letter-spacing:0}@media(max-width:639px){.closing__links .grid>.footer__col{grid-column:span 4}.closing__links .grid>.footer__col h3{margin-bottom:var(--s-1)}}.footer__legal .credits summary{cursor:pointer}@media(min-width:1024px)and (max-width:1279px){#chapters .grid>.card.span-4,#deck .grid>.card.span-4{grid-column:auto / span 4}.rite .panel{--p-h: 220px}.suit__card{height:260px}}@media(min-width:640px)and (max-width:1023px){#chapters,#landas{--h: 2}.closing__links .grid>.footer__col{grid-column:span 4}.diorama__cast{width:60%;margin-inline:auto}.suit__card{height:200px}}@media(max-width:639px){#elements,#chapters,#deck,#creatures,#relics,#landas{--hm: 2}.hero--photo h1{font-size:28px}.suit__card{height:200px;margin-bottom:var(--s-4)}.suits{row-gap:var(--s-6)}.suit{grid-column:1 / -1}.duel__fighter--you,.duel.ui>.btn.duel__deal{display:none}.duel__stage{display:block;position:relative}.duel__readout{text-align:left}.duel__hand-name,.duel__math{padding-right:88px}.duel__actions .duel__act{padding-inline:var(--s-1);gap:var(--s-1);font-size:13px}.duel__act b{font-size:15px}.duel__readout,.duel__note{min-width:0;overflow-wrap:anywhere}.duel__fighter--foe{position:absolute;right:0;top:-8px}.duel__fighter--foe img{width:88px;height:88px}}@media(max-width:639px){#faq .section-head p,#faq .link{display:none}}.browsers{list-style:none;display:flex;gap:var(--s-4);margin:var(--s-6) 0 var(--s-6);padding:0}.browsers img{width:40px;height:40px;display:block}@media(max-width:639px){.browsers{margin:var(--s-4) 0 0}}@media(min-width:1024px){#faq .faq__item{padding-block:var(--s-5)}#faq .faq__item:first-child{padding-top:0}}@media(max-width:639px){#faq .faq__item:last-child{display:none}}html[data-buttons=pill] .btn--secondary{background:color-mix(in oklab,var(--ink) 14%,var(--bg))}html[data-buttons=pill] .btn--secondary:hover{background:color-mix(in oklab,var(--ink) 20%,var(--bg))}@media(max-width:1023px){.map-art{margin-top:var(--s-6)}}.sprite{display:block;position:relative;overflow:hidden}.sprite img{position:absolute;top:0;left:0;max-width:none;width:calc(var(--cols) * 100%);height:calc(var(--rows) * 100%);transform:translate(calc(var(--col) * -100% / var(--cols)),calc(var(--row) * -100% / var(--rows)))}.almanac__entry .sprite{--cols: 9;--rows: 3;width:92px;height:92px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.almanac__entry:hover .sprite{transform:translateY(-4px) scale(1.04)}.shelf__item .sprite{--cols: 8;--rows: 5;width:100%;height:100%;transition:transform .3s cubic-bezier(.22,1,.36,1)}.shelf__item:hover .sprite{transform:scale(1.1)}@media(min-width:640px)and (max-width:1023px){.almanac__entry .sprite{width:72px;height:72px}}@media(max-width:639px){.almanac__entry .sprite{width:96px;height:96px}}main>#combat,main>#creatures,main>#faq,main>#screens{height:auto;min-height:100svh;overflow:visible;padding-bottom:max(var(--padb, 72px),64px)}main>#combat>.wrap,main>#creatures>.wrap,main>#faq>.wrap,main>#screens>.wrap{height:auto}.duel{flex-shrink:0}#faq .faq__item:last-child{display:block}.almanac__thumb{width:76px;height:76px;object-fit:cover;border-radius:var(--r-sm);image-rendering:pixelated}.almanac__portrait{overflow:hidden}.almanac__portrait img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;image-rendering:pixelated}.almanac__quote{font-style:normal;min-height:0;margin-bottom:var(--s-4)}.almanac__quote:before,.almanac__quote:after{content:none}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);overflow:visible}.shot{display:block;color:inherit;text-decoration:none;min-width:0}.shot__frame{display:block;overflow:hidden;aspect-ratio:16 / 9;border-radius:var(--r-md);background:var(--p-surface)}.shot__frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.shot:hover img{transform:scale(1.025)}.shot__label{display:grid;gap:4px;margin-top:12px}.shot__title{font-weight:500}.shot__tag{font-size:14px;color:var(--muted)}.lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:64px;border:0;background:#0b120ef5;color:#fff}.lightbox::backdrop{background:#0b120e}.lightbox__frame{margin:0;height:100%;display:flex;flex-direction:column;justify-content:center}.lightbox__frame>img{width:100%;min-height:0;object-fit:contain}.lightbox__bar{display:flex;justify-content:space-between;gap:16px;padding-block:16px}.lightbox__nav,.lightbox__close{position:absolute;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff55;background:#142126;color:#fff;border-radius:50%;cursor:pointer}.lightbox button svg{width:22px;height:22px}.lightbox__close{top:12px;right:12px}.lightbox__nav{top:calc(50% - 22px)}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}body:has(.lightbox[open]){overflow:hidden}.catalog{padding-top:calc(var(--nav, 72px) + 64px);padding-bottom:80px}.catalog__head{max-width:760px;margin-bottom:64px}.catalog__head h1{font-size:clamp(36px,5vw,64px)}.catalog__head p{margin-block:24px;font-size:19px}.catalog__chapters{display:flex;flex-wrap:wrap;gap:12px}.catalog__chapter{margin-block:64px;scroll-margin-top:100px}.catalog__chapter>h2{margin-bottom:32px}.video-grid,.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-grid iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--r-md)}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.team-grid h3{font-size:23px;margin-top:20px}#difficulty .dda-frame{--card: #142126;--frag: #243b30;--ink: #e8e4d4;--muted: #b9c7bc;--accent: #a9c97d;--accent-ink: #142126}#difficulty .dda-frame .panel{background:#142126}@media(max-width:1023px){.shots,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:1fr}}@media(max-width:639px){.shots,.team-grid{grid-template-columns:minmax(0,1fr)}.lightbox{padding:64px 12px 100px}.lightbox__nav{top:auto;bottom:20px}.lightbox__nav--prev{left:calc(50% - 52px)}.lightbox__nav--next{right:calc(50% - 52px)}.catalog{padding-top:calc(var(--nav, 56px) + 40px)}#creatures{min-height:0}}.almanac__entry{min-width:0;overflow-wrap:anywhere}@media(max-width:359px){.almanac__thumb{width:60px;height:60px}}.bestiary-list{display:grid;gap:28px}.creature-entry{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--p-surface);scroll-margin-top:96px;overflow:hidden}.creature-entry__body{display:grid;grid-template-columns:minmax(160px,256px) minmax(0,1fr) minmax(160px,220px);gap:28px;align-items:center;padding:28px}.creature-entry figure{margin:0}.creature-entry__combat{min-width:0;text-align:center}.creature-entry__combat>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.creature-entry figcaption,.creature-entry__artwork a>span{color:var(--p-muted);font:400 13px/1.5 var(--font-text)}.creature-entry__text{min-width:0}.creature-entry__type{font-size:14px;color:var(--p-accent);margin:0 0 12px}.creature-entry h3{font:400 clamp(23px,2vw,30px)/1.2 var(--font-display);margin:0 0 16px;overflow-wrap:anywhere}.creature-entry__text>p:not(.creature-entry__type){margin-block:12px}.creature-entry__text .creature-entry__origin{font-size:13px;color:var(--p-muted)}.creature-entry__stats{display:flex;gap:36px;margin:20px 0 12px}.creature-entry__stats dt{font-size:12px;color:var(--p-muted)}.creature-entry__stats dd{margin:4px 0 0;font:400 24px/1.2 var(--font-display)}.creature-entry__stats dd span{font:400 12px var(--font-text);color:var(--p-muted)}.creature-entry__voice summary{cursor:pointer;padding-block:12px;min-height:44px;font-size:14px}.creature-entry__voice blockquote{margin:8px 0;padding-left:16px;border-left:2px solid var(--p-accent);color:var(--p-muted);font-style:italic}.creature-entry__artwork{display:grid;gap:16px;min-width:0}.creature-entry__artwork a{display:grid;gap:8px;text-decoration:none}.creature-entry__artwork a>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--r-md);image-rendering:pixelated}.creature-entry__marker{display:flex;align-items:center;gap:12px}.creature-entry__marker img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.creature-entry--boss{border-color:var(--p-accent);background:#1e251a}.creature-entry--boss .creature-entry__body{grid-template-columns:minmax(220px,340px) minmax(0,1fr) minmax(160px,240px);padding-block:36px}.creature-entry--boss h3{font-size:clamp(28px,3vw,40px);color:var(--p-accent)}.creature-entry__banner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 28px;background:#d6a84f;color:#0b120e;font-size:14px;font-weight:600}.creature-entry__variants{padding:20px 28px 28px;border-top:1px solid #d6a84f40}.creature-entry__variants>p{margin:0 0 12px;color:var(--p-muted);font-size:13px}.creature-entry__variants>div{display:flex;flex-wrap:wrap;gap:12px}.creature-entry__variants button{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--p-bg);color:var(--p-ink);cursor:pointer;text-align:left;font:400 13px/1.4 var(--font-text)}.creature-entry__variants button[aria-pressed=true]{border-color:var(--p-accent);background:#343721}.creature-entry__variants button:hover{background:var(--raised)}.creature-entry__variants button img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.about-purpose{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:48px;border-block:1px solid var(--line)}.about-purpose h2{margin-bottom:24px}.about-purpose p{max-width:60ch}.about-purpose__ideas{display:grid;gap:28px}.about-purpose__ideas h3{font:500 20px/1.4 var(--font-text);margin:0 0 10px;color:var(--p-accent)}.about-purpose__ideas p{margin:0;color:var(--p-muted)}.team-intro{max-width:65ch;margin:-8px 0 36px;color:var(--p-muted)}.team-grid{gap:36px}.team-grid article{padding-top:20px;border-top:1px solid var(--line)}.team-grid h3{font:500 20px/1.4 var(--font-text);margin:0 0 8px}.team-grid p{margin:0;font-size:14px}footer.bathala-footer{background:#101c15;color:var(--p-ink);border-top:1px solid #d6a84f40;min-height:100svh;display:flex;padding:var(--padt) 0 calc(var(--padb) + var(--bar))}footer.bathala-footer>.wrap{display:flex;flex-direction:column}.bathala-footer__call{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.bathala-footer__body{flex:1 1 auto;align-content:center}.bathala-footer__invite{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:48px}.bathala-footer__invite h2{margin:0 0 12px}.bathala-footer__invite p{margin:0;color:var(--p-muted)}.bathala-footer__play{display:grid;gap:12px;justify-items:center;flex-shrink:0}.bathala-footer__play>span{font-size:13px;color:var(--p-muted)}.bathala-footer__play .btn{background:var(--p-accent);color:var(--p-accent-ink)}.bathala-footer__body{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-block:36px}.bathala-footer__brand img{display:block;width:164px;height:auto;image-rendering:pixelated}.bathala-footer__brand p{color:var(--p-muted);margin-block:20px 12px;max-width:34ch}.bathala-footer__body nav ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}.bathala-footer__body nav a{display:inline-flex;min-height:40px;align-items:center;font-size:14px}.bathala-footer__body nav h3{color:var(--p-accent);margin-bottom:12px}.bathala-footer__legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-block:24px;color:var(--p-muted);font-size:12px}.bathala-footer__legal details{max-width:440px}.bathala-footer__legal summary{cursor:pointer;min-height:28px}@media(max-width:639px){.bathala-footer__legal summary{display:inline-flex;align-items:center;min-height:44px}}@media(max-width:1023px){.creature-entry__body,.creature-entry--boss .creature-entry__body{grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:24px}.creature-entry__artwork{grid-column:1 / -1;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:24px}.creature-entry__artwork a{width:140px}.about-purpose{gap:32px}}@media(max-width:639px){.creature-entry__body,.creature-entry--boss .creature-entry__body{grid-template-columns:minmax(0,1fr);padding:20px}.creature-entry__combat{width:min(100%,256px);justify-self:center}.creature-entry--boss .creature-entry__combat{width:min(100%,340px)}.creature-entry__artwork{gap:16px;align-items:start}.creature-entry__artwork a{width:min(54%,160px);flex:none}.creature-entry__marker{flex-direction:column;align-items:start}.creature-entry__banner{padding-inline:20px}.creature-entry__variants{padding:20px}.creature-entry__variants>div{display:grid;grid-template-columns:minmax(0,1fr)}.about-purpose{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:32px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.team-grid h3{font-size:17px}.team-grid p .link{min-height:44px}.bathala-footer__invite{flex-direction:column;align-items:start;padding-block:36px;gap:24px}.bathala-footer__play,.bathala-footer__play .btn{width:100%}.bathala-footer__body{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:36px}.bathala-footer__brand{grid-column:1 / -1}.bathala-footer__body nav a{min-height:44px}}