.hqt-table-wrap{margin:22px 0;border:1px solid #766144;border-radius:18px;background:radial-gradient(ellipse,#173747,#091a2d);padding:14px}.hqt-table-wrap>p{color:#e5cc9b;font-size:14px}.hqt-table-scroll{overflow-x:auto;padding:12px 4px 22px}.hqt-table{display:grid;gap:20px;align-items:start;justify-items:center;max-width:950px;margin:auto;padding:20px}.hqt .hqt-slot{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;color:#eddbb2;padding:0;width:100%;opacity:1;min-width:0}.hqt-slot-face{display:grid;place-items:center;width:90px;height:135px;background:repeating-linear-gradient(45deg,#16283c,#16283c 8px,#1d3046 8px,#1d3046 9px);border:1px dashed #aa8c53;border-radius:9px;font-size:28px;color:#c3a269}.hqt-slot-label{font-size:12px;line-height:1.5;max-width:145px}.hqt-slot-face .hqt-card-art{width:100%;margin:0}.hqt-slot-face img{width:100%;height:135px;object-fit:contain}.hqt-placed .hqt-slot-face{border:2px solid #f3d899;box-shadow:0 0 15px #e2bd6240}.hqt-open .hqt-slot-face{background:#101a32;border-style:solid}.hqt-table-1{grid-template-columns:1fr}.hqt-table-3{grid-template-columns:repeat(3,1fr);min-width:370px}.hqt-table-5{grid-template-columns:repeat(3,1fr);min-width:400px}.hqt-table-5 .hqt-slot-1{grid-area:1/1}.hqt-table-5 .hqt-slot-2{grid-area:1/3}.hqt-table-5 .hqt-slot-3{grid-area:1/2}.hqt-table-5 .hqt-slot-4{grid-area:2/1/3/3}.hqt-table-5 .hqt-slot-5{grid-area:2/3}.hqt-table-7{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,190px);min-width:770px;gap:4px}.hqt-table-7 .hqt-slot-1{grid-area:1/1}.hqt-table-7 .hqt-slot-2{grid-area:2/2}.hqt-table-7 .hqt-slot-3{grid-area:3/3}.hqt-table-7 .hqt-slot-4{grid-area:3/4}.hqt-table-7 .hqt-slot-5{grid-area:3/5}.hqt-table-7 .hqt-slot-6{grid-area:2/6}.hqt-table-7 .hqt-slot-7{grid-area:1/7}.hqt-table-10{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,190px);min-width:720px;gap:15px}.hqt-table-10 .hqt-slot-1{grid-area:2/2}.hqt-table-10 .hqt-slot-2{grid-area:2/2;z-index:2;transform:translateY(45px)}.hqt-table-10 .hqt-slot-2 .hqt-slot-face{transform:rotate(90deg);width:70px;height:105px}.hqt-table-10 .hqt-slot-2 .hqt-slot-face img{height:105px}.hqt-table-10 .hqt-slot-2 .hqt-slot-label{background:#091a2d;padding:2px;margin-top:8px}.hqt-table-10 .hqt-slot-3{grid-area:1/2}.hqt-table-10 .hqt-slot-4{grid-area:3/2}.hqt-table-10 .hqt-slot-5{grid-area:2/1}.hqt-table-10 .hqt-slot-6{grid-area:2/3}.hqt-table-10 .hqt-slot-7{grid-area:4/5}.hqt-table-10 .hqt-slot-8{grid-area:3/5}.hqt-table-10 .hqt-slot-9{grid-area:2/5}.hqt-table-10 .hqt-slot-10{grid-area:1/5}.hqt-motion .hqt-placed{animation:hqt-place .25s ease-out}.hqt-motion .hqt-open{animation:hqt-flip .45s both;animation-delay:var(--hqt-delay,0s)}@keyframes hqt-place{from{opacity:.3;translate:0 -15px}to{opacity:1;translate:0 0}}@keyframes hqt-flip{from{opacity:.1;scale:.05 1}to{opacity:1;scale:1 1}}@media(prefers-reduced-motion:reduce){.hqt-motion .hqt-placed,.hqt-motion .hqt-open{animation:none!important}}
.hqt-table-10{grid-template-rows:repeat(4,230px)}.hqt-table-10 .hqt-slot-1 .hqt-slot-label{max-width:160px}.hqt-table-scroll:focus-visible{outline:2px solid #edd49d;outline-offset:2px}