.home-portal{--home-line:color-mix(in srgb, var(--gold) 24%, var(--border))}.home-hero{isolation:isolate;border-bottom:1px solid var(--home-line);align-items:center;min-height:540px;display:grid;position:relative;overflow:hidden}.home-hero>img{object-fit:cover;object-position:center 54%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.home-hero:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--ink-black) 2%, #0c0f0ec9 30%, #0c0f0e28 73%), linear-gradient(0deg, var(--ink-black), transparent 46%);position:absolute;inset:0}.home-hero-content{width:100%;padding-top:48px;padding-bottom:60px}.home-hero h1{text-wrap:balance;letter-spacing:-.045em;max-width:11ch;margin:0 0 34px;font-size:clamp(44px,6.2vw,84px);font-weight:500;line-height:1.12}.home-actions{flex-wrap:wrap;gap:12px;display:flex}.home-actions .game-button{min-height:48px;padding:12px 22px}.home-database{padding-top:38px;padding-bottom:40px}.home-database h2{font-size:var(--type-section);margin:0 0 18px}.home-database-links{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.home-database-links a{border:1px solid var(--border);background:var(--ink-dark);color:var(--text);font-size:var(--type-label);justify-content:space-between;align-items:center;gap:10px;padding:17px 16px;display:flex}.home-database-links a:hover{border-color:var(--gold);text-decoration:none}.home-tools{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;display:grid}.home-build-entry{color:var(--text);border:1px solid var(--home-line);background:linear-gradient(125deg, #d9b36a0c, transparent 70%), var(--ink-dark);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:24px;display:grid}.home-build-entry:hover{border-color:var(--gold);text-decoration:none}.home-build-entry h2{font-size:var(--type-section);color:var(--text);margin:0}.home-open{color:var(--link);font-size:var(--type-label);white-space:nowrap;grid-area:1/2/3;align-items:center;gap:12px;display:inline-flex}.home-tool-links{gap:12px;display:grid}.home-tool-links a{border:1px solid var(--border);color:var(--text);font-family:var(--font-display);font-size:var(--type-object);justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.home-tool-links a:hover{border-color:var(--gold);text-decoration:none}.home-reading{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;padding-top:48px;padding-bottom:12px;display:grid}.home-section-heading{border-bottom:1px solid var(--home-line);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:16px;display:flex}.home-section-heading h2{font-size:var(--type-section);margin:0}.home-section-heading a{font-size:var(--type-label)}.home-guide-list>a,.home-news-list>a{border-bottom:1px solid var(--border);color:var(--text);padding:20px 0;display:block}.home-guide-list>a:hover,.home-news-list>a:hover{color:var(--gold);text-decoration:none}.home-reading h3{font-size:var(--type-object);margin:0;line-height:1.5}.home-reading p{font-size:var(--type-body);color:var(--text-muted);margin:8px 0 0;line-height:1.7}.home-reading time{color:var(--text-muted);font-size:var(--type-label);margin-bottom:7px;display:block}.home-portal a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (max-width:1100px){.home-database-links{grid-template-columns:repeat(4,minmax(0,1fr))}.home-tools{grid-template-columns:1fr}.home-tool-links{grid-template-columns:1fr 1fr}}@media (max-width:640px){.home-hero{min-height:410px}.home-hero>img{object-position:63% center}.home-hero:before{background:linear-gradient(90deg, #0c0f0ecf, #0c0f0e33), linear-gradient(0deg, var(--ink-black), transparent 65%)}.home-hero-content{padding-top:36px;padding-bottom:42px}.home-database-links{grid-template-columns:repeat(2,minmax(0,1fr))}.home-build-entry{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}.home-open{grid-area:3/1}.home-tool-links,.home-reading{grid-template-columns:1fr;gap:16px}.home-reading{gap:36px;padding-top:36px}}.home-introduction{padding-top:32px}.home-introduction-panel{border-block:1px solid var(--home-line);background:var(--ink-dark)}.home-introduction-panel h2{margin:0}.home-introduction-panel h2 button{width:100%;color:var(--text);text-align:left;cursor:pointer;font:500 var(--type-section)/1.4 var(--font-display);background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.home-introduction-panel h2 button:hover{color:var(--gold)}.home-introduction-panel h2 button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.home-introduction-chevron{border-bottom:1px solid;border-right:1px solid;flex:none;width:8px;height:8px;margin-right:4px;transform:rotate(45deg)}.home-introduction-panel [aria-expanded=true] .home-introduction-chevron{transform:rotate(225deg)}.home-introduction-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 24px 24px;display:grid}.home-introduction-body[hidden]{display:none}.home-introduction-body h3{font:500 var(--type-object)/1.5 var(--font-display);margin:0 0 8px}.home-introduction-body h3 a{color:var(--text)}.home-introduction-pair{flex-direction:column;gap:2px;display:flex}.home-introduction-body h3 a:hover{color:var(--gold)}.home-introduction-body p,.home-build-summary{color:var(--text-muted);font:var(--type-body)/1.75 var(--font-sans);margin:0}.home-build-summary{grid-area:2/1;min-width:0;max-width:62ch}@media (max-width:640px){.home-introduction-panel h2 button{padding:18px}.home-introduction-body{grid-template-columns:1fr;gap:20px;padding:0 18px 20px}}@media (min-width:1101px){.home-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}}@container column not (min-width:940px){.home-database-links{grid-template-columns:repeat(4,minmax(0,1fr))}.home-tools{grid-template-columns:1fr}.home-tool-links{grid-template-columns:1fr 1fr}.home-guide-list{display:block}}html[data-home-intro-collapsed] .home-introduction-body{display:none}html[data-home-intro-collapsed] .home-introduction-panel .home-introduction-chevron{transform:rotate(45deg)}.home-news-image{aspect-ratio:16/9;object-fit:cover;block-size:auto;inline-size:100%;margin-block-end:12px;display:block}
