@layer components{.lj-hub{width:100%;min-width:0;max-width:80rem;color:var(--rev-text);font-family:var(--font-sans);gap:1.5rem;margin-inline:auto;padding:1.25rem 1.5rem 2rem;display:grid;container:lj-hub/inline-size}.lj-banner{border:1px solid var(--rev-line);border-radius:var(--rev-radius-media);background:var(--rev-tint-soft);grid-template-columns:minmax(0,1fr) 15rem;align-items:center;min-height:11.25rem;padding:1.5rem 2rem;display:grid;position:relative;overflow:hidden}.lj-banner-copy{z-index:1;gap:.5rem;min-width:0;display:grid;position:relative}.lj-eyebrow{font-size:var(--rev-fs-ui);margin:0;font-weight:600}.lj-eyebrow span{color:var(--rev-muted);margin-left:.375rem;font-weight:400}.lj-banner h1{font-size:var(--rev-fs-display-xl);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:750;line-height:1.25}.lj-tagline{color:var(--rev-muted);font-size:var(--rev-fs-title);margin:0;line-height:1.5}.lj-notice{color:var(--rev-muted);font-size:var(--rev-fs-ui);margin:.25rem 0 0;line-height:1.5}.lj-notice a{color:var(--rev-text);text-underline-offset:.2em;text-decoration:underline}.lj-banner-guide{pointer-events:none;-webkit-user-select:none;user-select:none;width:15rem;position:absolute;inset:0 2rem 0 auto}.lj-banner-guide img{width:12rem;height:auto;margin-inline:auto;display:block}.lj-directory,.lj-assessments{gap:.875rem;min-width:0;display:grid}.lj-section-head{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.lj-section-head h2{font-size:var(--rev-fs-lead);align-items:center;gap:.5rem;margin:0;font-weight:650;line-height:1.5;display:flex}.lj-section-head h2>span{color:var(--rev-muted);font-size:var(--rev-fs-ui);font-variant-numeric:tabular-nums;font-weight:400}.lj-section-head h2>svg{width:1rem;height:1rem;color:var(--rev-muted)}.lj-section-head>p{color:var(--rev-muted);font-size:var(--rev-fs-ui);margin:0}.lj-game-grid,.lj-assessment-grid{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.lj-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lj-game-grid>li,.lj-assessment-grid>li{min-width:0}.lj-game-card{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);height:100%;min-height:8rem;color:var(--rev-text);touch-action:manipulation;transition:background-color var(--rev-motion-fast) var(--rev-ease-out), border-color var(--rev-motion-fast) var(--rev-ease-out);flex-direction:column;gap:.375rem;padding:.875rem 1rem;text-decoration:none;display:flex}.lj-game-meta{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.lj-game-icon{border-radius:var(--rev-radius-control);background:var(--rev-surface-soft);flex:none;place-items:center;width:2rem;height:2rem;display:grid}.lj-game-icon svg{width:1.125rem;height:1.125rem}.lj-game-category{color:var(--rev-muted);font-size:var(--rev-fs-body)}.lj-game-arrow{width:1rem;height:1rem;color:var(--rev-muted);margin-left:auto}.lj-game-card h3{font-size:var(--rev-fs-stat);margin:0;font-weight:650;line-height:1.4}.lj-game-card p{color:var(--rev-muted);font-size:var(--rev-fs-ui);overflow-wrap:anywhere;margin:0;line-height:1.5}.lj-text-link{min-height:2.75rem;color:var(--rev-muted);font-size:var(--rev-fs-ui);justify-content:flex-end;align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.lj-text-link svg{width:.875rem;height:.875rem}.lj-assessment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lj-assessment-card{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);height:100%;min-height:4.5rem;color:var(--rev-text);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;display:flex}.lj-assessment-card>span{gap:.25rem;min-width:0;display:grid}.lj-assessment-card strong{font-size:var(--rev-fs-title);font-weight:600}.lj-assessment-card span>span{color:var(--rev-muted);font-size:var(--rev-fs-ui)}.lj-assessment-card>svg{width:1rem;height:1rem;color:var(--rev-muted);flex:none}.lj-game-card:focus-visible,.lj-assessment-card:focus-visible,.lj-text-link:focus-visible,.lj-notice a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (hover:hover) and (pointer:fine){.lj-game-card:hover,.lj-assessment-card:hover{border-color:var(--rev-accent-strong);background:var(--rev-tint-soft)}.lj-text-link:hover{color:var(--rev-text);text-underline-offset:.2em;text-decoration:underline}}@container lj-hub (width<=960px){.lj-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container lj-hub (width<=720px){.lj-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lj-banner{grid-template-columns:minmax(0,1fr) 11rem;padding:1.25rem}.lj-banner-guide{width:12rem;right:0}.lj-banner h1{font-size:var(--rev-fs-display-lg)}}@container lj-hub (width<=500px){.lj-banner{grid-template-columns:minmax(0,1fr) 6.5rem;min-height:10rem;padding:1rem}.lj-banner-copy{gap:.375rem}.lj-banner h1{font-size:var(--rev-fs-display-md)}.lj-banner-guide{width:7.5rem;inset:0 0 0 auto}.lj-banner-guide img{width:7.5rem;max-width:none;margin-left:0}.lj-tagline{font-size:var(--rev-fs-ui)}.lj-notice{max-width:13rem;font-size:var(--rev-fs-body)}.lj-eyebrow{font-size:var(--rev-fs-body)}.lj-eyebrow span{display:none}.lj-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lj-game-card{min-height:8rem;padding:.75rem}.lj-game-card h3{font-size:var(--rev-fs-lead)}.lj-section-head>p{max-width:8rem;font-size:var(--rev-fs-body);text-align:right}.lj-assessment-grid{grid-template-columns:1fr;gap:.5rem}}@container lj-hub (width<=270px){.lj-game-grid{grid-template-columns:1fr}.lj-banner{grid-template-columns:minmax(0,1fr) 4.5rem}.lj-banner-guide{width:6.5rem;right:-1rem}.lj-banner-guide img{width:7rem}}@media (width<=640px){.lj-hub{gap:1.25rem;padding:.75rem .875rem 1.5rem}}@media (prefers-reduced-motion:reduce){.lj-game-card{transition:none}}}
