.kr{--kr-red:#a8233b;--kr-blk:#1c0d1d;--kr-zero:#6d2266;--kr-felt:#2a1229;border:1px solid var(--line);background:radial-gradient(120% 80% at 50% 0%,#9b3a9338,transparent 65%),linear-gradient(180deg,var(--plum),var(--ground-2));border-radius:22px 22px 6px 6px;margin:2.6em 0;padding:clamp(14px,3.5vw,28px);container-type:inline-size}.prose .kr>h2{margin:0 0 .5em}.kr *,.kr :before,.kr :after{box-sizing:border-box}.kr-note{color:var(--stone);border:1px dashed #efd59b73;border-radius:12px;margin:0 0 18px;padding:10px 14px;font-size:.9rem;line-height:1.7}.prose .kr-note a{color:var(--brass-hi)}.kr-wheel{width:min(100%,330px);margin:0 auto 18px;position:relative}.kw{width:100%;height:auto;display:block}.kw text{font-family:var(--body)}.kw-spin,.kw-ball{transform-box:view-box;transform-origin:250px 250px}.kw-win.is-on{opacity:1;animation:1.4s ease-out 3 forwards kw-pulse}@keyframes kw-pulse{0%{opacity:0}35%{opacity:1}to{opacity:.85}}.kw-mark.is-flash{animation:.5s ease-out 3 kw-flash}@keyframes kw-flash{0%,to{fill:#efd59b}50%{fill:#fff}}.kr-readout{text-align:center;border:1px solid var(--line);direction:rtl;background:#120914e0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;max-width:92%;padding:.4rem .85rem;font-size:.88rem;font-weight:600;line-height:1.4;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px -14px #000}.kr-readout[hidden]{display:none}.kr-msg{white-space:nowrap}.kr-up{color:#8fe3b0}.kr-net{color:var(--mute)}.kr-num{color:#fff;border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;font-weight:700;display:inline-grid}.kr-num.kr-rd{background:var(--kr-red)}.kr-num.kr-bk{background:var(--kr-blk);outline:1px solid var(--line)}.kr-num.kr-gn{background:var(--kr-zero)}.kr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kr-panel{gap:14px;min-width:0;display:grid}.kr-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.kr-balance,.kr-staked{color:var(--mute);margin:0;font-size:.92rem}.kr-balance b{font:600 1.35rem/1 var(--display);color:var(--brass-hi);margin-inline-start:.3em}.kr-staked{margin-inline-start:auto}.kr-staked b{color:var(--pearl)}.kr-chips{gap:6px;display:flex}.kr-chip{background:var(--plum-2);width:2.6rem;height:2.6rem;color:var(--pearl);font:600 .9rem/1 var(--body);cursor:pointer;border:2px dashed #efd59b73;border-radius:50%;transition:border-color .15s,background-color .15s}.kr-chip:hover{border-color:var(--brass)}.kr-chip[aria-pressed=true]{border-style:solid;border-color:var(--brass-hi);background:var(--tyr-deep);box-shadow:0 0 0 3px #d27ac840}.kr-board{background:var(--kr-felt);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;grid-template-columns:1.2fr repeat(12,minmax(0,1fr)) 1.5fr;grid-auto-rows:36px;gap:2px;padding:4px;display:grid}.kr-cell{grid-area:var(--d);cursor:pointer;min-width:0;font:600 .85rem/1.1 var(--body);color:#fff;border:1px solid #f2eaf124;border-radius:6px;outline:2px solid #0000;place-items:center;padding:2px;transition:filter .15s;display:grid;position:relative}.kr-cell:hover{filter:brightness(1.2)}.kr-cell:focus-visible{outline:2px solid var(--brass-hi);outline-offset:1px;z-index:3}.kr-rd{background:var(--kr-red)}.kr-bk{background:var(--kr-blk)}.kr-gn{background:var(--kr-zero)}.kr-out{color:var(--stone);background:#1209148c;font-size:.8rem}.kr-out.kr-ored{background:var(--kr-red);color:#fff}.kr-out.kr-oblk{background:var(--kr-blk);color:#fff}.kr-stack{z-index:2;color:#2a1408;background:linear-gradient(#efd59b,#c9a15a);border:1.5px solid #120914;border-radius:999px;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .25rem;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #0009}@container (width<=519px){.kr-wheel{width:min(68%,240px);margin-bottom:12px}.kr-readout{gap:.35rem;padding:.3rem .65rem;font-size:.78rem}.kr-num{width:1.45rem;height:1.45rem}.kr-panel{gap:10px}.kr-chip{width:2.3rem;height:2.3rem;font-size:.82rem}.kr-cell{border-radius:4px;padding:0;font-size:.72rem}.kr-out{font-size:.68rem}.kr-stack{min-width:1.15rem;height:1.15rem;padding:0 .15rem;font-size:.6rem}.kr-actions{gap:6px}.kr-actions .btn{padding:.7em 1em;font-size:.88rem}.kr-actions .kr-sm{padding:.6em .8em;font-size:.8rem}}@container (width>=520px){.kr-board{border-radius:12px;grid-template-columns:1.1fr repeat(12,minmax(0,1fr)) 1.3fr;grid-auto-rows:38px;gap:3px;padding:6px}}.kr-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kr-actions .btn{padding:.8em 1.2em;font-size:.92rem}.kr-actions .kr-sm{padding:.7em 1em;font-size:.85rem}.kr-actions .btn[hidden]{display:none}.kr-actions .btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.kr-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding-top:12px;display:flex}.kr-hist-w,.kr-stats{color:var(--mute);margin:0;font-size:.84rem}.kr-hist{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.kr-h{color:#fff;border-radius:5px;place-items:center;width:1.55rem;height:1.55rem;font-size:.75rem;font-weight:600;display:inline-grid}@media (prefers-reduced-motion:reduce){.kw-win.is-on,.kw-mark.is-flash{animation:none}.kr-cell,.kr-chip{transition:none}}
