.gn196{--gn-ink:#f3f7ff;--gn-muted:#c2cee2;--gn-edge:#435571;--gn-mint:#b7ffe4;--gn-gold:#ffe8a3;color:var(--gn-ink);background:#102139;border:1px solid #3c5470;border-radius:24px;padding:24px;box-shadow:0 8px 0 #122b4415;font:400 var(--gn-body,1rem)/1.5 system-ui,sans-serif;isolation:isolate}
.gn196,.gn196 *{box-sizing:border-box}.gn196 [hidden]{display:none!important}.gn196 h1,.gn196 h2,.gn196 h3,.gn196 p{color:inherit}.gn196-intro{display:block;margin:0 0 18px}.gn196-kicker{font-size:var(--gn-small,.875rem);font-weight:800;letter-spacing:.08em;color:var(--gn-mint)}.gn196-intro h1{font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.14;letter-spacing:-.03em;margin:7px 0}.gn196-intro p{margin:0;color:var(--gn-muted);font-size:var(--gn-body,1rem)}
.gn196-filters{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:12px;padding:16px;border:1px solid var(--gn-edge);border-radius:16px;background:#192e48;align-items:end}.gn196-field{display:grid;gap:7px;min-width:0;font-size:var(--gn-small,.875rem);font-weight:750}.gn196-field>span{color:#f3f7ff}.gn196 input,.gn196 select{min-width:0;width:100%;height:48px;padding:10px 12px;background:#f6f9ff;border:2px solid #a7bacf;border-radius:10px;color:#162a43;font:400 1rem/1.25 system-ui,sans-serif}.gn196 button{min-height:48px;cursor:pointer;font:750 var(--gn-body,1rem)/1.25 system-ui,sans-serif}.gn196-reset{border:1px solid #b7ffe4;background:var(--gn-mint);color:#102f3c;border-radius:10px;padding:12px 16px}.gn196-reset:hover{background:#d3fff0}.gn196-count{padding:0;margin:14px 0 20px;font-size:var(--gn-small,.875rem);color:var(--gn-muted);line-height:1.6}
.gn196-group{margin:22px 0 30px}.gn196-group h2{font-size:1.375rem;line-height:1.25;letter-spacing:-.015em;margin:0 0 5px}.gn196-group-note{font-size:var(--gn-body,1rem);color:var(--gn-muted)!important;margin:0 0 16px;max-width:74ch}.gn196-prerequisites{border-top:1px solid var(--gn-edge);padding-top:24px}.gn196-prerequisites h2{color:var(--gn-gold)}.gn196-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.gn196 .gn196-card{display:flex;flex-direction:column;min-width:0;min-height:48px;color:#192c45;background:#f5f8fe;border:1px solid #a4b9d0;border-radius:17px;overflow:hidden;text-decoration:none;box-shadow:0 4px 0 #052034;transition:border-color .16s,box-shadow .16s;position:relative;--tile:#d8ecf0;--accent:#234d61;--cat-fill:#70bdc0}.gn196 .gn196-card:hover{border-color:#b7ffe4;box-shadow:0 0 0 2px #b7ffe45e,0 4px 0 #052034;transform:none}.gn196 .gn196-card:nth-child(3n+2){--tile:#f4e4c8;--accent:#765317;--cat-fill:#d3aa69}.gn196 .gn196-card:nth-child(3n){--tile:#e4e0f3;--accent:#59457d;--cat-fill:#ab9dd1}
.gn196 .gn196-art{position:relative!important;inset:auto!important;z-index:auto!important;display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:100%!important;max-width:100%!important;height:162px!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important;padding:0!important;background:var(--tile);overflow:hidden;pointer-events:none}.gn196 .gn196-art>img,.gn196 img.gn196-art{display:block!important;width:100%;height:162px;object-fit:cover}.gn196 .gn196-art>svg,.gn196 svg.gn196-art{max-height:150px;max-width:100%;width:100%}.gn196 .gn196-art .cat-icon{height:90px;width:90px}.gn196 .gn196-art>span:not(:has(svg)){display:none}.gn196 .gn196-art>span:has(svg){display:grid;place-items:center;max-width:28%;background:#ffffff9e;border-radius:12px;padding:6px}.gn196 .gn196-art kbd{font-size:1.375rem;padding:12px}.gn196 .game-world-cover{pointer-events:none}.gn196 .gn196-art.gw-cover{position:relative!important}
.gn196-copy{padding:17px;display:flex;flex-direction:column;gap:10px;flex:1}.gn196-badges{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--gn-small,.875rem);line-height:1.35}.gn196-subject{font-weight:750;color:#2e4660}.gn196-beta,.gn196-external{background:#e6ddff;color:#4c337c;padding:2px 7px;border-radius:6px;font-size:var(--gn-small,.875rem)}.gn196 .gn196-card h3{font-size:1.3125rem;line-height:1.23;letter-spacing:-.02em;margin:0;color:#142b43}.gn196 .gn196-card p{margin:0;font-size:var(--gn-body,1rem);line-height:1.5;color:#344b64}.gn196 .gn196-card .gn196-class{font-weight:750;color:#183c50}.gn196 .gn196-card .gn196-class-detail,.gn196 .gn196-card .gn196-prerequisite,.gn196 .gn196-card .gn196-reason{font-size:var(--gn-small,.875rem);line-height:1.5;color:#3d536c}.gn196-reason{border-top:1px solid #c9d5e3;padding-top:9px}.gn196-open{display:flex;align-items:center;min-height:48px;margin-top:auto;padding-top:9px;color:#234e68;font-weight:800;font-size:var(--gn-body,1rem)}.gn196-empty{padding:20px;background:#1c334f;border:1px solid var(--gn-edge);border-radius:16px}.gn196-empty h2{font-size:1.375rem;margin:0 0 8px}.gn196-empty p{margin:0 0 16px;color:var(--gn-muted)}.gn196-device{border-top:1px solid var(--gn-edge);padding-top:10px}.gn196-device summary{min-height:48px;padding:12px 0;font-size:var(--gn-body,1rem);font-weight:750;cursor:pointer}.gn196-device p{color:var(--gn-muted);margin:4px 0 0}
.gn196 :is(a,button,input,select,summary):focus-visible,.gn196-count:focus{outline:3px solid #ffe8a3;outline-offset:4px}.gn196 .gn196-card:focus-visible{outline:4px solid #ffe8a3;outline-offset:4px}.gn196 *{animation:none!important}
@media(max-width:1000px){.gn196-filters{grid-template-columns:1fr 1fr}.gn196-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.gn196{padding:16px;border-radius:18px}.gn196-intro{margin-bottom:14px}.gn196-intro h1{font-size:1.6875rem}.gn196-filters{padding:12px;gap:10px;grid-template-columns:1fr 1fr}.gn196-field:nth-child(3){grid-column:1/-1}.gn196-reset{grid-column:1/-1;width:100%}.gn196-grid{grid-template-columns:1fr;gap:16px}.gn196-group{margin:20px 0 24px}.gn196-count{margin:12px 0 17px}.gn196 .gn196-art{height:156px!important}.gn196 .gn196-art>img,.gn196 img.gn196-art{height:156px}.gn196-copy{padding:16px}.gn196 .gn196-card h3{font-size:1.375rem}}
@media(prefers-reduced-motion:reduce){.gn196 *{transition:none!important;scroll-behavior:auto!important}}html[data-study-motion="reduced"] .gn196 *{transition:none!important;scroll-behavior:auto!important}
.preview-note196{display:block;font-size:var(--gn-small,.875rem)}.preview-note196 summary{display:flex;align-items:center;min-height:48px;gap:8px;cursor:pointer;font-size:var(--gn-body,1rem);font-weight:750;list-style:revert}.preview-note196 summary:focus-visible{outline:3px solid #27629d;outline-offset:4px}.preview-note196 p{font-size:var(--gn-body,1rem);line-height:1.5;margin:4px 0 12px}

:is(html[data-support-text="large"],html[data-study-mode="reading"],html[data-study-mode="focus"],html[data-study-mode="steps"]) .gn196{--gn-body:1.125rem;--gn-small:1rem}
@media(forced-colors:active){.gn196,.gn196 .gn196-card,.gn196-filters,.gn196-empty,.gn196-reset,.gn196 input,.gn196 select{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.gn196 :is(h1,h2,h3,p,span,label,summary){color:CanvasText!important}.gn196 .gn196-card,.gn196 .gn196-card .gn196-open{color:LinkText!important}.gn196 .gn196-art{forced-color-adjust:none}.gn196 :is(a,button,input,select,summary):focus-visible,.gn196-count:focus{outline-color:Highlight}.gn196 .gn196-card:hover{border-color:Highlight;box-shadow:none}}