@layer components{.trapping-board{background:var(--board);color:var(--board-foreground);gap:.625rem;padding:1.25rem;display:grid}.trapping-row{border:2px solid var(--board-line);background:var(--board-tile);border-radius:.625rem;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);align-items:center;gap:1rem;padding:.625rem .875rem;display:grid}.trapping-row-head{align-items:center;gap:.75rem;min-width:0;display:flex}.trapping-portrait{background:var(--board-deep);width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 2px var(--board-line);border-radius:999px;flex:none;place-items:center;display:grid}.trapping-name{font-family:var(--font-display);color:var(--board-foreground);overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.2}.trapping-meta{color:var(--board-ink);margin-top:.125rem;font-size:.75rem;line-height:1.5;display:block}.trapping-missing{color:var(--board-ink);margin:0;font-size:.75rem}.trapping-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.trapping-slot{background:var(--board-deep);width:100%;min-height:4.25rem;color:var(--board-foreground);font:inherit;border:2px solid #0000;border-radius:.5rem;justify-items:center;gap:.125rem;padding:.375rem .25rem .3125rem;display:grid}button.trapping-slot{cursor:pointer;transition:border-color .12s ease-out}button.trapping-slot:hover{border-color:var(--board-locked)}button.trapping-slot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.trapping-slot.is-picked{border-color:var(--gold)}.trapping-slot.is-empty{background:0 0;align-content:center}.trapping-slot.is-empty>[data-sprite]{width:2.25rem;height:auto}.trapping-time{white-space:nowrap;color:var(--board-ink);font-size:.6875rem;font-weight:600;line-height:1.2}.trapping-slot.is-ready .trapping-time{color:var(--board-gain)}@media (width<=1279px){.trapping-row{grid-template-columns:minmax(0,1fr);gap:.625rem}}@media (width<=767px){.trapping-board{padding:.75rem}.trapping-row{padding:.625rem}.trapping-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}}}