.lb-board-wrap{width:100%;max-width:700px;margin-inline:auto;container-type:inline-size}.lb-board{--n:5;--bw:100cqw;--gap:calc(var(--bw) * .016);grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);width:100%;padding:var(--gap);background:var(--lb-sand-3);border:3px solid var(--lb-edge);box-shadow:7px 7px 0 var(--lb-shadow);border-radius:22px;display:grid;position:relative}.lb-cell{--fs:calc(var(--bw) / var(--n) * .105);--pc:transparent;aspect-ratio:1;border-radius:calc(var(--bw) / var(--n) * .14);background:var(--lb-card);border:2px solid var(--lb-edge);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:3px 3px 0 var(--lb-shadow);font-size:var(--fs);color:var(--lb-ink);animation:.4s cubic-bezier(.3,1.6,.5,1) backwards lb-pop;animation-delay:calc(var(--i) * 14ms);outline:none;flex-direction:column;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s,background .25s;display:flex;position:relative;overflow:hidden}@keyframes lb-pop{0%{opacity:0;transform:scale(.6)}}.lb-cell:hover{box-shadow:4px 5px 0 var(--lb-shadow);transform:translate(-1px,-2px)}.lb-cell:focus-visible{box-shadow:0 0 0 3px var(--lb-blue), 3px 3px 0 var(--lb-shadow)}.lb-ico{filter:drop-shadow(1px 1.5px #00000040);line-height:1;position:relative}.lb-ico .lb-rng{filter:none;font-size:.3em;position:absolute;bottom:-.08em;left:auto;right:-.55em}.lb-txt{text-align:center;-webkit-line-clamp:3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;font-weight:700;line-height:1.12;display:-webkit-box;overflow:hidden}.lb-diff{border:1.5px solid var(--lb-edge);border-radius:50%;width:.62em;height:.62em;position:absolute;top:7%;left:7%}.lb-rng{font:800 calc(var(--fs) * 1.05) / 1 var(--font-body);background:var(--lb-ink);color:var(--lb-card);border-radius:.4em;padding:.18em .35em;position:absolute;bottom:6%;left:7%}.lb-prog{font:800 calc(var(--fs) * .9) / 1 var(--font-body);color:var(--lb-ink-soft);position:absolute;top:6%;right:7%}.lb-sub{font:800 calc(var(--fs) * .72) / 1 var(--font-body);text-transform:uppercase;letter-spacing:.06em}.v-a .lb-cell{gap:5%;padding:9% 7% 7%}.v-a .lb-ico{font-size:calc(var(--fs) * 3.1)}.v-a .lb-txt{font-size:var(--fs)}.v-a .lb-sub{display:none}.v-t .lb-cell{gap:4%;padding:12% 8% 10%}.v-t .lb-ico{display:none}.v-t .lb-sub{font-size:calc(var(--fs) * .68);color:color-mix(in srgb, var(--subc) 70%, var(--lb-ink));display:block}.v-t .lb-txt{font-size:calc(var(--fs) * 1.22);-webkit-line-clamp:5;font-weight:800;line-height:1.15}.v-t .lb-cell.has-rng{padding-bottom:24%}.v-t.dense .lb-sub{display:none}.v-t.dense .lb-txt{font-size:calc(var(--fs) * 1.1)}.v-t .lb-cell.looted .lb-sub{color:#ffffffd9}.v-c .lb-ico{font-size:calc(var(--fs) * 4.6)}.v-c .lb-ico .lb-rng{font-size:.24em}.v-c .lb-txt{font-size:var(--fs);background:color-mix(in srgb, var(--lb-card) 92%, transparent);opacity:0;-webkit-line-clamp:unset;justify-content:center;align-items:center;padding:10%;transition:all .18s;display:flex;position:absolute;inset:0;transform:translateY(12%)}.v-c .lb-cell:hover .lb-txt,.v-c.show-text .lb-txt,.v-c .lb-cell:focus-visible .lb-txt{opacity:1;transform:none}.v-c .lb-sub{display:none}.lb-cell.rare{border-color:var(--lb-rare)}.lb-cell.rare:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 100%;animation:3.2s infinite lb-sheen;position:absolute;inset:0}@keyframes lb-sheen{0%{background-position:150% 0}60%,to{background-position:-60% 0}}@property --lb-a{syntax:"<angle>";inherits:false;initial-value:0deg}.lb-cell.leg{background:linear-gradient(var(--lb-card), var(--lb-card)) padding-box, conic-gradient(from var(--lb-a,0deg), var(--lb-gold), var(--lb-gold-2), #c9861a, var(--lb-gold), var(--lb-gold-2), var(--lb-gold)) border-box;animation:.4s cubic-bezier(.3,1.6,.5,1) backwards lb-pop,4s linear infinite lb-spin;animation-delay:calc(var(--i) * 14ms), 0s;border-width:3px;border-color:#0000}@keyframes lb-spin{to{--lb-a:360deg}}.lb-cell.leg .lb-ico{filter:drop-shadow(0 0 .25em #e8b53acc)}.lb-cell.looted{box-shadow:0 0 0 var(--lb-shadow);transform:translate(3px,3px);background:var(--pc)!important;border-color:var(--lb-edge)!important}.lb-cell.looted .lb-txt,.lb-cell.looted .lb-sub,.lb-cell.looted .lb-prog{color:#fff;text-shadow:0 1px #00000059}.v-c .lb-cell.looted .lb-txt{background:#00000059}.lb-cell.looted .lb-rng{color:#1b140e;background:#fff}.lb-cell.looted .lb-ico{filter:drop-shadow(1.5px 1.5px #0006)}.lb-stamp{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.lb-stamp span{font-family:var(--font-display);font-size:calc(var(--fs) * 2);color:#fff;text-shadow:2px 2px #00000059;border:.12em solid #fff;border-radius:.25em;padding:.02em .3em;animation:1.1s cubic-bezier(.2,1.4,.4,1) forwards lb-stamp;transform:rotate(-14deg)}@keyframes lb-stamp{0%{opacity:0;transform:rotate(-14deg)scale(2.6)}18%{opacity:1;transform:rotate(-14deg)scale(1)}70%{opacity:1}to{opacity:0;transform:rotate(-14deg)scale(1)}}.lb-cell.shake{animation:.35s lb-shake}@keyframes lb-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.lb-wins{inset:var(--gap);width:calc(100% - 2 * var(--gap));height:calc(100% - 2 * var(--gap));pointer-events:none;z-index:5;position:absolute;overflow:visible}.lb-wins line{stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s ease-out forwards lb-draw}@keyframes lb-draw{to{stroke-dashoffset:0}}@media (max-width:600px){.lb-cell{box-shadow:2px 2px 0 var(--lb-shadow);border-width:1.5px}}@media (prefers-reduced-motion:reduce){.lb-cell,.lb-cell:after,.lb-stamp span,.lb-wins line{transition:none!important;animation:none!important}.lb-wins line{stroke-dashoffset:0}}