.qn-hex{isolation:isolate;color:#0e0e0e;filter:drop-shadow(3px 3px #0679ae);flex:none;place-items:center;width:40px;height:44px;display:grid;position:relative}.qn-hex:before{content:"";z-index:-1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#78d4ef;position:absolute;inset:0}.qn-hex svg{width:20px;height:20px}.qn-hex.num{filter:drop-shadow(3px 3px #8a6a12);width:46px;height:50px;font-size:19px;font-weight:800;line-height:1}.qn-hex.num:before{background:#f2c14e}.qn-hex.sm{width:auto;min-width:20px;height:22px;font:800 9px/1 var(--font-mono,ui-monospace), monospace;font-variant-numeric:tabular-nums;filter:drop-shadow(1px 1px #8a6a12);padding:0 4.5px}.qn-hex.sm:before{background:#f2c14e}.qn-pill{z-index:2;color:#0e0e0e;font:800 11px/16px var(--font-mono,ui-monospace), monospace;letter-spacing:.04em;text-transform:uppercase;background:#78d4ef;padding:2px 8px;position:absolute;top:8px;left:8px;box-shadow:2px 2px #0679ae}.qn-card{background:var(--surface);border:1.5px solid #fff3;transition:transform .12s,box-shadow .12s,border-color .12s}.qn-card:hover,.qn-card:focus-visible,.qn-card[aria-current=page]{border-color:#78d4ef;transform:translate(-2px,-2px);box-shadow:4px 4px #0679ae}.qn-cover{display:block;position:relative;overflow:hidden}.qn-cover>img,.qn-cover>.qn-covers{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.qn-covers{grid-template-columns:repeat(3,1fr);display:grid}.qn-covers img{object-fit:cover;width:100%;height:100%}.qn-cover:after{content:"";pointer-events:none;background:linear-gradient(#00000026 28%,#000000e6);position:absolute;inset:0}.qn-cover>.qn-label{inset-inline:12px;z-index:1;align-items:baseline;gap:8px;display:flex;position:absolute;bottom:10px}@media (prefers-reduced-motion:reduce){.qn-card{transition:none}.qn-card:hover{transform:none}}.qn-count{color:#f2c14e;font:800 12px/16px var(--font-mono,ui-monospace), monospace;letter-spacing:0;font-variant-numeric:tabular-nums;background:#0000008c;border:1.5px solid #f2c14ebf;flex:none;padding:1px 6px;display:inline-block}