:where(.m-game) .genre-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);cursor:pointer;text-align:center;padding:10px;transition:background .12s,border-color .12s}:where(.m-game) .genre-card:hover{background:var(--color-background-secondary)}:where(.m-game) .genre-card.active{background:var(--color-background-secondary);border-color:var(--color-border-secondary)}:where(.m-game) .genre-detail{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);margin-bottom:1rem;padding:13px 15px;display:none}:where(.m-game) .genre-detail.show{display:block}:where(.m-game) .pc-label{color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:140px;font-size:11px}:where(.m-game) .pc-fill{border-radius:3px;align-items:center;height:100%;padding:0 5px;display:flex;position:absolute;top:0}:where(.m-game) .pc-axis{height:14px;margin-bottom:4px;margin-left:148px;display:flex;position:relative}:where(.m-game) .cscale-name{color:var(--color-text-primary);flex-shrink:0;width:150px;font-size:12px}:where(.m-game) .cscale-dot{border:2px solid var(--color-background-primary);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}:where(.m-game) .elem-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);cursor:pointer;text-align:center;padding:11px 12px;transition:background .12s}:where(.m-game) .elem-card:hover{background:var(--color-background-secondary)}:where(.m-game) .elem-card.active{background:var(--color-background-secondary);border-color:var(--color-border-secondary)}:where(.m-game) .elem-icon{margin-bottom:4px;font-size:18px}:where(.m-game) .ind-label{color:var(--color-text-secondary);text-align:right;flex-shrink:0;width:130px;padding-right:8px;font-size:11px}:where(.m-game) .dot-row{align-items:center;gap:5px;margin-bottom:6px;display:flex}:where(.m-game) .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}:where(.m-game) .dot-filled{background:#7e5bbf}:where(.m-game) .dot-label{color:var(--color-text-secondary);margin-left:4px;font-size:11px}:where(.m-game) .ntab{border-radius:var(--border-radius-md);border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px}:where(.m-game) .ntab.active{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:600}:where(.m-game) .npanel{display:none}:where(.m-game) .npanel.show{display:block}@media (width<=500px){:where(.m-game) .pc-label{width:90px;font-size:10px}:where(.m-game) .pc-axis{margin-left:98px}:where(.m-game) .cscale-name{width:110px;font-size:11px}:where(.m-game) .ind-label{width:90px;font-size:10px}}:where(.m-game) .text-indigo-900{color:#3c3489}:where(.m-game) .text-red-900{color:#791f1f}:where(.m-game) .deep-dive-kicker{letter-spacing:.1em;text-transform:uppercase;color:#7e5bbf;margin-bottom:2px;font-size:10px;font-weight:600}:where(.m-game) .game-panel{border-radius:var(--border-radius-md);background:#eeedfe;border:.5px solid #afa9ec;padding:10px 12px}:where(.m-game) .game-label{color:#3c3489;margin-bottom:4px;font-size:11px;font-weight:500}:where(.m-game) .element-desc{color:var(--tint-color);font-size:12px;line-height:1.5}:where(.m-game) .element-desc-rules{--tint-color:#534ab7}:where(.m-game) .element-panel-goals{border-radius:var(--border-radius-md);background:#e1f5ee;border:.5px solid #5dcaa5;padding:10px 12px}:where(.m-game) .element-title-goals{color:#04342c;margin-bottom:4px;font-size:11px;font-weight:500}:where(.m-game) .element-desc-goals{--tint-color:#0f6e56}:where(.m-game) .element-panel-interactivity{border-radius:var(--border-radius-md);background:#faeeda;border:.5px solid #ef9f27;padding:10px 12px}:where(.m-game) .element-title-interactivity{color:#412402;margin-bottom:4px;font-size:11px;font-weight:500}:where(.m-game) .element-desc-interactivity{--tint-color:#854f0b}:where(.m-game) .element-panel-voluntary{border-radius:var(--border-radius-md);background:#e6f1fb;border:.5px solid #85b7eb;padding:10px 12px}:where(.m-game) .element-title-voluntary{color:#042c53;margin-bottom:4px;font-size:11px;font-weight:500}:where(.m-game) .element-desc-voluntary{--tint-color:#185fa5}:where(.m-game) .element-panel-magic-circle{border-radius:var(--border-radius-md);background:#fcebeb;border:.5px solid #f09595;padding:10px 12px}:where(.m-game) .element-title-magic-circle{color:#791f1f;margin-bottom:4px;font-size:11px;font-weight:500}:where(.m-game) .element-desc-magic-circle{--tint-color:#a32d2d}:where(.m-game) .element-panel-lusory{border-radius:var(--border-radius-md);background:#faece7;border:.5px solid #f0997b;padding:10px 12px}:where(.m-game) .element-title-lusory{color:#4a1b0c;margin-bottom:4px;font-size:11px;font-weight:500}:where(.m-game) .element-desc-lusory{--tint-color:#993c1d}:where(.m-game) .interactivity-note{color:var(--color-text-secondary);margin-top:10px;font-size:11px;line-height:1.6}:where(.m-game) .challengeval{color:var(--color-text-primary);min-width:60px;font-size:12px;font-weight:500}:where(.m-game) .flowresult{border-radius:var(--border-radius-md);padding:10px 14px;font-size:13px;font-weight:500;transition:background .3s}:where(.m-game) .axis-tick-small-data{left:var(--data-left)}:where(.m-game) .pc-fill-data{background:var(--data-background);left:var(--data-left);width:var(--data-width)}:where(.m-game) .genres-intro{color:var(--color-text-secondary);margin-bottom:1rem;font-size:13px;line-height:1.6}:where(.m-game) .card-grid-compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}:where(.m-game) .elements-grid-6up{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}:where(.m-game) .genres-grid-9up{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}:where(.m-game) .express-grid-2up,:where(.m-game) .dev-grid-2up{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}:where(.m-game) .fill-bar-data{background:var(--data-background);width:var(--data-width)}:where(.m-game) .platform-panel{border-radius:var(--border-radius-md);background:var(--tint-background);border:var(--tint-border);padding:11px 13px}:where(.m-game) .platform-panel-mobile{--tint-background:#eeedfe;--tint-border:.5px solid #afa9ec}:where(.m-game) .platform-title{color:var(--tint-color);margin-bottom:3px;font-size:12px;font-weight:600}:where(.m-game) .platform-title-mobile{--tint-color:#3c3489}:where(.m-game) .platform-desc{color:var(--tint-color);font-size:12px;line-height:1.6}:where(.m-game) .platform-desc-mobile{--tint-color:#534ab7}:where(.m-game) .platform-panel-console{--tint-background:#faeeda;--tint-border:.5px solid #ef9f27}:where(.m-game) .platform-title-console{--tint-color:#633806}:where(.m-game) .platform-desc-console{--tint-color:#854f0b}:where(.m-game) .platform-panel-pc{--tint-background:#e6f1fb;--tint-border:.5px solid #85b7eb}:where(.m-game) .platform-title-pc{--tint-color:#0c447c}:where(.m-game) .platform-desc-pc{--tint-color:#185fa5}:where(.m-game) .cscale-dot-data{background:var(--data-background);left:var(--data-left)}html[data-theme=dark] :where(.m-game) .deep-dive-kicker{color:#a88cda}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-game) .deep-dive-kicker{color:#a88cda}}:where(.m-game) .game-bar-dark-text{color:#000}.fa-gamepad{background-color:currentColor;width:1.25em;-webkit-mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 640 512%22><path fill=%22currentColor%22 d=%22M192 64C86 64 0 150 0 256S86 448 192 448H448c106 0 192-86 192-192s-86-192-192-192H192zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24v32h32c13.3 0 24 10.7 24 24s-10.7 24-24 24H216v32c0 13.3-10.7 24-24 24s-24-10.7-24-24V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h32V200z%22/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 640 512%22><path fill=%22currentColor%22 d=%22M192 64C86 64 0 150 0 256S86 448 192 448H448c106 0 192-86 192-192s-86-192-192-192H192zM496 168a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM392 304a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM168 200c0-13.3 10.7-24 24-24s24 10.7 24 24v32h32c13.3 0 24 10.7 24 24s-10.7 24-24 24H216v32c0 13.3-10.7 24-24 24s-24-10.7-24-24V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h32V200z%22/></svg>") 50%/contain no-repeat}