body.wd-info-open{overflow:hidden}
#wordDecksInfoOverlay{z-index:10020;padding:16px}
#wordDecksInfoOverlay[hidden]{display:none!important}
#wordDecksInfoOverlay .wordDecksInfoModal{display:flex;flex-direction:column;padding:0;overflow:hidden;width:min(720px,100%);max-height:92dvh;background:var(--panel);border:1px solid #4b385c;border-radius:16px;color:var(--text)}
#wordDecksInfoOverlay .wordDecksInfoTop{flex:none;padding:16px 20px;border-bottom:1px solid #4b385c}
#wordDecksInfoOverlay h2{margin:0}
#wordDecksInfoOverlay .wordDecksInfoBody{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 20px 20px;font-size:15px;line-height:1.55}
#wordDecksInfoOverlay .wordDecksInfoBody h2{font-size:20px;line-height:1.2;margin:24px 0 10px}
#wordDecksInfoOverlay .wordDecksInfoBody h3{font-size:18px;margin:20px 0 8px}
#wordDecksInfoOverlay .wordDecksInfoBody p{margin:12px 0;color:var(--muted)}
#wordDecksInfoOverlay .wordDecksInfoBody a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#wordDecksInfoOverlay .wordDecksInfoBody li{margin:6px 0}
#wordDecksInfoOverlay .wordDecksInfoBody :is(.info-notice,.info-box,.action-box){padding:14px;border:1px solid #4b385c;border-radius:10px;background:var(--panel2);margin:12px 0}
#wordDecksInfoOverlay .wordDecksInfoBody :is(.info-grid,.info-actions){display:grid;gap:10px}
#wordDecksInfoOverlay .info-grid .info-box{margin:0}
#wordDecksInfoOverlay .info-box>strong{display:block;margin-bottom:5px;color:var(--text)}
#wordDecksInfoOverlay .info-actions{grid-template-columns:1fr 1fr}
#wordDecksInfoOverlay .info-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--accent2)!important}
#wordDecksInfoOverlay .info-updated{font-size:12px}
#wordDecksInfoOverlay .wordDecksInfoBody :is(button,a,input,select):focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
@media(max-width:700px){
 #wordDecksInfoOverlay{padding:12px}
 #wordDecksInfoOverlay .wordDecksInfoModal{max-height:96dvh;border-radius:12px}
 #wordDecksInfoOverlay .wordDecksInfoTop{padding:11px}
 #wordDecksInfoOverlay .wordDecksInfoBody{padding:3px 11px 16px;font-size:14px}
}
html[data-theme="light"] #wordDecksInfoOverlay :is(.wordDecksInfoModal,.wordDecksInfoTop,.info-notice,.info-box,.action-box){border-color:#cbb6ce}
html[data-theme="contrast"] #wordDecksInfoOverlay :is(.wordDecksInfoModal,.wordDecksInfoTop,.info-notice,.info-box,.action-box){border-color:#fff}