@font-face{font-family:Display;src:url(display.woff2) format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:Icons;src:url(icons.woff2) format('woff2');font-weight:900;font-display:block}
:root{color-scheme:dark;--ground:#080f19;--panel:#101c29;--raised:#162536;--ink:#edf1ed;--muted:#9faeba;--gold:#e8c889;--aqua:#8cd8d5;--line:#263647;--sidebar:#0c1621;--header:rgba(8,15,25,.96);--shadow:0 18px 45px #0004;--common:#b7c5cb;--uncommon:#84c891;--rare:#77bbef;--epic:#c698f0;--legendary:#efd384;--mythic:#f491ad;--cosmic:#dfd6fc;--sidebar-w:242px}
:root[data-theme=light]{color-scheme:light;--ground:#eef3f3;--panel:#fff;--raised:#e2ecee;--ink:#13282e;--muted:#4c626a;--gold:#81581d;--aqua:#176965;--line:#becdd2;--sidebar:#e4eded;--header:rgba(244,248,248,.97);--shadow:0 12px 30px #23343a10}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--aqua);text-decoration:none}a:hover{color:var(--gold)}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%;display:block}p{margin:0 0 1em}h1,h2,h3,h4{line-height:1.12;margin:0 0 .5em}h1,h2{font-family:Display,Georgia,serif;font-weight:600;letter-spacing:.01em}h1{font-size:clamp(2.35rem,4vw,3.7rem)}h2{font-size:clamp(1.85rem,2.6vw,2.45rem)}h3{font-size:1.125rem;line-height:1.4;font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}ul{padding-left:1.35rem}li{margin-bottom:.65rem}.glyph,.symbol{font-family:Icons!important;font-weight:900;font-style:normal}.glyph{width:1.25em;text-align:center;display:inline-block}.small,.updated{font-size:.875rem}.muted,.updated{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:var(--gold);margin-bottom:.8rem}.lead{font-size:1.0625rem;color:var(--muted);line-height:1.7;max-width:760px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:44px;padding:.66rem 1rem;background:var(--gold);color:#171d25;border:1px solid var(--gold);border-radius:3px;font-size:.875rem;font-weight:650;text-decoration:none}.button:hover{color:#080f19;background:#f2dba9}.button.secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:var(--gold);color:var(--gold)}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;background:none;border:1px solid transparent;color:var(--muted);border-radius:3px}.icon-button:hover{color:var(--gold);background:var(--raised)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.25rem 0}.badge{display:inline-block;padding:.14rem .5rem;border:1px solid var(--line);border-radius:2px;text-transform:uppercase;letter-spacing:.075em;font-size:.6875rem;line-height:1.6;color:var(--muted);font-weight:700}.rarity-common{color:var(--common)}.rarity-uncommon{color:var(--uncommon)}.rarity-rare{color:var(--rare)}.rarity-epic{color:var(--epic)}.rarity-legendary{color:var(--legendary)}.rarity-mythic{color:var(--mythic)}.rarity-cosmic{color:var(--cosmic)}:root[data-theme=light] .badge{color:var(--ink)}
.skip-link{position:fixed;top:0;left:1rem;z-index:100;transform:translateY(-100%);background:var(--gold);color:#111;padding:1rem}.skip-link:focus{transform:none}.site-header{height:80px;padding:0 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:var(--header);position:fixed;inset:0 0 auto;z-index:30;backdrop-filter:blur(18px)}.edenworks{display:flex;align-items:center;gap:13px;color:var(--ink);font-family:Display,Georgia,serif;font-size:1.16rem;font-weight:700;letter-spacing:.15em;min-width:212px}.edenworks small{display:block;font-family:Segoe UI,Arial,sans-serif;font-size:.5625rem;letter-spacing:.19em;color:var(--muted);margin-top:1px}.eden-mark{width:34px;height:39px;display:grid;place-items:center;color:var(--gold);font:600 2rem Display,serif;border:1px solid var(--gold);border-radius:50% 50% 2px 2px;position:relative}.eden-mark:after{content:'';position:absolute;inset:4px;border:1px solid var(--gold);opacity:.3;border-radius:inherit}.global-search{max-width:520px;flex:1;text-align:left;display:flex;align-items:center;gap:12px;padding:9px 13px;min-height:42px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:.875rem;border-radius:4px}.global-search kbd{margin-left:auto;padding:0 7px;background:var(--raised);border:1px solid var(--line);color:var(--muted)}.play-link{margin-left:auto;white-space:nowrap;font-size:.875rem;color:var(--ink)}.menu-button{display:none}.sidebar{position:fixed;left:0;top:80px;bottom:0;width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--line);padding:25px 15px;overflow-y:auto;z-index:25;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar-game{display:flex;gap:12px;align-items:center;color:var(--ink);padding:0 9px 20px;border-bottom:1px solid var(--line);font-size:.875rem;letter-spacing:.035em;font-weight:650}.sidebar-game img{object-fit:cover;width:42px;height:46px;background:var(--raised);border:1px solid var(--line);border-radius:3px}.sidebar-game small{display:block;font-size:.75rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:3px}.nav-label{color:var(--muted);font-size:.625rem;text-transform:uppercase;letter-spacing:.17em;margin:24px 13px 7px;font-weight:700}.sidebar nav a{display:flex;align-items:center;gap:12px;color:var(--muted);padding:8px 12px;font-size:.875rem;border-radius:3px;border-left:2px solid transparent;min-height:39px}.sidebar nav a .glyph{font-size:.8125rem;opacity:.75}.sidebar nav a:hover{background:var(--raised);color:var(--ink)}.sidebar nav a[aria-current]{color:var(--gold);background:linear-gradient(90deg,#e8c88915,transparent);border-left-color:var(--gold)}.sidebar-footer{border-top:1px solid var(--line);margin:24px 8px 0;padding-top:18px;font-size:.75rem;color:var(--muted)}.sidebar-footer span{font-size:.625rem;letter-spacing:.1em}.sidebar-footer a{display:block;margin-top:8px}main{margin:80px 0 0 var(--sidebar-w);padding:34px clamp(22px,3vw,54px) 0;max-width:1820px;min-height:calc(100dvh - 80px)}.page-heading{padding:20px 0 22px}.page-heading h1{margin-bottom:.24em}.page-heading .lead{margin-bottom:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:.75rem;margin:5px 0 26px}.breadcrumbs a{color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading>a{font-size:.875rem;white-space:nowrap}.home-section{margin:38px 0}.home-hero{position:relative;min-height:370px;border:1px solid #3f5158;border-radius:5px;isolation:isolate;overflow:hidden;background:#11222b}.home-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081421ed 0%,#0b1828cf 37%,#0b182846 74%),var(--hero) center 40%/cover;z-index:-1}.hero-copy{position:relative;z-index:2;padding:32px 36px 24px;max-width:650px;color:#f4f0df}.hero-copy .eyebrow{color:#e8c889}.game-logo{width:300px;height:112px;object-fit:contain;object-position:left center;margin:-14px 0 8px}.hero-copy h1{font-size:clamp(1.9rem,2.5vw,2.9rem);line-height:1.1;max-width:490px}.hero-copy p:not(.eyebrow){color:#c5d3d7;font-size:.9375rem;line-height:1.7}.hero-copy .actions{margin:22px 0 0}.hero-character{position:absolute;height:119%;width:auto;max-width:50%;object-fit:contain;right:-18px;bottom:-64px;filter:drop-shadow(0 0 30px #bcdcf12c);z-index:1;pointer-events:none}.version-strip{display:flex;gap:22px;flex-wrap:wrap;padding:12px 4px;border-bottom:1px solid var(--line);font-size:.6875rem;color:var(--muted)}.version-strip>span:first-child{letter-spacing:.13em;color:var(--gold);font-weight:650}.version-strip a{margin-left:auto}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:19px;color:var(--ink);transition:border-color .15s,background .15s}.category-card>.glyph:first-child{font-size:1.25rem;color:var(--gold)}.category-card>.glyph:last-child{margin-left:auto;color:var(--muted);font-size:.75rem}.category-card strong{display:block;font-size:.9375rem}.category-card span:not(.glyph){font-size:.75rem;color:var(--muted)}.category-card:hover{background:var(--raised);border-color:#bda16a80}.guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-card{display:flex;align-items:center;gap:17px;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--ink);min-height:130px}.guide-card:hover{border-color:var(--gold)}.guide-card .eyebrow{font-size:.625rem;margin-bottom:6px}.guide-card h3{margin-bottom:7px;font-size:1.0625rem}.guide-card p:not(.eyebrow){color:var(--muted);font-size:.8125rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-image{width:106px;min-width:106px;height:108px;overflow:hidden;border-radius:2px;background:var(--raised)}.guide-image img{width:100%;height:100%;object-fit:cover}.guide-arrow{margin-left:auto;font-size:.75rem;color:var(--gold)}.element-strip{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);background:var(--panel);border-radius:3px;padding:20px 8px}.element-strip a{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:.875rem;color:var(--ink)}.entity-icon{width:100px;height:100px;object-fit:contain}.symbol{display:inline-flex;align-items:center;justify-content:center;font-size:2.6rem;color:var(--element);background:radial-gradient(ellipse,#ffffff05,transparent 68%);text-shadow:0 0 25px color-mix(in srgb,var(--element),transparent 70%)}.element-strip .entity-icon{width:70px;height:60px;font-size:2rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px}.catalog-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr))}.database-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);overflow:hidden;transition:transform .18s,border-color .18s}.database-card:hover{border-color:color-mix(in srgb,var(--element),transparent 25%);transform:translateY(-3px);color:var(--ink)}.card-art{height:155px;position:relative;display:grid;place-items:center;padding:9px;isolation:isolate;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--element),transparent 85%),transparent 70%),linear-gradient(150deg,var(--raised),var(--panel))}.card-art:before{content:'';position:absolute;inset:11px;border:1px solid #ffffff08;pointer-events:none}.card-art .entity-art{height:100%;width:100%;object-fit:contain}.skill-card .card-art .entity-icon{width:145px;height:145px}.card-info{padding:14px}.card-tags{margin-bottom:9px}.card-info h3{margin-bottom:6px;font-size:1rem}.card-info p{font-size:.8125rem;color:var(--muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.parked-tag{position:absolute;bottom:7px;left:7px;background:var(--ground);padding:3px 7px;font-size:.625rem;color:var(--muted);border:1px solid var(--line)}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.world-card{position:relative;height:210px;border:1px solid var(--line);border-radius:3px;overflow:hidden;color:white;background:var(--raised)}.world-card img{width:100%;height:100%;object-fit:cover}.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#030b18e6)}.world-card>div{position:absolute;bottom:17px;left:18px;right:12px;z-index:1}.world-card h3{font:600 1.65rem Display,serif;margin:0 0 4px}.world-card span{font-size:.6875rem;color:#c3d4db}.world-card:hover{border-color:var(--gold);color:white}.catalog-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:3px;margin-bottom:12px}.catalog-controls>label:not(.search-field),.level-controls label,.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:var(--muted)}input,select{min-height:44px;min-width:0;border:1px solid var(--line);background:var(--ground);color:var(--ink);border-radius:3px;padding:8px 12px;font-size:.875rem}select{max-width:100%}.search-field{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--ground);padding:0 12px;border-radius:3px;color:var(--muted);flex:1;min-width:190px}.search-field input{width:100%;background:none;border:0;padding:9px 0;outline-offset:2px}.result-count{font-size:.75rem;color:var(--muted);margin:20px 0 12px}.empty-state{padding:50px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.entity-heading{display:flex;align-items:center;gap:28px;margin:5px 0 25px}.entity-heading h1{margin-bottom:.25em}.entity-heading .lead{margin-bottom:.7rem}.entity-portrait{width:180px;height:190px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:radial-gradient(ellipse at center,var(--raised),var(--panel));padding:15px}.entity-portrait img{width:100%;height:100%;object-fit:contain}.entity-portrait .symbol{font-size:4rem}.entity-heading .updated{margin:0;font-size:.75rem}.section-tabs{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0 15px;white-space:nowrap}.section-tabs a{padding:14px 18px;color:var(--muted);font-size:.8125rem;border-bottom:2px solid transparent}.section-tabs a:hover{color:var(--gold);border-color:var(--gold)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:38px}.article-layout article{min-width:0}.content-section{padding:26px 0 16px;border-bottom:1px solid var(--line);scroll-margin-top:96px}.content-section p,.content-section li{max-width:78ch;color:var(--muted)}.content-section strong{color:var(--ink)}.content-section h2{margin-bottom:20px}.content-section h3{margin-top:0}.on-this-page{position:sticky;top:112px;align-self:start;padding-top:27px;font-size:.75rem}.on-this-page a{display:block;border-left:1px solid var(--line);padding:6px 0 6px 14px;color:var(--muted)}.on-this-page a:hover{border-color:var(--gold);color:var(--gold)}.aside-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;color:var(--muted);line-height:1.7}.aside-note a{padding:5px 0;border:0;color:var(--aqua)}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:3px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;line-height:1.6}th,td{padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--raised);font-size:.75rem;color:var(--ink);font-weight:650;white-space:nowrap}td{color:var(--muted);background:var(--panel)}tr:last-child td{border-bottom:0}td:first-child{color:var(--ink);font-weight:550}.notice{border-left:3px solid var(--gold);background:var(--panel);padding:17px 20px;margin:20px 0;color:var(--muted);font-size:.9375rem}.cost-line{color:var(--gold)!important;font-weight:600}.fact-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.fact-list li{padding:6px 10px;border:1px solid var(--line);background:var(--panel);font-size:.8125rem}.level-controls{display:flex;gap:16px}.variant-list,.ability-list{display:grid;gap:13px}.variant{display:flex;gap:18px;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:3px}.variant>a{width:96px;min-width:96px;text-align:center;color:var(--ink);font-size:.875rem}.variant .entity-icon{width:80px;height:60px;font-size:2rem;display:flex;margin:auto}.variant p:last-child{margin:0}.variant h3{color:var(--gold)}.ability{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:3px}.ability .table-scroll{margin-bottom:0}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.related-grid>a{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);padding:8px;color:var(--ink);font-size:.8125rem;min-height:60px}.related-grid>a:hover{border-color:var(--gold)}.related-grid .entity-icon{width:40px;height:40px;flex-shrink:0;font-size:1.25rem}.guide-banner{width:100%;height:290px;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:3px;margin:25px 0 5px}.related-guides{display:grid;gap:12px}.capture-button{display:block;background:var(--panel);border:1px solid var(--line);color:var(--muted);width:100%;padding:0;overflow:hidden;border-radius:3px}.capture-button img{width:100%;height:400px;object-fit:contain}.capture-button span{display:block;padding:10px;font-size:.75rem}.capture-button:hover{border-color:var(--gold)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.gallery-grid .capture-button img{height:200px}.gallery-grid figcaption{font-size:.8125rem;color:var(--muted);padding:8px 0}.gallery-grid figure{margin:0}.tool-panel{padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:4px;margin:22px 0}.tool-panel h2{font-size:1.8rem}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-grid input,.form-grid select{width:100%}.planner-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.planner-slot{border:1px solid var(--line);background:var(--ground);padding:15px;border-radius:3px;min-width:0}.planner-slot .slot-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.slot-heading img{width:48px;height:48px;object-fit:contain}.slot-heading strong{font-size:.875rem}.slot-heading .slot-number{color:var(--gold);margin-left:auto;font-size:.75rem}.planner-slot .form-grid{grid-template-columns:1fr 1fr;gap:10px}.planner-slot .form-grid label:first-child{grid-column:1/-1}.planner-slot .slot-desc{font-size:.8125rem;color:var(--muted);margin:13px 0 0}.planner-slot [data-remove]{float:right;margin-top:8px}.planner-relics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.build-summary{padding:17px 20px;border-left:3px solid var(--aqua);background:var(--raised);margin:18px 0;color:var(--muted);font-size:.875rem}.tool-results{padding-top:20px}.damage-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:20px;background:var(--raised);border:1px solid var(--line);border-radius:3px}.metric strong{display:block;font:600 2.5rem Display,serif;color:var(--gold)}.metric span{font-size:.8125rem;color:var(--muted)}.fusion-result{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);background:var(--raised)}.fusion-matrix td,.fusion-matrix th{text-align:center;min-width:82px;padding:10px 6px}.fusion-matrix a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.6875rem;line-height:1.3}.fusion-matrix .entity-icon{width:36px;height:36px;font-size:1.1rem}.build-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.build-example{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:3px}.build-example h2{font-size:2rem}.build-example p{color:var(--muted);font-size:.9375rem}.build-example .related-grid{grid-template-columns:1fr 1fr}.build-example .button{margin-top:20px}.compare-table th{min-width:175px}.compare-table td:first-child{min-width:130px;position:sticky;left:0}.site-footer{display:flex;gap:25px;align-items:start;flex-wrap:wrap;padding:32px 0 25px;margin-top:64px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.footer-brand{font:600 1.05rem Display,serif;letter-spacing:.15em;color:var(--gold)}.site-footer p{line-height:1.7}.site-footer>div{margin-left:auto;display:flex;flex-direction:column;gap:5px}.site-footer a{color:var(--muted)}.site-footer .footer-brand{color:var(--gold)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);padding:24px;max-height:85dvh;max-width:calc(100vw - 24px)}dialog::backdrop{background:#020910bf;backdrop-filter:blur(5px)}.search-dialog{width:690px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin:-5px 0 15px}.dialog-head h2{font-size:1.8rem;margin:0}.search-dialog .search-field{margin-bottom:15px}.search-result{display:flex;gap:15px;align-items:center;padding:12px;border-bottom:1px solid var(--line);color:var(--ink)}.search-result:hover{background:var(--raised);color:var(--gold)}.search-result .entity-icon{width:43px;height:43px;font-size:1.35rem}.search-result strong{display:block;font-size:.9375rem}.search-result small{display:block;color:var(--muted);font-size:.75rem}.lightbox{width:min(1100px,95vw);padding:15px}.lightbox form{display:flex;justify-content:end;margin-bottom:12px}.lightbox>img{max-height:70dvh;width:100%;object-fit:contain;background:var(--ground)}.lightbox>p{margin:12px 0 0;color:var(--muted)}.toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--raised);border:1px solid var(--gold);box-shadow:var(--shadow);z-index:90;max-width:90vw;font-size:.875rem}.nav-backdrop{position:fixed;inset:80px 0 0;background:#0009;z-index:24}
@media(min-width:1700px){main{margin-right:auto}.hero-character{right:6%}.home-hero{min-height:400px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media(max-width:1200px){:root{--sidebar-w:218px}.site-header{padding:0 20px;gap:15px}.edenworks{min-width:190px;font-size:1.05rem}main{padding:25px 25px 0}.article-layout{grid-template-columns:minmax(0,1fr);gap:0}.on-this-page{display:none}.guide-image{width:80px;min-width:80px}.guide-arrow{display:none}.hero-character{right:-40px;max-width:47%}.hero-copy{padding:28px}.hero-copy h1{max-width:370px}.category-card{padding:16px 12px;gap:12px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-card{height:230px}.build-cards{grid-template-columns:1fr}}
@media(max-width:950px){:root{--sidebar-w:0px}.sidebar{width:260px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.menu-button{display:grid}.edenworks{min-width:0}.site-header{gap:12px}.play-link{display:none}.global-search{margin-left:auto}.hero-character{right:0;max-width:44%}.hero-copy h1{max-width:470px}.hero-copy{max-width:65%}.sidebar-game{font-size:.875rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}main{margin-left:0}}
@media(max-width:650px){.site-header{height:64px;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));gap:7px}.edenworks{font-size:.875rem;gap:8px;letter-spacing:.11em}.edenworks small{font-size:.5rem;letter-spacing:.11em}.eden-mark{width:27px;height:32px;font-size:1.65rem}.global-search{flex:none;min-width:42px;width:42px;min-height:42px;justify-content:center;padding:0}.global-search span:not(.glyph),.global-search kbd{display:none}.sidebar{top:64px}.nav-backdrop{top:64px}.site-header>.icon-button:last-child{width:36px;min-width:36px}main{margin-top:64px;padding:18px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.home-hero{min-height:405px}.hero-copy{padding:24px 22px;max-width:100%}.game-logo{width:235px;height:94px;margin-bottom:10px}.hero-copy h1{font-size:2.08rem;max-width:250px}.hero-copy .eyebrow{font-size:.625rem;max-width:245px}.hero-copy p:not(.eyebrow){max-width:210px;font-size:.8125rem}.hero-character{height:81%;max-width:65%;right:-57px;bottom:-39px;opacity:.9}.hero-copy .actions{max-width:210px;margin-top:22px;gap:8px}.hero-copy .button{font-size:.8125rem;padding:9px 12px;width:100%}.home-hero:before{background:linear-gradient(90deg,#081421f0,#0b1828b3 55%,#0b182859),var(--hero) center/cover}.version-strip{gap:8px 13px;font-size:.625rem}.version-strip a{margin-left:0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{padding:14px 12px;gap:11px}.category-card>.glyph:first-child{font-size:1rem}.category-card>.glyph:last-child{display:none}.category-card strong{font-size:.8125rem}.category-card span:not(.glyph){font-size:.6875rem}.guides-grid{grid-template-columns:1fr}.guide-card{min-height:116px;gap:13px}.guide-image{height:91px;width:91px;min-width:91px}.guide-card h3{font-size:1rem}.guide-card p:not(.eyebrow){font-size:.8125rem}.element-strip{grid-template-columns:repeat(4,1fr);gap:19px 5px;padding:16px 8px}.element-strip a{font-size:.8125rem}.element-strip .entity-icon{width:55px;height:45px;font-size:1.75rem}.section-heading{gap:10px;align-items:end}.section-heading h2{font-size:1.85rem}.section-heading>.small{display:none}.section-heading>a{font-size:.75rem}.home-section{margin:30px 0}.catalog-grid,.catalog-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:135px}.skill-card .card-art .entity-icon{width:125px;height:125px}.card-info{padding:12px}.card-info h3{font-size:.9375rem}.card-info p{font-size:.75rem}.card-tags .badge{font-size:.5625rem}.world-grid{gap:12px}.world-card{height:190px}.world-card>div{left:12px;bottom:13px}.world-card h3{font-size:1.6rem}.world-card span{font-size:.625rem}.page-heading{padding:12px 0 22px}.page-heading h1{font-size:2.8rem}.lead{font-size:1rem}.catalog-controls{padding:14px;gap:10px}.catalog-controls>.search-field{flex-basis:100%}.catalog-controls>label:not(.search-field){flex:1;min-width:100px}.catalog-controls .button{flex:1}.entity-heading{gap:15px;align-items:start}.entity-portrait{width:105px;height:120px;padding:8px}.entity-heading h1{font-size:2.35rem}.entity-heading .eyebrow{font-size:.625rem;margin-bottom:8px}.entity-heading .lead{font-size:.875rem}.entity-heading .updated{font-size:.625rem}.section-tabs a{padding:12px 14px}.content-section{padding-top:24px}.content-section h2{font-size:2rem}.variant{padding:15px;gap:12px;flex-direction:column}.variant>a{display:flex;width:auto;align-items:center;text-align:left;gap:10px}.variant .entity-icon{width:35px;height:35px;margin:0;font-size:1.5rem}.guide-banner{height:230px}.capture-button img{height:280px}.form-grid{grid-template-columns:1fr 1fr}.planner-slots{grid-template-columns:1fr}.planner-relics{grid-template-columns:1fr 1fr}.tool-panel{padding:18px}.tool-panel .form-grid{gap:12px}.damage-results{gap:8px}.metric{padding:15px 10px}.metric strong{font-size:2.1rem}.metric span{font-size:.75rem}.fusion-result{padding:17px;gap:14px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-grid .capture-button img{height:145px}.gallery-grid .capture-button span{font-size:.625rem;padding:8px}.gallery-grid figcaption{font-size:.75rem}.site-footer{gap:15px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.site-footer>div{margin-left:0;flex-basis:100%}.search-dialog{padding:17px}.build-example{padding:20px}.build-example .related-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.breadcrumbs{margin-bottom:20px}.guide-banner{object-position:center}.table-scroll{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.sidebar,.site-footer,.on-this-page,.section-tabs,.actions,.catalog-controls{display:none!important}main{margin:0;padding:0}body{background:white;color:black}.content-section p,td{color:#222}.article-layout{display:block}a{color:inherit}.table-scroll{overflow:visible}.content-section{break-inside:avoid}}

/* Shared brand artwork and readable metadata at every breakpoint. */
.eden-brand-mark{width:39px;height:36px;object-fit:contain}.nav-label,.sidebar-footer span,.eyebrow,.guide-card .eyebrow,.version-strip,.badge,.card-tags .badge,.entity-heading .updated,.entity-heading .eyebrow,.world-card span,.gallery-grid .capture-button span{font-size:.75rem}.edenworks small{font-size:.625rem}.parked-tag{font-size:.75rem}.category-card span:not(.glyph){font-size:.8125rem}

.home-hero{--hero:url(sky.jpg)}

:root[data-theme=light] .eden-brand-mark{filter:brightness(.32) saturate(.7)}
:root[data-theme=light] .button:not(.secondary){color:#fff}

/* Catalog defaults preserve the game's rarity and element sequence. */
.catalog-section{margin:28px 0 40px}.catalog-group-title{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);padding-bottom:14px}.catalog-group-title .small{font-family:Segoe UI,Arial,sans-serif;font-weight:400}.element-chart{margin:30px 0 38px}.element-chart .table-scroll{max-width:100%;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.element-chart table{min-width:770px;table-layout:fixed}.element-chart th:first-child{width:96px;position:sticky;left:0;background:var(--panel);z-index:1}.element-chart td a,.element-chart th a{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.element-chart th .entity-icon,.element-chart td .entity-icon{width:38px;height:38px;font-size:1.8rem}.element-chart td a:active{background:var(--raised)}.family-variants .card-art{height:210px}.family-variants .entity-art{object-fit:contain}

.game-icon-plate{width:138px;height:138px;display:grid;place-items:center;background-position:center;background-size:contain;background-repeat:no-repeat;flex:none}.game-element-plate{background-image:url(element-plate.webp)}.game-relic-plate{background-image:url(relic-plate.webp)}.game-icon-plate .entity-icon{width:96px;height:96px;font-size:3.5rem}.entity-portrait .game-icon-plate{width:100%;height:100%}.entity-portrait .game-icon-plate .entity-icon{width:75%;height:75%;font-size:3.1rem}.element-chart .entity-icon{font-size:18px!important}.element-chart td a,.element-chart th a{flex-direction:row;gap:7px;min-height:50px}.element-chart th .entity-icon,.element-chart td .entity-icon{width:22px;height:22px}.element-chart td,.element-chart th{padding:10px 7px}.element-chart table{min-width:820px}.element-chart a span:last-child{font-size:13px}
@media(max-width:650px){.game-icon-plate{width:116px;height:116px}.game-icon-plate .entity-icon{width:80px;height:80px;font-size:2.8rem}.entity-portrait .game-icon-plate .entity-icon{font-size:2rem}}

/* Preserve complete current UI captures; guide illustrations can be enlarged. */
.guide-image img{object-fit:contain}.guide-banner-button{display:block;width:100%;padding:0;margin:0 0 30px;border:0;background:var(--panel);border-radius:5px;cursor:zoom-in;overflow:hidden}.guide-banner-button .guide-banner{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:0;border:0;border-radius:0}@media(max-width:600px){.guide-banner-button .guide-banner{max-height:70dvh}}
