.op-mg-ring{background:radial-gradient(closest-side, var(--color-surface) 78%, transparent 79% 100%), conic-gradient(#e29a2c var(--p), color-mix(in oklab, var(--color-text) 10%, transparent) 0)}.op-mg-ring[data-rising]{animation:.9s cubic-bezier(.2,.9,.3,1.3) both op-mg-rise;box-shadow:0 0 0 6px #f0b44d40}.op-mg-bar{background:color-mix(in oklab, var(--color-text) 10%, transparent)}.op-mg-bar>span{background:linear-gradient(90deg,#f6cf86,#e29a2c)}.op-mg-levelup{color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c);animation:.42s cubic-bezier(.2,.9,.3,1.3) both op-mg-pop}@keyframes op-mg-rise{0%{transform:scale(.85)}60%{transform:scale(1.08)}}@keyframes op-mg-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}.op-ch-banner{background:color-mix(in oklab, var(--color-accent) 16%, var(--color-surface));border:1px solid color-mix(in oklab, var(--color-accent) 40%, var(--color-border))}.op-ch-icon{color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c)}.op-ch-ask{background:var(--color-surface-2);animation:.26s both op-mg-pop}.op-ch-versus{background:color-mix(in oklab, var(--color-accent) 12%, var(--color-surface-2))}.op-ch-versus [data-best]{box-shadow:inset 0 0 0 2px #e29a2c}.op-gh-together{color:#fff;background:radial-gradient(120% 90% at 100% 0,#f0b44d38,#0000 55%),linear-gradient(160deg,#26235a,#141233)}.op-gh-together-icon{color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c)}.op-pp-turn,.op-pp-results{background:radial-gradient(120% 90% at 100% 0,#f0b44d3d,#0000 55%),linear-gradient(160deg,#26235a,#141233)}.op-pp-turn{animation:.26s ease-out both op-pp-in}.op-pp-avatar,.op-pp-ready{color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c)}.op-pp-ready:hover{filter:brightness(1.05)}.op-pp-bar{background:color-mix(in srgb, #e9a23b 14%, var(--color-surface))}.op-pp-game{border-color:var(--color-border);background:var(--color-surface)}.op-pp-game[data-on]{background:color-mix(in srgb, #e9a23b 12%, var(--color-surface));border-color:#e29a2cb3}.op-pp-game:has(input:focus-visible){outline:2px solid var(--color-brand);outline-offset:2px}.op-pp-check{border-color:var(--color-border-strong)}.op-pp-game[data-on] .op-pp-check{color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c);border-color:#0000}.op-pp-place{background:#ffffff1f}.op-pp-place[data-place="1"]{color:#2a1a05;background:linear-gradient(#ffe09a,#e29a2c)}.op-pp-results .op-lt-quiet{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #fff3}@keyframes op-pp-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.op-mg-ring[data-rising],.op-mg-levelup,.op-ch-ask,.op-pp-turn{animation:none}}