.game-switch button .game-logo{display:block;width:156px;max-width:100%;height:78px;object-fit:contain;margin:0 auto 8px;background:transparent!important;filter:none!important}
.game-switch button{min-width:0;overflow-wrap:anywhere}
@media(max-width:620px){.game-switch button .game-logo{width:130px;height:66px}.game-switch button{padding:12px 8px}}
#grid[data-detail-surface="ready"] article.card{cursor:pointer}
#grid[data-detail-surface="ready"] article.card:has(.detail-open:focus-visible),#grid article.card:has(.image:focus-visible){outline:3px solid #237fb0;outline-offset:2px}
#grid .card-detail-hint{display:block;box-sizing:border-box;margin:7px 0 9px;padding:7px 6px;border:1px solid #cadcde;border-radius:7px;background:#eef5f5;color:#315a67;font-size:11px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;text-align:center}
#grid .card-detail-hint span{display:block}
#grid[data-detail-surface="ready"] .card>.info>.detail-open{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
#cardDialog{box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#cardDialog .detail-layout{min-width:0;align-items:start;gap:24px;padding:0;clear:both}
#cardDialog .detail-copy,#cardDialog .detail-visual{min-width:0}
#cardDialog .detail-copy{overflow-wrap:anywhere;padding:16px 0 0}
#cardDialog .detail-visual{min-height:0;padding:16px;border-radius:10px}
#cardDialog .detail-visual img{max-width:100%;height:auto}
#cardDialog .close{position:sticky;float:right;top:0;z-index:3;min-width:68px;min-height:40px;border-radius:8px;font-size:14px;background:#fff;color:#173e52;border:1px solid #c7d6d9}
#detailEdition{margin-top:18px;border-top:1px solid #d8e2e3;padding-top:12px}
#detailEdition h3{margin:0 0 14px;font-size:20px;color:#173e52}
.edition-fields{margin:0}.edition-field{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #e0e7e8;line-height:1.6}.edition-field dt{font-size:12px;font-weight:700;color:#52666c}.edition-field dd{margin:0;color:#183c4a;font-size:13px;overflow-wrap:anywhere}.edition-field dd p{margin:5px 0 0;font-size:12px;color:#687b80}.edition-sources h4{font-size:14px;margin:20px 0 8px}.edition-sources a{display:block;width:fit-content;padding:6px 0;overflow-wrap:anywhere}.edition-sources p{font-size:12px;color:#687b80;line-height:1.6}
@media(hover:hover){#grid[data-detail-surface="ready"] article.card:hover{outline:2px solid #b58a38;outline-offset:1px}}
@media(max-width:620px){#cardDialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}#cardDialog .detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%;clear:both}#cardDialog .detail-visual{width:min(100%,280px);margin:auto}#cardDialog .detail-copy{width:100%}.edition-field{grid-template-columns:minmax(0,1fr);gap:3px;padding:10px 0}#grid .card-detail-hint{font-size:11px;padding:7px 3px}#cardDialog .detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
