.magic8-answer[data-tone=yes]{border-color:var(--mono-fg-success)}.magic8-answer[data-tone=maybe]{border-color:var(--mono-fg-warning)}.magic8-answer[data-tone=no]{border-color:var(--mono-fg-danger)}.magic8-answer-text[data-tone=yes]{color:var(--mono-fg-success)}.magic8-answer-text[data-tone=maybe]{color:var(--mono-fg-warning)}.magic8-answer-text[data-tone=no]{color:var(--mono-fg-danger)}.magic8-ball{display:flex;align-items:center;justify-content:center;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#444 0,#000 70%);box-shadow:0 8px 24px rgba(0,0,0,.4);transform:rotate(0) scale(1);transition:transform .5s}.magic8-ball[data-shaking=true]{transform:rotate(-8deg) scale(1.05);transition:transform .1s}.magic8-ball-inner{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:#0b1d4a;color:#fff;font-size:2.5rem;font-weight:700;opacity:1;transition:opacity .3s}.magic8-ball[data-shaking=true] .magic8-ball-inner{opacity:.3}.poker-die{font-size:clamp(2.5rem,14vw,5rem);line-height:1;transform:rotate(var(--die-rotation,0deg));transition:transform .2s}.seat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:50px;padding:var(--mono-gap-sm);border:var(--mono-bw-1) solid var(--mono-border-subtle);border-radius:var(--mono-radius-md);background:var(--mono-bg-elevated);text-align:center;cursor:pointer;transition:transform var(--mono-dur-base) var(--mono-ease-out),border-color var(--mono-dur-base) var(--mono-ease-out),box-shadow var(--mono-dur-base) var(--mono-ease-out),background var(--mono-dur-base) var(--mono-ease-out)}.seat-cell:hover{border-color:var(--mono-border-strong);box-shadow:var(--mono-shadow-inner-light),var(--mono-shadow-md);transform:translateY(-2px)}.seat-cell[data-pinned=true]{border-color:var(--mono-accent);background:color-mix(in srgb,var(--mono-accent) 12%,var(--mono-bg-elevated))}.seat-cell[data-empty=true]{cursor:default;opacity:.55}.seat-cell[data-empty=true]:hover{transform:none;box-shadow:none;border-color:var(--mono-border-subtle)}.spin-wheel{aspect-ratio:1/1}.spin-wheel-pointer{width:0;height:0;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid var(--mono-fg-primary);z-index:2}.spin-wheel-disc{border-radius:50%;border:4px solid var(--mono-fg-primary);background:var(--wheel-gradient,var(--mono-bg-sunken))}.spin-wheel-disc,.spin-wheel-labels{transform:rotate(var(--wheel-rotation,0deg));transition:transform .1s}.spin-wheel-labels{position:absolute;inset:0;pointer-events:none}.spin-wheel-disc[data-spinning=true],.spin-wheel-labels[data-spinning=true]{transition:none}.spin-wheel-label{paint-order:stroke;stroke:rgba(0,0,0,.45);stroke-width:.6}.wyr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:220px;min-height:160px;padding:var(--mono-gap-xl);border-radius:var(--mono-radius-lg);border:var(--mono-bw-3) solid var(--mono-border-subtle);background:var(--mono-bg-elevated);box-shadow:var(--mono-shadow-inner-light),var(--mono-shadow-md);cursor:pointer;transition:transform var(--mono-dur-base) var(--mono-ease-out),border-color var(--mono-dur-base) var(--mono-ease-out),box-shadow var(--mono-dur-base) var(--mono-ease-out),opacity var(--mono-dur-base) var(--mono-ease-out),background var(--mono-dur-base) var(--mono-ease-out)}.wyr-card:hover{border-color:var(--mono-border-strong);box-shadow:var(--mono-shadow-inner-light),var(--mono-shadow-lg);transform:translateY(-2px)}.wyr-card[data-active=true]{border-color:var(--wyr-accent,var(--mono-accent));background:color-mix(in srgb,var(--wyr-accent,var(--mono-accent)) 14%,var(--mono-bg-elevated));box-shadow:var(--mono-shadow-inner-light),var(--mono-shadow-lg),0 0 0 3px color-mix(in srgb,var(--wyr-accent,var(--mono-accent)) 30%,transparent);transform:translateY(-4px) scale(1.02)}.wyr-card[data-dim=true]{opacity:.45;transform:scale(.97)}