.hub-intro{padding:56px 0 28px}.hub-intro h1{font-size:clamp(28px,4.2vw,42px);line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;max-width:18em}.hub-intro p{margin:0;color:var(--ink-2);max-width:40em}.sec{margin-top:44px}.sec-head{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--ink);padding-bottom:10px}.sec-head h2{font-size:15px;font-weight:600;margin:0}.sec-head span{font-size:13px;color:var(--muted)}.dir{list-style:none;margin:0;padding:0}.dir li{border-bottom:1px solid var(--rule)}.dir a{display:grid;grid-template-columns:200px minmax(0,1fr) 190px 96px 20px;gap:6px 24px;align-items:center;padding:18px 2px;text-decoration:none}.dir a:hover{background:var(--paper-2)}.dir a:hover .go{color:var(--signal);transform:translate(2px)}.dir .name{font-size:18px;font-weight:600;letter-spacing:-.01em}.dir .desc{color:var(--ink-2);font-size:15px}.dir .domain{font-family:var(--mono);font-size:13px;color:var(--muted);white-space:nowrap}.dir .tag{justify-self:start;font-size:12px;border:1px solid var(--rule-2);border-radius:2px;padding:1px 7px;color:var(--ink-2);white-space:nowrap}.dir .tag.lock{border-color:var(--warn);color:var(--warn)}.dir .go{color:var(--muted);transition:transform .15s,color .15s;display:inline-flex}.dot{width:7px;height:7px;border-radius:50%;background:var(--rule-2);display:inline-block;margin-right:7px;vertical-align:1px}.dot.up{background:var(--ok)}.dot.down{background:var(--warn)}.game{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:24px 0 8px;align-items:start}.game figure{margin:0}.game img{display:block;width:220px;height:150px;object-fit:cover;border:1px solid var(--rule-2);border-radius:3px}.game h3{margin:0 0 4px;font-size:22px;font-weight:600}.game h3 a{text-decoration:none}.game h3 a:hover{box-shadow:inset 0 -2px 0 var(--signal)}.game .lede{margin:0 0 16px;color:var(--ink-2)}.tool-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.tool-cols h4.cont{visibility:hidden}.tool-cols h4{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--muted)}.tool-cols ul{list-style:none;margin:0 0 14px;padding:0}.tool-cols li a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dotted var(--rule-2);text-decoration:none;font-size:15px}.tool-cols li a:hover{color:var(--signal)}.tool-cols li a span{font-family:var(--mono);font-size:12px;color:var(--muted)}.note{font-size:13px;color:var(--muted);margin:18px 0 0}@media(max-width:860px){.dir a{grid-template-columns:minmax(0,1fr) auto 20px}.dir .desc{grid-column:1 / -1;grid-row:2}.dir .domain{grid-column:1 / 2;grid-row:3}.dir .tag{grid-column:2;grid-row:1;justify-self:end}.dir .go{grid-column:3;grid-row:1}.game{grid-template-columns:1fr;gap:16px}.game img{width:100%;height:160px}.tool-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.hub-intro{padding-top:36px}.tool-cols{grid-template-columns:1fr}.tool-cols h4.cont{display:none}.tool-cols ul{margin-bottom:10px}}.game .mg-fig a{display:block}.game .mg-fig svg{display:block;width:220px;height:150px;border:1px solid var(--rule-2);border-radius:3px}.game+.game{border-top:1px solid var(--rule);margin-top:18px}@media(max-width:860px){.game .mg-fig svg{width:100%;height:auto}}