@charset "UTF-8";
:root{--bg:#0c1014;--surface:#13191f;--surface2:#192128;--line:#293139;--text:#f5f3ed;--muted:#a7b0b8;--gold:#edc474;--gold-dark:#a98141;--radius:12px;color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;line-height:1.65;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}img{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(40px,4.7vw,70px);font-weight:800}h2{font-size:clamp(30px,3.1vw,44px);font-weight:750}h3{font-size:24px}p{color:var(--muted)}em{font-style:normal;color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:3px}.shell{width:min(1240px,calc(100% - 88px));margin-inline:auto}.section{padding-block:90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:0;line-height:1.7;color:var(--gold)}.muted,.subtle-label{color:var(--muted)}.subtle-label{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;right:16px;z-index:100;background:var(--gold);color:var(--bg);padding:10px 20px}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:12px 25px;background:var(--gold);border:1px solid var(--gold);color:#141611;font-weight:750;font-size:15px;line-height:1.4;border-radius:5px;transition:background .18s,transform .18s}.button:hover{background:#ffdb93;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--text);border-color:#53606a}.button.outline:hover{background:#ffffff08;border-color:var(--gold);color:var(--gold)}.button.small{min-height:42px;font-size:13px;padding:10px 17px;gap:24px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--gold);font-weight:650;font-size:14px;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.site-header{height:92px;border-bottom:1px solid var(--line);background:#0c1014f5;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>img{width:49px;height:49px;border-radius:50%;object-fit:cover;border:1px solid #a98240}.brand>span{font-family:"Arial Black","Segoe UI",sans-serif;font-size:21px;line-height:1.2;font-weight:900;letter-spacing:-.08em}.brand>span>span{color:var(--gold)}.brand small{display:block;direction:rtl;text-align:right;letter-spacing:0;font-size:9px;font-weight:400;color:#b9b8ad;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:38px;height:100%;font-size:18px;font-weight:700}.primary-nav a{height:auto;min-height:42px;padding-block:7px;line-height:1.4;display:grid;place-items:center;position:relative;color:#bdc4c9;transition:color .2s}.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--gold)}.primary-nav a[aria-current="page"]:after{content:"";height:2px;background:var(--gold);position:absolute;bottom:1px;inset-inline:0}.menu-toggle{display:none}.preview-note{background:#242115;color:#dcca9c;text-align:center;font-size:11px;padding:5px 16px;border-bottom:1px solid #534627}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;min-height:680px;padding-block:64px 60px;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.12em}.gold-line{width:30px;height:1px;background:var(--gold)}.hero h1{margin-block:22px 25px;font-size:clamp(42px,4.4vw,68px);line-height:1.13}.hero h1 em{display:inline-block}.hero-copy>p{font-size:16px;line-height:1.9;max-width:490px}.hero-actions{display:flex;align-items:center;gap:28px;margin-block:32px 42px}.play-symbol{width:30px;height:30px;display:grid;place-items:center;border:1px solid #60614f;border-radius:50%;font-size:15px;color:var(--gold)}.hero-proof{display:flex;gap:36px}.hero-proof>div{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:26px}.hero-proof>div:first-child{border:0;padding:0}.hero-proof strong{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1.3}.hero-proof span{font-size:11px;color:var(--muted)}.hero-visual{height:550px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;direction:ltr}.hero-visual:before{content:"";position:absolute;inset:-50px;background:radial-gradient(ellipse at 55% 50%,#bb7e3330,transparent 63%);z-index:-2}.orbit{position:absolute;width:495px;height:495px;border:1px solid #d1b16b16;border-radius:50%;z-index:-1}.orbit-one:before,.orbit-two:after{content:"";position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;top:55px;left:85px;box-shadow:0 0 17px #d5a86366}.orbit-two{width:590px;height:590px;border-style:dashed;transform:rotate(50deg)}.orbit-two:after{top:130px;left:45px;background:#5c898d}.hero-main-card{position:relative;width:322px;height:454px;transform:rotate(-7deg);border:1px solid #ab8953;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0008;background:#1b1c1a;margin-left:65px}.hero-main-card>img{width:100%;height:100%;object-fit:cover}.hero-main-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#111710ed 100%)}.hero-main-card>div{position:absolute;bottom:26px;inset-inline:23px;z-index:2;direction:rtl;display:flex;flex-direction:column;gap:4px}.hero-main-card .eyebrow{font-size:9px}.hero-main-card strong{font-size:39px;line-height:1.2}.hero-main-card>div>span:last-child{font-size:13px;color:#e4dfd1}.hero-back-card{position:absolute;left:0;top:96px;width:228px;height:332px;border:1px solid #74898f;border-radius:11px;overflow:hidden;transform:rotate(13deg);filter:brightness(.7);box-shadow:0 15px 30px #0008}.hero-back-card img{width:100%;height:100%;object-fit:cover}.floating-seal{position:absolute;right:0;bottom:80px;background:#151a1eeb;border:1px solid #9a7a46;padding:14px 18px;display:flex;direction:rtl;align-items:center;gap:13px;border-radius:7px;box-shadow:0 10px 30px #0005}.floating-seal>svg{color:var(--gold);width:36px;height:36px}.floating-seal>span{font-size:10px;color:var(--muted);display:flex;flex-direction:column}.floating-seal strong{font-size:15px;color:var(--text);margin-top:1px}.visual-caption{position:absolute;bottom:0;left:55px;font-size:9px;letter-spacing:.28em;color:#9a9b90}.elements-strip{background:#11171c;border-block:1px solid var(--line)}.elements-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:95px}.strip-title{font-size:12px;color:var(--muted);padding-inline-end:30px;border-inline-end:1px solid var(--line)}.element-fire{--element:#f49b72;--element-bg:#35251f}.element-water{--element:#76c7eb;--element-bg:#172e3a}.element-earth{--element:#d3b473;--element-bg:#322b1e}.element-electric{--element:#b9a0ee;--element-bg:#2e2540}.element-air{--element:#9cd6cc;--element-bg:#1e342f}.element-chip{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600;color:var(--element);padding:20px 6px}.element-chip svg{width:27px;height:27px}.chip-arrow{font-size:14px;opacity:0;transition:opacity .2s}.element-chip:hover .chip-arrow{opacity:1}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:33px}.section-heading h2{margin-top:9px}.section-heading p{margin-top:12px;font-size:15px}.section-heading>.text-link{margin-bottom:5px}.cards-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px}.creature-card{display:block;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.creature-card:hover{transform:translateY(-6px);border-color:var(--element);box-shadow:0 16px 30px #0004}.card-art{position:relative;aspect-ratio:3/4;overflow:hidden;background:#1b2226}.card-art>img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.creature-card:hover .card-art>img{transform:scale(1.04)}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(#0004,transparent 27%,transparent 58%,#0d151fb3);pointer-events:none}.card-number{position:absolute;top:12px;inset-inline-end:12px;z-index:1;font-size:10px;letter-spacing:.08em;background:#0e1515b3;border:1px solid #ffffff2a;border-radius:4px;padding:2px 6px;color:#edece7}.element-badge{position:absolute;bottom:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:6px;background:#13191fe8;color:var(--element);border:1px solid #ffffff23;border-radius:5px;padding:4px 9px;font-size:11px;z-index:1;line-height:1.5}.element-badge svg{width:16px;height:16px}.card-discover{position:absolute;bottom:13px;inset-inline-end:11px;z-index:1;color:#f8f6ec;font-size:10px;opacity:0;transform:translateY(4px);transition:.2s}.creature-card:hover .card-discover,.creature-card:focus-visible .card-discover{opacity:1;transform:none}.card-info{padding:17px 15px 14px}.card-info h3{font-size:23px;font-weight:700}.card-info>p{font-size:11px;margin-top:7px}.mini-stats{display:grid;grid-template-columns:1fr 1fr .9fr;border-top:1px solid var(--line);padding-top:12px;margin-top:15px;gap:8px}.mini-stats>span{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:relative}.mini-stats svg{width:13px;height:13px;color:var(--element)}.mini-stats b{font-size:15px;font-weight:650;line-height:1.2}.mini-stats small{font-size:9px;color:var(--muted);flex-basis:100%;margin-top:2px}.world-section{padding-block:75px;background:#12191c;border-block:1px solid var(--line)}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center;direction:ltr}.world-copy{direction:rtl}.world-copy h2{margin-block:14px 26px;line-height:1.2;font-size:48px}.world-copy p{font-size:16px;margin-bottom:15px;max-width:460px}.world-copy .button{margin-top:15px}.world-collage{position:relative;height:480px}.world-large{position:absolute;left:15px;top:0;width:290px;height:400px;object-fit:cover;border:1px solid #6e7180;border-radius:8px;transform:rotate(-5deg)}.world-small{position:absolute;right:0;bottom:15px;width:210px;height:285px;object-fit:cover;border:1px solid #6b7953;border-radius:8px;transform:rotate(6deg);box-shadow:0 20px 50px #0007}.world-note{position:absolute;bottom:0;left:0;direction:rtl;font-size:13px;color:#a4abae;border-inline-start:2px solid var(--gold);padding-inline-start:18px;line-height:1.8}.world-note b{color:var(--text);font-weight:500}.steps-grid,.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps-grid article,.about-values>div{padding-block:22px;border-top:1px solid var(--line)}.step-number{display:block;font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:26px}.steps-grid h3,.about-values h3{font-size:26px;margin-bottom:14px}.steps-grid p,.about-values p{font-size:15px;line-height:1.9;max-width:320px}.cta-section{border-block:1px solid #72603b;background:radial-gradient(ellipse at 50% 130%,#b6923824,transparent 70%);text-align:center;padding:60px 24px;margin-block:10px 95px}.cta-section h2{margin-block:13px 16px;font-size:47px}.cta-section p{margin-bottom:28px}.site-footer{border-top:1px solid var(--line);background:#090d10}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:44px}.footer-top>p{font-size:15px;line-height:1.9}.footer-top>nav{display:flex;gap:28px;font-size:12px;color:#c0c4c5}.footer-top>nav a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:10px;padding-block:21px;border-top:1px solid var(--line);color:#8b969e}.footer-bottom a{color:#bdc2bb}.page-intro{padding-block:70px 42px;border-bottom:1px solid var(--line)}.intro-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.page-intro h1{font-size:54px;margin-block:18px 18px;line-height:1.13}.page-intro p{font-size:16px}.collection-mark{font-size:124px;line-height:.9;font-weight:800;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #64563a;text-align:center;padding-inline:25px;user-select:none}.collection-mark small{display:block;color:var(--muted);-webkit-text-stroke:0;font-size:12px;letter-spacing:0;font-weight:400;margin-top:18px}.catalog-section{padding-block:34px 80px}.catalog-tools{display:flex;gap:25px;justify-content:space-between;align-items:center}.search-field{width:540px;display:flex;align-items:center;border:1px solid #3a454e;background:#12191f;border-radius:6px;padding-inline-start:16px;gap:10px}.search-field svg{width:19px;height:19px;color:#8f9ba6}.search-field input{width:100%;min-width:0;background:none;border:0;color:var(--text);font-size:13px;height:50px;padding:10px 0}.search-field input:focus{outline:none}.search-field:focus-within{border-color:var(--gold);outline:1px solid var(--gold)}.search-field button{border:0;border-inline-start:1px solid var(--line);background:none;color:var(--gold);padding:8px 17px;font-size:12px}.sort-field{display:flex;align-items:center;gap:13px;font-size:12px;flex-shrink:0}.sort-field label{color:var(--muted)}.sort-field select{height:45px;padding:7px 12px;color:#d7dce0;background:var(--surface);border:1px solid #3a454e;border-radius:5px;font-size:12px;max-width:205px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin-block:25px 28px}.filter-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 17px;border:1px solid #323d45;background:#11171c;border-radius:5px;font-size:12px;color:var(--element,var(--muted));min-height:43px}.filter-chip>span{color:#98a3ac;font-size:10px;margin-inline-start:6px}.filter-chip>svg{width:19px;height:19px}.filter-chip.selected{background:var(--element-bg,#383122);border-color:var(--element,var(--gold));color:var(--element,var(--gold))}.filter-chip:hover{border-color:var(--element,var(--gold))}.results-summary{display:flex;justify-content:space-between;font-size:11px;margin-bottom:20px;padding-top:22px;border-top:1px solid var(--line);gap:20px}.results-summary strong{color:var(--text);font-weight:500}.results-summary>span{color:#7e8b94}.pagination{display:flex;justify-content:center;gap:8px;margin-top:42px;flex-wrap:wrap}.pagination a{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);font-size:13px;border-radius:4px;color:var(--muted)}.pagination a[aria-current="page"]{color:#131511;background:var(--gold);border-color:var(--gold)}.pagination a:hover{border-color:var(--gold)}.empty-state{padding:75px 24px;text-align:center;border:1px dashed var(--line);border-radius:9px;display:flex;align-items:center;flex-direction:column;gap:17px}.empty-state>svg{width:42px;height:42px;color:var(--gold)}.empty-state h2{font-size:29px}.empty-state p{font-size:15px}.empty-state.compact{padding:45px 24px}.empty-state.compact h3{font-size:25px}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--muted);padding-block:26px 33px}.breadcrumbs a:hover{color:var(--gold)}.breadcrumbs [aria-current]{color:var(--text)}.creature-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.detail-portrait{position:relative;border:1px solid #70705e;border-radius:9px;overflow:hidden;background:#1c2426}.detail-portrait>img{width:100%;height:auto;max-height:770px;aspect-ratio:5/7;object-fit:cover}.detail-portrait:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#050a0ae0)}.portrait-id{position:absolute;top:17px;left:17px;background:#121a19aa;padding:4px 10px;font-size:10px;letter-spacing:.16em;z-index:2;border:1px solid #ffffff33;border-radius:4px}.detail-portrait figcaption{position:absolute;bottom:22px;right:22px;display:flex;gap:8px;align-items:center;z-index:2;font-size:13px;color:white}.detail-portrait figcaption svg{width:17px;height:17px}.portrait-caption{text-align:center;font-size:10px;color:var(--muted);padding:13px}.detail-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block:5px 20px}.detail-topline>.muted{font-size:10px;letter-spacing:.14em}.element-badge.static{position:static;padding:7px 12px;border-color:var(--element);background:var(--element-bg);font-size:11px}.detail-copy h1{font-size:64px}.creature-components{font-size:15px;margin-top:18px}.creature-components span{color:#67747e;margin-inline:7px}.battle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;padding-block:27px;margin-top:24px;border-block:1px solid var(--line)}.battle-stats>div{display:grid;grid-template-columns:auto 1fr;gap:0 9px;align-items:center}.battle-stats svg{color:var(--element);width:20px;height:20px}.battle-stats b{font-size:35px;font-weight:650;line-height:1.2}.battle-stats span{font-size:11px;color:var(--muted);margin-top:7px;grid-column:1/-1}.stat-meter{height:3px;background:#303b44;margin-top:13px;grid-column:1/-1}.stat-meter i{display:block;height:100%;background:var(--element)}.origin-story{padding-top:29px}.origin-story .eyebrow{color:var(--element)}.origin-story h2{font-size:30px;margin-block:9px 20px}.origin-story p{font-size:16px;line-height:1.95;color:#bdc5c9;margin-top:16px}.detail-share{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:28px}.copy-status{font-size:12px;color:var(--element)}.copy-fallback{font-size:11px;width:min(400px,100%);max-width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);padding:8px}.ability-section{padding-block:70px 20px}.abilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ability{border:1px solid var(--line);background:var(--surface);padding:23px 20px;border-radius:7px}.ability-kind{font-size:10px;color:var(--element);border:1px solid #ffffff20;border-radius:4px;padding:2px 8px;background:var(--element-bg)}.ability h3{font-size:18px;line-height:1.5;margin-block:16px 24px}.ability>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.ability>div>span:last-child{color:var(--muted);font-size:10px}.ability b{color:var(--text);font-size:22px;margin-inline-start:6px}.bonus{font-size:16px;color:var(--element);font-weight:650}.fine-print{font-size:11px;color:#8e9aa3;line-height:1.9;margin-top:20px}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-section{padding-top:60px}.arena-intro-icon{width:128px;height:128px;color:#776240;stroke-width:.65;margin-inline:40px}.arena-links{display:flex;gap:30px;margin-top:34px;font-size:12px;color:var(--gold)}.arena-links a:hover{text-decoration:underline;text-underline-offset:5px}.demo-banner{margin-top:28px;background:#292315;border:1px solid #594b2f;color:#cfc2a2;border-radius:5px;padding:12px 18px;font-size:12px}.demo-banner>span{color:var(--gold);font-weight:700;margin-inline-end:10px}.events-list{border-top:1px solid var(--line)}.event-row{display:flex;align-items:center;gap:33px;padding-block:27px;border-bottom:1px solid var(--line)}.event-date{width:92px;flex-shrink:0;text-align:center;border-inline-end:1px solid var(--line);padding-inline-end:25px}.event-date strong{display:block;font-size:46px;line-height:1.1;letter-spacing:-.04em;color:var(--gold);font-weight:650}.event-date>span{font-size:11px;color:var(--muted);margin-top:7px;display:block}.event-body{flex:1}.event-tags{display:flex;gap:10px;color:var(--gold);font-size:10px;align-items:center;margin-bottom:7px}.sample-tag{padding:0 6px;border:1px solid #5f5745;border-radius:3px;color:#b2a486;font-size:9px}.event-body h3{font-size:26px}.event-body p{font-size:11px;display:flex;gap:24px;flex-wrap:wrap;margin-top:13px}.event-body p>span{display:flex;align-items:center;gap:6px}.event-body p svg{width:14px;height:14px}.event-row>button{flex-shrink:0}.rankings-section{background:#11181d;border-block:1px solid var(--line);padding-block:75px}.podium{display:grid;grid-template-columns:1.15fr 1fr;gap:23px;margin-block:36px 40px}.podium-card{padding:36px;display:flex;align-items:center;gap:30px;border:1px solid #635333;position:relative;border-radius:8px;min-height:220px;overflow:hidden;background:radial-gradient(ellipse at 0 110%,#a07a2424,transparent 70%)}.podium-card>svg{width:82px;height:82px;color:var(--gold);stroke-width:1.15}.podium-card h3{font-size:31px;margin-block:12px 16px}.podium-card p{font-size:12px}.podium-card p>b{font-size:22px;color:var(--gold);font-weight:650;margin-inline-end:4px}.podium-card p>span{margin-inline-start:7px}.place-ribbon{position:absolute;top:0;inset-inline-end:20px;font-size:9px;padding:4px 11px;color:var(--gold);background:#2c261a;border:1px solid #635333;border-top:0;border-radius:0 0 4px 4px}.trophy-name{font-size:10px;color:var(--gold);display:inline-block;margin-top:13px}.podium-card.silver{border-color:#435360;background:radial-gradient(ellipse at 0 110%,#6a849522,transparent 70%)}.silver .eyebrow,.silver>svg,.silver p>b,.silver .trophy-name{color:#b0c5d4}.silver .place-ribbon{background:#202b32;border-color:#435360;color:#b0c5d4}.leaderboard-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px}.leaderboard{width:100%;border-collapse:collapse;text-align:right;font-size:14px;min-width:530px}.leaderboard thead{background:#1c252b;color:#a8b3bb;font-size:11px;font-weight:400}.leaderboard th,.leaderboard td{padding:18px 25px;border-bottom:1px solid var(--line)}.leaderboard th{font-weight:500}.leaderboard tbody tr:last-child>*{border-bottom:0}.leaderboard th:nth-child(n+3),.leaderboard td:nth-child(n+3){text-align:center}.leaderboard .score{color:var(--gold);font-weight:700}.rank-number{font-size:15px;color:#80909b}.rank-number.top-rank{color:var(--gold)}.table-demo{color:#9a998a;font-size:9px;margin-inline-start:12px}.rules-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.rules-layout details{border-top:1px solid var(--line);padding-block:20px}.rules-layout details:last-child{border-bottom:1px solid var(--line)}.rules-layout summary{font-size:18px;cursor:pointer;display:list-item;list-style-position:inside}.rules-layout summary::marker{color:var(--gold);font-size:11px}.rules-layout summary>span{font-size:11px;color:var(--gold);margin-inline:7px 14px}.rules-layout details p{font-size:14px;padding:16px 30px 2px 6px;line-height:1.95}.rule-example{padding:35px;border:1px solid #6d5139;border-radius:9px;background:radial-gradient(ellipse at 0 100%,#663d211f,transparent 70%),#171b1d;display:flex;align-items:flex-start;flex-direction:column;gap:16px}.rule-example>svg{color:var(--element);width:40px;height:40px;margin-bottom:3px}.rule-example .eyebrow{color:var(--element);font-size:10px}.rule-example h3{font-size:29px}.example-equation{font-size:31px;font-weight:600;letter-spacing:-.04em;margin-block:4px}.example-equation>span{color:#6e7a82;font-size:23px;margin-inline:8px}.example-equation b{color:var(--gold);font-size:43px}.rule-example p{font-size:13px;line-height:1.9}.rule-example .text-link{font-size:12px}.about-hero{display:grid;grid-template-columns:1.25fr .85fr;align-items:center;gap:70px;padding-block:80px;border-bottom:1px solid var(--line)}.about-hero h1{font-size:49px;line-height:1.2;margin-block:20px 26px}.lead{font-size:18px;line-height:1.9}.about-hero .button{margin-top:30px}.about-logo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;align-self:center;justify-self:center;max-width:370px;border-radius:50%;border:3px solid #b5964e;box-shadow:0 0 80px #c1982820}.about-story{display:grid;grid-template-columns:1fr 1.2fr;gap:18px 100px}.about-story>.eyebrow{grid-column:1/-1}.about-story h2{font-size:39px;line-height:1.3}.about-story p{font-size:16px;line-height:2;margin-bottom:18px}.element-worlds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.element-world{position:relative;overflow:hidden;border:1px solid #4f5b5a;border-radius:6px;aspect-ratio:2/3;transition:transform .2s}.element-world:hover{transform:translateY(-5px);border-color:var(--element)}.element-world>img{width:100%;height:100%;object-fit:cover}.element-world:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#0b1216f5)}.element-world>div{position:absolute;inset-inline:20px;bottom:22px;z-index:1}.element-world svg{color:var(--element);margin-bottom:8px}.element-world h3{font-size:28px;color:var(--element);margin-bottom:9px}.element-world p{font-size:11px;color:#c3cbcc;line-height:1.8}.error-page{min-height:70vh;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;padding-block:65px}.error-code{font-size:110px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1px #7d653c}.error-page h1{font-size:42px}.error-page p{max-width:540px}dialog{position:fixed;color:var(--text);background:#172027;border:1px solid #687162;border-radius:10px;width:min(540px,calc(100vw - 40px));padding:42px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#03080dc9;backdrop-filter:blur(5px)}dialog h2{font-size:33px;margin-block:17px 22px}dialog p{font-size:15px;line-height:1.9}.dialog-close{position:absolute;top:8px;left:10px;background:none;border:0;color:#abb7bf;font-size:28px;width:38px;height:38px}.event-details{display:grid;grid-template-columns:70px 1fr;gap:10px;font-size:13px;margin-top:25px}.event-details dt{color:var(--gold)}.event-details dd{margin:0}
@media(min-width:1500px){.hero{gap:85px;min-height:710px}.hero h1{font-size:72px}}
@media(max-width:1150px){.shell{width:calc(100% - 56px)}.header-inner{gap:20px}.primary-nav{gap:27px}.hero{gap:30px;min-height:620px;padding-top:40px}.hero h1{font-size:53px}.hero-visual{height:500px}.hero-main-card{width:280px;height:405px;margin-left:40px}.hero-back-card{width:200px;height:295px;top:85px;left:0}.floating-seal{right:0;bottom:58px;padding:11px 13px}.hero-actions{gap:20px}.hero-actions .button{gap:18px;font-size:13px}.orbit{width:410px;height:410px}.orbit-two{width:485px;height:485px}.elements-inner{gap:8px}.strip-title{padding-inline-end:18px}.element-chip{gap:9px}.cards-grid{gap:15px}.card-info{padding:16px 11px 12px}.card-info h3{font-size:20px}.mini-stats{gap:4px}.mini-stats b{font-size:14px}.world-grid{gap:70px}.world-large{width:250px;height:350px}.world-small{width:185px;height:260px}.world-collage{height:430px}.world-copy h2{font-size:42px}.steps-grid{gap:32px}.footer-top{gap:22px}.footer-top>nav{gap:18px}.creature-detail{gap:40px;grid-template-columns:.95fr 1.05fr}.detail-copy h1{font-size:54px}.origin-story p{font-size:15px}.origin-story h2{font-size:26px}.battle-stats{gap:17px}.ability{padding:20px 15px}.ability h3{font-size:16px}.podium-card{padding:30px 24px;gap:23px}.podium-card>svg{width:65px;height:65px}.podium-card h3{font-size:27px}.podium-card p>span{display:block;margin:4px 0 0}.rules-layout{gap:35px}.rule-example{padding:28px}.about-hero{gap:40px}.about-hero h1{font-size:43px}.about-story{gap:18px 60px}.element-world>div{inset-inline:13px}.ability>div{gap:8px}}
@media(max-width:900px){.header-cta{display:none}.hero{gap:20px;min-height:600px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-actions{flex-wrap:wrap;gap:22px;margin-block:27px 30px}.hero-proof{gap:23px}.hero-proof>div{padding-inline-start:18px}.hero-proof strong{font-size:27px}.hero-visual{height:460px}.hero-main-card{width:240px;height:355px;margin-left:30px}.hero-main-card strong{font-size:31px}.hero-main-card>div{inset-inline:18px}.hero-back-card{width:170px;height:250px;top:95px}.floating-seal{bottom:35px;right:0}.floating-seal>svg{width:26px;height:26px}.floating-seal strong{font-size:13px}.orbit{width:320px;height:320px}.orbit-two{width:400px;height:400px}.visual-caption{font-size:8px;left:15px}.strip-title{display:none}.elements-inner{gap:12px;min-height:80px}.element-chip{gap:10px}.element-chip .chip-arrow{display:none}.section{padding-block:65px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.featured-grid .creature-card:nth-child(n+4){display:none}.card-info h3{font-size:25px}.card-info{padding:17px 15px}.mini-stats{gap:6px}.world-grid{gap:35px}.world-large{left:5px;width:220px;height:315px}.world-small{width:155px;height:225px;bottom:50px}.world-collage{height:405px}.world-copy h2{font-size:37px}.world-copy p{font-size:14px}.world-note{font-size:11px}.steps-grid{gap:25px}.steps-grid h3{font-size:23px}.steps-grid p{font-size:13px}.cta-section{margin-bottom:70px}.footer-top>p{display:none}.page-intro{padding-top:50px}.page-intro h1{font-size:46px}.collection-mark{font-size:95px;padding-inline:10px}.catalog-tools{gap:20px}.search-field{flex:1}.sort-field{gap:8px}.sort-field label{display:none}.filter-chip{padding-inline:13px}.creature-detail{gap:30px}.detail-copy h1{font-size:46px}.creature-components{font-size:12px}.origin-story p{font-size:14px}.battle-stats{padding-block:20px;margin-top:20px;gap:12px}.battle-stats b{font-size:28px}.detail-topline>.muted{font-size:8px}.abilities-grid{grid-template-columns:repeat(2,1fr)}.ability h3{font-size:20px}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.related-grid .card-info h3{font-size:20px}.related-grid .card-info{padding:14px 10px}.related-grid .mini-stats svg{display:none}.event-row{gap:22px}.event-body h3{font-size:23px}.podium-card{gap:16px;padding:32px 21px}.podium-card>svg{width:47px;height:47px}.podium-card h3{font-size:24px}.rules-layout{grid-template-columns:1fr 1fr;gap:25px}.rule-example h3{font-size:24px}.rule-example{padding:23px}.example-equation{font-size:26px}.example-equation>span{margin-inline:4px}.example-equation b{font-size:35px}.about-hero{gap:30px}.about-hero h1{font-size:37px}.lead{font-size:15px}.about-story h2{font-size:32px}.about-story{gap:18px 40px}.element-worlds{gap:10px}.element-world{aspect-ratio:1/2}.element-world>div{inset-inline:10px;bottom:17px}.element-world p{font-size:10px}.about-values{gap:25px}.about-values h3{font-size:23px}.about-values p{font-size:13px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.site-header{height:77px}.header-inner{gap:18px}.brand>img{width:42px;height:42px}.brand>span{font-size:20px}.brand small{font-size:8px}.menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:1px solid #3b454d;border-radius:5px;padding:10px}.menu-toggle>span:not(.sr-only){width:100%;height:1px;background:var(--gold)}.primary-nav{display:none}.hero{grid-template-columns:1fr;gap:14px;padding-top:41px;padding-bottom:28px;text-align:center;min-height:0;overflow:hidden}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:.07em}.hero h1{font-size:clamp(38px,7.4vw,58px);margin-block:21px}.hero-copy>p{font-size:14px;max-width:520px;margin-inline:auto}.hero-actions{justify-content:center;margin-block:25px 30px;gap:24px}.hero-actions .button{font-size:13px;min-height:48px;padding-inline:20px}.hero-actions .text-link{font-size:12px}.hero-proof{justify-content:center;gap:32px}.hero-proof>div{padding-inline-start:26px}.hero-proof strong{font-size:28px}.hero-proof span{font-size:10px}.hero-visual{height:475px;width:400px;max-width:100%;margin-inline:auto;overflow:visible}.hero-main-card{width:255px;height:365px;margin-left:46px}.hero-back-card{width:180px;height:267px;left:0;top:104px}.hero-main-card .eyebrow{justify-content:flex-start;font-size:8px}.hero-main-card>div{inset-inline:20px;bottom:22px}.hero-main-card strong{font-size:33px}.floating-seal{right:0;bottom:45px;padding:11px 16px}.visual-caption{bottom:7px;left:35px}.orbit{width:365px;height:365px}.orbit-two{width:420px;height:420px}.elements-inner{gap:4px;min-height:76px;justify-content:space-between}.element-chip{flex-direction:column;gap:5px;font-size:10px;padding:14px 9px}.element-chip svg{width:23px;height:23px}.section{padding-block:52px}.section-heading{gap:18px;margin-bottom:27px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px}.section-heading>.text-link{font-size:11px;gap:6px}.eyebrow{font-size:9px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.featured-grid .creature-card:nth-child(4){display:block}.card-info h3{font-size:24px}.card-info>p{font-size:10px}.card-info{padding:16px 13px 13px}.card-art{aspect-ratio:3/4}.mini-stats{gap:5px;padding-top:10px;margin-top:13px}.mini-stats small{font-size:9px}.mini-stats b{font-size:15px}.mini-stats svg{width:12px;height:12px}.element-badge{font-size:10px;bottom:10px;inset-inline-start:9px;padding:3px 6px;gap:4px}.element-badge svg{width:14px;height:14px}.card-number{top:9px;inset-inline-end:9px;font-size:9px}.card-discover{display:none}.world-section{padding-block:50px}.world-grid{grid-template-columns:1fr;gap:20px}.world-collage{height:400px;width:390px;max-width:100%;margin-inline:auto;grid-row:2}.world-large{width:235px;height:320px;left:12px;top:20px}.world-small{width:165px;height:233px;right:12px;bottom:10px}.world-note{bottom:0;left:0;font-size:10px}.world-copy{max-width:500px}.world-copy h2{font-size:37px;margin-block:12px 22px}.world-copy p{font-size:14px}.world-copy .button{font-size:13px;min-height:46px}.steps-grid{grid-template-columns:1fr;gap:6px}.steps-grid article{padding:24px 0 18px;position:relative;padding-inline-start:57px}.step-number{position:absolute;top:25px;inset-inline-start:0;font-size:14px}.steps-grid h3{font-size:24px;margin-bottom:11px}.steps-grid p{font-size:14px;max-width:none}.cta-section{padding:45px 20px;margin-block:0 60px}.cta-section h2{font-size:35px}.cta-section p{font-size:14px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;padding-block:35px;gap:26px}.footer-top>nav{gap:26px;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:11px;font-size:9px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-inline-start:auto}.page-intro{padding-block:43px 30px}.page-intro h1{font-size:39px;line-height:1.2}.page-intro p{font-size:14px;line-height:1.9}.collection-mark{display:none}.catalog-section{padding-top:25px;padding-bottom:55px}.catalog-tools{flex-wrap:wrap;gap:16px}.search-field{width:100%;flex-basis:100%}.search-field input{font-size:12px;height:47px}.search-field button{padding-inline:13px}.sort-field{margin-inline-start:auto}.sort-field label{display:inline;font-size:11px}.sort-field select{height:39px;font-size:11px;max-width:210px}.filter-chips{gap:8px;margin-block:20px}.filter-chip{font-size:11px;gap:7px;min-height:39px;padding:6px 12px}.filter-chip>span{font-size:9px;margin-inline-start:2px}.filter-chip>svg{width:16px;height:16px}.results-summary{font-size:10px;gap:12px;line-height:1.8}.results-summary>span{font-size:9px;text-align:left;max-width:90px}.empty-state{padding:50px 20px}.empty-state h2{font-size:24px}.empty-state p{font-size:13px}.pagination{gap:7px;margin-top:30px}.pagination a{min-width:37px;height:37px}.breadcrumbs{padding-block:22px 25px;font-size:10px}.creature-detail{display:flex;flex-direction:column;gap:28px}.portrait-column{width:100%;max-width:470px;margin-inline:auto}.detail-portrait>img{max-height:610px;width:100%;object-fit:contain;aspect-ratio:5/7}.portrait-caption{font-size:9px}.portrait-id{font-size:9px;letter-spacing:.1em}.detail-copy{width:100%}.detail-copy h1{font-size:54px}.detail-topline{margin-block:0 17px}.detail-topline>.muted{font-size:9px}.element-badge.static{font-size:11px;padding:6px 10px}.creature-components{font-size:14px}.battle-stats{gap:22px;padding-block:23px}.battle-stats b{font-size:36px}.battle-stats svg{width:22px;height:22px}.battle-stats span{font-size:11px}.origin-story{padding-top:27px}.origin-story h2{font-size:29px}.origin-story p{font-size:16px;line-height:2}.detail-share{gap:13px}.ability-section{padding-top:52px}.ability-section .section-heading{align-items:flex-start;flex-wrap:wrap}.ability-section .section-heading p{font-size:13px}.abilities-grid{gap:12px}.ability{padding:20px 14px}.ability h3{font-size:17px;margin-bottom:20px}.ability-kind{font-size:9px}.ability>div{gap:7px;flex-wrap:wrap}.ability>div>span:last-child{font-size:9px}.ability b{font-size:21px}.bonus{font-size:16px}.related-section{padding-top:40px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.related-grid .card-info{padding:16px 13px}.related-grid .card-info h3{font-size:24px}.related-grid .mini-stats svg{display:block}.arena-intro-icon{display:none}.arena-links{gap:24px;font-size:11px;margin-top:28px}.demo-banner{font-size:11px;padding:13px;line-height:1.9}.demo-banner>span{display:block;margin-bottom:4px}.section-heading>.subtle-label{font-size:10px;text-align:left;max-width:100px}.event-row{gap:17px;flex-wrap:wrap;padding-block:23px}.event-date{width:70px;padding-inline-end:15px}.event-date strong{font-size:38px}.event-date>span{font-size:9px}.event-body h3{font-size:22px}.event-body p{font-size:10px;gap:5px;flex-direction:column;margin-top:10px}.event-row>.button{margin-inline-start:87px;min-height:36px;font-size:11px;padding:8px 12px;gap:24px}.event-tags{font-size:9px}.rankings-section{padding-block:50px}.podium{grid-template-columns:1fr;gap:16px;margin-block:27px}.podium-card{padding:31px 25px;min-height:185px;gap:27px}.podium-card>svg{width:62px;height:62px}.podium-card h3{font-size:28px}.podium-card p{font-size:12px}.podium-card p>span{display:inline;margin-inline-start:7px}.podium-card p>b{font-size:23px}.leaderboard th,.leaderboard td{padding:15px 17px}.table-demo{display:block;margin:3px 0 0;font-size:8px}.leaderboard{font-size:12px;min-width:490px}.fine-print{font-size:10px}.rules-layout{grid-template-columns:1fr;gap:30px}.rules-layout summary{font-size:17px}.rules-layout details p{font-size:14px}.rule-example{padding:27px}.rule-example h3{font-size:27px}.example-equation{font-size:30px}.example-equation b{font-size:42px}.about-hero{grid-template-columns:1fr;padding-block:48px;gap:36px}.about-hero h1{font-size:37px}.about-hero .lead{font-size:16px}.about-logo{max-width:265px;margin-inline:auto}.about-hero .button{font-size:13px;min-height:48px}.about-story{display:block}.about-story h2{font-size:35px;margin-block:13px 23px}.about-story p{font-size:15px}.element-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.element-world{aspect-ratio:3/4}.element-world:last-child{grid-column:1/-1;aspect-ratio:2/1}.element-world:last-child>img{object-position:50% 40%}.element-world>div{inset-inline:16px;bottom:18px}.element-world p{font-size:11px}.element-world h3{font-size:30px}.element-world:last-child>div{inset-inline:20px;bottom:20px}.about-values{display:block}.about-values>div{position:relative;padding-block:25px}.about-values .step-number{position:static;font-size:11px;margin-bottom:18px}.about-values h3{font-size:26px}.about-values p{font-size:15px;max-width:none}.error-page h1{font-size:32px}.error-page p{font-size:14px}.error-code{font-size:90px}.error-page{min-height:65vh;gap:20px}dialog{padding:35px 25px}dialog h2{font-size:28px}dialog p{font-size:14px}}
@media(max-width:390px){.shell{width:calc(100% - 30px)}.hero h1{font-size:36px}.hero .eyebrow{font-size:8px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:14px;gap:15px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-visual{height:440px}.hero-main-card{width:226px;height:330px;margin-left:40px}.hero-back-card{width:160px;height:237px;top:94px}.floating-seal{bottom:37px;right:0;padding:9px 11px}.floating-seal strong{font-size:12px}.floating-seal>svg{width:24px;height:24px}.orbit{width:310px;height:310px}.orbit-two{width:370px;height:370px}.hero-proof{gap:24px}.hero-proof>div{padding-inline-start:19px}.hero-proof strong{font-size:26px}.hero-proof span{font-size:9px}.cards-grid,.related-grid{gap:12px}.card-info,.related-grid .card-info{padding:14px 10px 11px}.card-info h3,.related-grid .card-info h3{font-size:22px}.card-info>p{font-size:9px}.mini-stats svg{width:11px;height:11px}.mini-stats b{font-size:14px}.mini-stats small{font-size:8px}.mini-stats{gap:3px}.element-badge{font-size:9px}.section-heading{gap:10px}.section-heading h2{font-size:27px}.section-heading>.text-link{font-size:10px}.world-collage{height:365px}.world-large{width:205px;height:287px;left:8px}.world-small{width:145px;height:207px;right:3px}.world-note{font-size:9px}.page-intro h1{font-size:35px}.filter-chip{padding-inline:10px;gap:5px;font-size:10px}.filter-chips{gap:7px}.event-row>.button{margin-inline-start:82px}.event-row{gap:12px}.event-body h3{font-size:21px}.podium-card{padding:30px 20px;gap:20px}.podium-card h3{font-size:26px}.podium-card>svg{width:54px;height:54px}.podium-card p>span{display:block;margin-inline-start:0}.arena-links{gap:18px;font-size:10px}.origin-story h2{font-size:27px}.abilities-grid{gap:10px}.ability h3{font-size:16px}.ability{padding-inline:11px}.ability>div{flex-direction:column;align-items:flex-start;gap:10px}.about-hero h1{font-size:33px}.about-logo{max-width:240px}.footer-top>nav{gap:20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-visual .floating-seal{top:24px;bottom:auto}.detail-portrait>img{object-fit:contain}
/* Mobile navigation uses a modal drawer so keyboard focus stays inside it. */
body.menu-open{overflow:hidden}
.mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(340px,88vw);height:100vh;height:100dvh;max-width:none;max-height:none;padding:24px;border:0;border-left:1px solid #806538;background:var(--bg);color:var(--text);box-shadow:-24px 0 70px #0008;overflow-y:auto;overscroll-behavior:contain}
.mobile-menu[open]{display:flex;flex-direction:column;animation:drawer-enter .24s ease-out}
.mobile-menu::backdrop{background:#03070bc2;backdrop-filter:blur(3px)}
.mobile-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.mobile-menu-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:var(--surface);color:var(--gold);border:1px solid var(--line);border-radius:6px;font-size:30px;line-height:1}
.mobile-menu-brand{margin-block:28px 30px;gap:10px}.mobile-menu-brand>span{font-size:23px}
.mobile-menu-links{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:14px 9px;border-bottom:1px solid var(--line);font-size:21px;font-weight:650}
.mobile-menu-links a>span:last-child{color:var(--gold);font-size:18px}.mobile-menu-links a[aria-current="page"]{color:var(--gold);background:#edc4740b;border-inline-start:2px solid var(--gold)}
.mobile-menu-footer{margin-top:auto;padding-top:32px}.mobile-menu-footer .button{display:flex;margin-top:13px;justify-content:space-between}.mobile-menu-footer p{font-size:12px;margin-top:19px;line-height:1.9}
@keyframes drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:761px){.mobile-menu{display:none}}
/* Rules follow the approved version 1.0 booklet, including its seven examples. */
.rules-section{scroll-margin-top:16px}.rules-heading{align-items:center}.rules-heading>div{max-width:750px}.rules-heading p{line-height:1.8}.rules-heading>.button{flex-shrink:0}
.rules-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.rules-nav a{padding:9px 15px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:13px;min-height:44px;display:flex;align-items:center}.rules-nav a:hover{color:var(--gold);border-color:var(--gold)}
.rules-lead{max-width:950px;margin-bottom:30px}.rules-lead p{font-size:16px;line-height:1.95;margin-bottom:12px}
.rule-panel{min-width:0;margin-block:24px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);scroll-margin-top:16px}
.rule-panel h3{font-size:29px;line-height:1.3;margin-bottom:18px}.rule-panel>.eyebrow+h3{margin-top:10px}.rule-panel p{font-size:15px;line-height:1.95;margin-block:12px}.rule-panel h4{font-size:20px;margin-block:0 20px}
.rules-checklist{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;padding:0;margin:22px 0 0;list-style:none}.rules-checklist li{position:relative;padding-inline-start:24px;color:var(--muted);font-size:15px;line-height:1.9}.rules-checklist li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--gold)}
.rule-comparison{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin-block:26px}.rule-comparison table{border-collapse:collapse;width:100%;text-align:right;font-size:14px;line-height:1.7}.rule-comparison caption{text-align:right;padding:22px 25px;background:#1c2429;font-size:21px;font-weight:700;color:var(--text)}.rule-comparison th,.rule-comparison td{padding:14px 22px;border-bottom:1px solid var(--line);vertical-align:top}.rule-comparison thead{color:var(--gold);background:#edc47408}.rule-comparison tbody th{font-weight:500;color:var(--muted);width:35%}.rule-comparison tr:last-child>*{border-bottom:0}
.battle-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:28px}.battle-rule{margin:0}.rule-type{display:inline-block;border:1px solid #7b623f;background:#edc47408;padding:5px 11px;border-radius:4px;font-size:12px;color:var(--gold);margin-bottom:20px}
.rule-panel details{border-top:1px solid var(--line);padding-block:15px}.rule-panel details:last-child{padding-bottom:0}.rule-panel summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.6;color:var(--text);padding-inline-end:8px}.rule-panel summary::marker{color:var(--gold)}.rule-panel details[open]>summary{color:var(--gold)}
.rule-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--gold);font-size:12px;line-height:1.8;padding:15px 0 21px}.rule-flow span{background:#edc4740b;padding:6px 10px;border:1px solid #edc47430;border-radius:4px}.rule-flow b{font-weight:400}
.rule-target{padding:30px;border-inline-start:3px solid var(--gold);background:linear-gradient(100deg,#edc47405,#edc47413);border-radius:6px;margin-block:30px}.rule-target h3{font-size:27px;margin-block:9px 15px}.rule-target p{font-size:15px;line-height:2}
.rules-dice-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:30px}.rules-dice-grid>div{min-width:0}.number-die{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.number-die>div{display:flex;align-items:center;gap:20px;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.number-die b{display:grid;place-items:center;width:45px;height:45px;border:1px solid #edc47466;border-radius:7px;font-size:27px;color:var(--gold)}.number-die span{font-size:15px}
.creature-die{display:flex;flex-direction:column;gap:12px}.die-effect{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:7px;padding:17px;background:var(--bg)}.die-effect h5{font-size:16px;font-weight:650;margin:0 0 4px}.die-effect p{font-size:13px;margin:0;line-height:1.85}.die-symbol{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid currentColor;border-radius:6px;font-size:23px}.die-red{color:#f69b9b}.die-blue{color:#9dcbf3}.die-purple{color:#d0b2f0}.die-yellow{color:#edc474}.die-yellow:hover{border-color:var(--gold)}
.yellow-rule{border-color:#8c733d;background:linear-gradient(115deg,#192128,#28261c)}.yellow-rule>p{max-width:950px}.yellow-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.yellow-examples>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px;border:1px solid #edc47444;border-radius:8px;background:#0c101466}.yellow-examples span{font-size:14px}.yellow-examples b{font-size:26px;letter-spacing:.02em;white-space:nowrap;color:var(--gold)}
.turn-order{list-style:none;counter-reset:turn;margin:23px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 35px}.turn-order li{counter-increment:turn;display:flex;align-items:baseline;gap:13px;font-size:15px;line-height:1.85;color:var(--muted)}.turn-order li:before{content:counter(turn,decimal-leading-zero);font-size:13px;color:var(--gold);flex-shrink:0}
.rule-examples>h3{margin-bottom:26px}.rules-version{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.rules-version>span{font-size:13px;color:var(--gold)}.rules-version p{font-size:12px;line-height:1.9;max-width:1000px;margin-top:10px}
@media(max-width:1000px){.battle-rule-grid{gap:18px}.rule-panel{padding:25px}.yellow-examples>div{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:760px){.rules-heading{flex-direction:column;align-items:flex-start;gap:20px}.rules-heading h2{font-size:35px}.rules-heading>.button{font-size:12px}.rules-nav{gap:8px;margin-block:25px}.rules-nav a{font-size:11px;padding:8px 11px;min-height:42px}.rules-lead p{font-size:14px}.rule-panel{padding:23px 18px;margin-block:20px;scroll-margin-top:16px}.rule-panel h3{font-size:25px}.rule-panel p,.rule-target p{font-size:14px;line-height:1.95}.rules-checklist{grid-template-columns:1fr;gap:13px}.rules-checklist li{font-size:14px}.rule-comparison table{font-size:11px}.rule-comparison caption{font-size:19px;padding:19px 15px}.rule-comparison th,.rule-comparison td{padding:13px 9px;overflow-wrap:anywhere}.rule-comparison tbody th{width:31%}.battle-rule-grid{grid-template-columns:1fr;gap:20px}.battle-rule{margin:0}.rule-panel summary{font-size:15px}.rule-type{font-size:11px}.rule-flow{gap:7px;font-size:11px}.rule-target{padding:23px 18px}.rule-target h3{font-size:25px;line-height:1.35}.rules-dice-grid{grid-template-columns:1fr;gap:35px}.rule-panel h4{font-size:19px}.number-die span{font-size:14px}.die-effect p{font-size:13px}.yellow-examples{gap:12px}.yellow-examples>div{padding:15px 11px}.yellow-examples span{font-size:12px}.yellow-examples b{font-size:23px}.turn-order{grid-template-columns:1fr;gap:17px}.turn-order li{font-size:14px}.rules-version p{font-size:11px}}
@media print{.mobile-menu,.rules-nav,.rules-heading>.button{display:none!important}.battle-rule-grid,.rules-dice-grid{display:block}.rule-panel{background:white;border-color:#aaa;break-inside:auto;color:#111}.rule-panel p,.rule-panel summary,.rules-lead p{color:#333}.rule-panel details{display:block}.rule-comparison{overflow:visible}}
@media(max-width:390px){.yellow-examples{grid-template-columns:1fr}}
/* Full-width battle artwork stays unobstructed at every viewport size. */
.battle-hero{position:relative}.battle-opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#141a1b}.battle-opening-video[hidden]{display:none}
.battle-hero{width:100%;border-bottom:1px solid #6b5632;background:#141a1b;overflow:hidden}.battle-hero picture{display:block;width:100%}.battle-hero img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.battle-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:60px;padding-block:38px 40px}.battle-intro .hero-copy{min-width:0}.battle-intro .eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.1em}.battle-intro h1{font-size:clamp(30px,3.1vw,47px);line-height:1.25;margin-block:13px 15px}.battle-intro p{font-size:14px;line-height:1.9;max-width:680px}.battle-intro .hero-actions{margin-block:23px 0;gap:27px}.battle-intro .hero-proof{gap:25px}.battle-intro .hero-proof>div{padding-inline-start:23px}.battle-intro .hero-proof>div:first-child{padding:0}.battle-intro .hero-proof strong{font-size:31px}.battle-intro .hero-proof span{white-space:nowrap;font-size:10px}
@media(max-width:1000px){.battle-intro{gap:30px}.battle-intro .hero-proof{gap:17px}.battle-intro .hero-proof>div{padding-inline-start:15px}.battle-intro .hero-proof strong{font-size:27px}}
@media(max-width:760px){.battle-intro{grid-template-columns:1fr;gap:28px;padding-block:28px 32px;text-align:center}.battle-intro .eyebrow{justify-content:center;font-size:8px}.battle-intro h1{font-size:34px;max-width:490px;margin-inline:auto;margin-block:16px}.battle-intro p{font-size:13px;max-width:480px;margin-inline:auto}.battle-intro .hero-actions{justify-content:center;gap:22px;margin-top:24px}.battle-intro .hero-actions .button{font-size:12px;min-height:46px;padding-inline:17px;gap:17px}.battle-intro .hero-actions .text-link{font-size:12px}.battle-intro .hero-proof{justify-content:center;gap:27px}.battle-intro .hero-proof>div{padding-inline-start:24px}.battle-intro .hero-proof>div:first-child{padding:0}.battle-intro .hero-proof strong{font-size:28px}.battle-hero{background:#171c1e}}
@media(max-width:390px){.battle-intro h1{font-size:31px}.battle-intro .hero-actions{gap:16px}.battle-intro .hero-actions .text-link{font-size:11px}.battle-intro .hero-proof{gap:24px}.battle-intro .hero-proof>div{padding-inline-start:20px}}
@media print{.site-header,.site-footer,.preview-note,.detail-share,.related-section,.ability-section .text-link{display:none}body{background:white;color:#111}.shell{width:100%}p,.muted,.fine-print{color:#333}.creature-detail{gap:25px}.detail-portrait>img{max-height:500px}.detail-copy h1{font-size:42px}.origin-story h2{font-size:24px}.origin-story p{font-size:12px}.battle-stats{padding-block:15px}.ability{break-inside:avoid;background:white;border-color:#aaa}.ability-section{padding-top:30px}.abilities-grid{grid-template-columns:repeat(2,1fr)}.eyebrow,.bonus,.ability-kind{color:#795e25}.card-page{padding:10px}.portrait-caption{color:#555}}

/* Company credit remains visible at all screen sizes. */
.footer-top .company-credit{display:block;font-size:14px;line-height:1.9;color:var(--muted)}.about-creator{font-size:15px;line-height:1.8;color:var(--gold);margin-block:0 20px}.footer-bottom{line-height:1.8}.brand small{text-align:right}
@media(max-width:760px){.footer-top .company-credit{font-size:13px}.about-creator{font-size:14px}}

/* Keep the complete opening media visible below the sticky header. */
.battle-hero{aspect-ratio:1672/941;max-height:calc(100vh - 92px);max-height:calc(100svh - 92px)}
.battle-hero picture{position:absolute;inset:0;height:100%}
.battle-hero img{height:100%;aspect-ratio:auto}
.battle-opening-video{z-index:1}
@media(max-width:760px){.battle-hero{max-height:calc(100vh - 77px);max-height:calc(100svh - 77px)}}

/* Bilingual navigation and the three game experiences. */
.header-actions{display:flex;align-items:center;gap:18px}.language-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;direction:ltr}.language-switch a{display:grid;place-items:center;min-height:36px;padding:6px 9px;font-size:11px;border:1px solid transparent;border-radius:4px;color:var(--muted)}.language-switch a[aria-current]{border-color:#edc47455;color:var(--gold);background:#edc4740b}.language-switch a:hover{color:var(--gold)}
.games-menu{position:relative}.games-menu>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:18px;font-weight:700;line-height:1.4;min-height:42px;padding-block:7px;color:#bdc4c9;position:relative}.games-menu>summary::-webkit-details-marker,.mobile-games-menu>summary::-webkit-details-marker{display:none}.games-menu>summary>span{font-size:16px}.games-menu>summary:hover,.games-menu>summary.is-current,.games-menu[open]>summary{color:var(--gold)}.games-menu>summary.is-current:after{content:"";position:absolute;inset-inline:0;bottom:1px;height:2px;background:var(--gold)}
.games-submenu{position:absolute;inset-inline-start:-22px;top:calc(100% + 16px);width:310px;padding:8px;border:1px solid #6f5b35;border-radius:9px;background:#11191f;box-shadow:0 20px 55px #0009}.primary-nav .games-submenu a{display:flex;align-items:flex-start;flex-direction:column;gap:3px;min-height:65px;height:auto;padding:12px 14px;font-size:15px;border-radius:5px;line-height:1.6}.games-submenu a:hover{background:#edc4740b}.games-submenu small{display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.65}.games-submenu a[aria-current]:after{display:none}
.mobile-games-menu>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:14px 9px;border-bottom:1px solid var(--line);font-size:21px;font-weight:650;list-style:none;cursor:pointer}.mobile-games-menu .is-current{color:var(--gold)}.mobile-games-menu .games-submenu{position:static;width:100%;box-shadow:none;border:0;border-inline-start:1px solid #edc47455;border-radius:0;padding:3px 0 3px 10px;margin-block:8px 12px}.mobile-menu-links .games-submenu a{display:block;min-height:60px;font-size:15px;padding:10px 12px;border-bottom:0;line-height:1.6}.mobile-menu-links .games-submenu small{font-size:10px}.mobile-menu-footer .language-switch{margin-bottom:22px;justify-content:flex-start}.mobile-menu-footer .language-switch a{font-size:13px;min-height:42px;padding-inline:15px}
.product-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding-block:70px}.product-copy{min-width:0}.product-copy h1{font-size:clamp(40px,4.4vw,62px);margin-block:15px 28px;line-height:1.2}.product-copy p{font-size:16px;line-height:1.95;margin-bottom:18px}.product-copy .lead{font-size:20px;color:var(--text);line-height:1.75}.product-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.product-side-note{padding:38px;border:1px solid #8c733d;border-radius:12px;background:radial-gradient(ellipse at top right,#edc47418,transparent 70%),var(--surface)}.product-side-note h2{font-size:38px;margin-block:16px 23px}.product-side-note p{font-size:16px;line-height:1.95}
.product-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-block:45px 65px;border-top:1px solid var(--line)}.product-features article{min-width:0}.product-features h3{font-size:26px;margin-block:15px}.product-features p{font-size:15px;line-height:1.9}.product-media{aspect-ratio:1024/500}.store-button>span:last-child{display:flex;flex-direction:column;gap:2px;align-items:flex-start;font-size:12px}.store-button b{font-size:20px;line-height:1.3}.store-button>span:first-child{font-size:27px}
.hero-store-cta{display:none;position:absolute;inset-inline-end:24px;bottom:24px;z-index:2;box-shadow:0 4px 25px #0008}.product-media.is-image-visible .hero-store-cta{display:inline-flex}
@media(max-width:760px){.hero-store-cta{inset-inline-end:12px;bottom:12px;min-height:36px;font-size:10px;padding:8px 13px;width:auto;max-width:90%}.hero-store-cta b{font-size:13px}.hero-store-cta>span:first-child{font-size:18px}}
.product-box{position:relative;margin:20px 10px 25px;padding-inline-end:26px;perspective:1100px;transform:rotate(-3deg)}.product-box-face{position:relative;border:3px solid #ad8b42;border-radius:8px 8px 2px 2px;overflow:hidden;box-shadow:0 24px 65px #0008;background:#142333}.product-box-face>img:first-child{width:100%;height:auto;aspect-ratio:1472/1069;object-fit:cover}.product-box-face>.product-box-logo{position:absolute;width:26%;height:auto;inset-inline-start:37%;top:18%;filter:drop-shadow(0 3px 8px #0009)}.product-box-spine{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#213b52,#101d2e);border:2px solid #ad8b42;border-top:0;padding:16px 23px;min-height:62px;color:var(--gold);border-radius:0 0 6px 6px;font-size:15px;box-shadow:0 24px 40px #0005}.product-box-spine b{font-family:Arial,sans-serif;font-size:22px}.product-box figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:22px;line-height:1.8;transform:rotate(3deg)}
.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.edition-card{min-width:0;padding:30px;background:var(--surface);border:1px solid #6c5038;border-radius:12px}.edition-tide{border-color:#436372}.edition-card h3{font-size:33px;margin-block:12px 17px}.edition-card>p{font-size:15px;line-height:1.9}.edition-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-block:27px}.edition-preview-card{min-width:0}.edition-preview-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid #7a6b4d;border-radius:6px;transition:transform .2s}.edition-preview-card:hover img{transform:translateY(-4px)}.edition-preview-card>span{display:block;font-size:12px;margin-top:7px;text-align:center;overflow-wrap:anywhere}.edition-card details{border-block:1px solid var(--line);padding-block:17px;margin-bottom:25px}.edition-card summary{cursor:pointer;font-size:14px;color:var(--gold);line-height:1.8}.edition-card-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;list-style:none;margin:22px 0 0;padding:0}.edition-card-list a{font-size:12px;line-height:1.7}.edition-card-list span{color:var(--muted);font-size:10px;margin-inline-end:7px}.edition-card-list a:hover{color:var(--gold)}
html[dir=ltr] .brand small{direction:ltr;text-align:left}html[dir=ltr] .rule-comparison table,html[dir=ltr] .rule-comparison caption,html[dir=ltr] .leaderboard{text-align:left}html[dir=ltr] .button>span[aria-hidden],html[dir=ltr] .text-link>span[aria-hidden]:not(.play-symbol),html[dir=ltr] .mobile-menu-links>a>span[aria-hidden]{transform:scaleX(-1)}html[dir=ltr] .product-box{transform:rotate(3deg)}html[dir=ltr] .product-box figcaption{transform:rotate(-3deg)}html[dir=ltr] .product-copy h1{font-size:clamp(36px,4vw,58px)}
@media(max-width:1150px){.header-inner{gap:22px}.primary-nav{gap:25px}.header-actions{gap:12px}.product-hero{gap:40px}.header-cta{display:none}}
@media(max-width:900px){.primary-nav{gap:20px;font-size:16px}.games-menu>summary{font-size:16px}.brand>span{font-size:19px}.header-inner{gap:16px}.language-switch a{padding-inline:7px}.product-hero{gap:28px}.product-features{gap:23px}.edition-card{padding:23px}}
@media(max-width:760px){.header-actions{display:none}.product-hero{grid-template-columns:1fr;gap:32px;padding-block:45px}.product-copy h1,html[dir=ltr] .product-copy h1{font-size:40px}.product-copy p{font-size:14px}.product-copy .lead{font-size:18px}.product-actions{gap:18px;margin-top:24px}.product-side-note{padding:26px}.product-side-note h2{font-size:31px}.product-side-note p{font-size:14px}.product-features{grid-template-columns:1fr;gap:26px;padding-block:33px 45px}.product-features article{border-bottom:1px solid var(--line);padding-bottom:24px}.product-features h3{font-size:25px}.product-features p{font-size:14px}.product-box{max-width:450px;width:100%;margin:8px auto 18px;padding-inline-end:8px;transform:rotate(-2deg)}.product-box-spine{padding:13px 17px;min-height:54px}.product-box-spine b{font-size:20px}.product-box-spine span{font-size:12px}.product-box figcaption{font-size:10px}.edition-grid{grid-template-columns:1fr;gap:22px}.edition-card{padding:24px 19px}.edition-card h3{font-size:29px}.edition-card>p{font-size:14px}.edition-preview{gap:11px}.edition-preview-card>span{font-size:11px}.edition-card-list{gap:10px}.edition-card-list a{font-size:11px}.store-button{width:100%;max-width:330px}.product-copy h1[dir=ltr]{text-align:start}}
@media(max-width:390px){.product-copy h1,html[dir=ltr] .product-copy h1{font-size:34px}.edition-preview{gap:8px}.edition-preview-card>span{font-size:10px}.edition-card{padding-inline:16px}.language-switch a{min-height:40px}.product-box-spine{padding-inline:13px}}
.product-media .hero-store-cta{width:auto;max-width:calc(100% - 24px)}
html[dir=ltr] .store-button>span[aria-hidden]{transform:none}
html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3{overflow-wrap:anywhere}
html[dir=ltr] .detail-copy h1{font-size:clamp(34px,4.1vw,62px)}
html[dir=ltr] .card-info h3{font-size:clamp(16px,1.65vw,23px);overflow-wrap:anywhere}
.edition-card-list a{overflow-wrap:anywhere}
.world-grid>*{min-width:0}
@media(max-width:760px){.world-grid{grid-template-columns:minmax(0,1fr)}}
.store-button>.android-icon{width:30px;height:30px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7}
.product-media .store-button>.android-icon{width:25px;height:25px}
.games-menu>summary>.menu-chevron,.mobile-games-menu>summary>.menu-chevron{display:block;width:16px;height:16px;flex-shrink:0;align-self:center;stroke-width:2;transition:transform .18s}
.games-menu[open]>summary>.menu-chevron,.mobile-games-menu[open]>summary>.menu-chevron{transform:rotate(180deg)}
.opening-video-start{position:absolute;z-index:4;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 30px #0009;white-space:nowrap;font-size:14px}
html[dir=rtl] .opening-video-start{transform:translate(50%,-50%)}
.opening-video-start:hover{transform:translate(-50%,-50%)}html[dir=rtl] .opening-video-start:hover{transform:translate(50%,-50%)}
.opening-video-start[hidden]{display:none}
.physical-table-scene{margin:0;min-width:0}.physical-table-scene img{width:100%;height:auto;border:1px solid #92753c;border-radius:12px;box-shadow:0 20px 55px #0006}.physical-table-scene figcaption{font-size:11px;line-height:1.8;color:var(--muted);text-align:center;margin-top:14px}
.physical-hero{padding-top:0}.physical-table-scene-wide{width:100%;background:#0c1014}.physical-image-link{display:block;width:100%;cursor:zoom-in}.physical-table-scene-wide img{width:100%;height:auto;border:0;border-radius:0;box-shadow:none}.physical-table-scene-wide figcaption{padding-block:14px;margin-top:0}.physical-product-copy{max-width:960px;padding-block:55px 65px}.physical-product-copy h1{font-size:clamp(40px,4.4vw,62px);margin-block:15px 28px;line-height:1.2}.physical-product-copy .product-actions{margin-top:28px}
@media(max-width:760px){.physical-product-copy{padding-block:32px 42px}.physical-product-copy h1,html[dir=ltr] .physical-product-copy h1{font-size:clamp(32px,8.2vw,40px)}.physical-table-scene-wide figcaption{font-size:10px;padding-block:12px}}