@layer components{.obol-board{aspect-ratio:356/343;width:100%;max-width:427px;margin-inline:auto;position:relative;container-type:inline-size}.obol-board.is-small{max-width:240px}.obol-board>.obol-base-edge,.obol-board>.obol-base{object-fit:cover;width:100%;position:absolute;left:0}.obol-board>.obol-base-edge{object-position:top;height:2.04082%;top:0}.obol-board>.obol-base{object-position:bottom;height:97.9592%;bottom:0}.obol-slot{width:20.2247%;height:20.9913%;color:var(--board-foreground);background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.obol-slot>img,.obol-slot>svg{width:100%;height:100%;position:absolute;inset:0}button.obol-slot{cursor:pointer}button.obol-slot:hover>img,button.obol-slot:focus-visible>img{filter:brightness(1.15) drop-shadow(0 0 2px var(--gold))}button.obol-slot:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.obol-slot[aria-pressed=true]:after,.obol-slot[data-mark]:after{content:"";border:2px solid var(--gold);pointer-events:none;border-radius:22%;position:absolute;inset:4%}.obol-slot[data-mark=out]:after{border-color:var(--destructive);border-style:dashed}.obol-slot-level{font-family:var(--font-display);text-align:center;color:#fff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;pointer-events:none;font-size:3.4cqw;line-height:1;position:absolute;bottom:14%;left:0;right:0}.obol-board.is-small .obol-slot-level{font-size:4.2cqw}.obol-slot-number{background:var(--gold);color:#000;min-width:34%;font-family:var(--font-display);text-align:center;pointer-events:none;border-radius:999px;padding:0 3%;font-size:4.6cqw;line-height:1.3;position:absolute;top:0;left:0}.obol-board.is-small .obol-slot-number{font-size:6.5cqw}}