.cn-tabs{width:100%}@media (width>=640px){.cn-tabs{max-width:360px}}.cn-panel{gap:10px;display:grid}.cn-screen{width:100%;height:320px;color:var(--screen-ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;font-family:inherit;display:flex}@media (width>=1024px){.cn-screen{gap:24px;height:420px}}.cn-screen:disabled{cursor:default}.cn-screen:focus-visible{outline-offset:-4px}.cn-stage{perspective:900px;display:block}.cn-toss{display:block}.cn-coin{width:156px;height:156px;transform-style:preserve-3d;display:block;position:relative}@media (width>=1024px){.cn-coin{width:216px;height:216px}}.cn-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--ink);letter-spacing:-.01em;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:absolute;inset:0}@media (width>=1024px){.cn-face{font-size:32px}}.cn-face:before{content:"";border:2px solid #15151547;border-radius:50%;position:absolute;inset:8%}.cn-face span{text-overflow:ellipsis;white-space:nowrap;max-width:72%;position:relative;overflow:hidden}.cn-heads{background:var(--accent)}.cn-tails{background:var(--bg);transform:rotateX(180deg)}.cn-result{min-height:1.2em;font-size:28px;font-weight:700;line-height:1.2}@media (width>=1024px){.cn-result{font-size:34px}}.cn-dice{flex-wrap:wrap;place-content:center;gap:12px;max-width:100%;display:flex}.cn-die{width:64px;height:64px;display:block}.cn-dice--1 .cn-die,.cn-dice--2 .cn-die{width:112px;height:112px}.cn-dice--3 .cn-die,.cn-dice--4 .cn-die{width:84px;height:84px}@media (width>=1024px){.cn-dice{gap:18px;max-width:640px}.cn-die{width:88px;height:88px}.cn-dice--1 .cn-die,.cn-dice--2 .cn-die{width:150px;height:150px}.cn-dice--3 .cn-die,.cn-dice--4 .cn-die{width:116px;height:116px}}.cn-die svg{width:100%;height:100%;display:block;overflow:visible}.cn-die-body{fill:var(--bg);stroke:var(--screen-line-2);stroke-width:1.5px;stroke-linejoin:round}.cn-pip{fill:var(--ink)}.cn-die-num{fill:var(--ink);font-family:var(--font);font-size:21px;font-weight:700}.cn-die.is-blank{opacity:.3}.cn-die.is-blank .cn-pip,.cn-die.is-blank .cn-die-num{opacity:0}.cn-die.is-rolling{animation:.32s ease-in-out infinite alternate cn-tumble}@keyframes cn-tumble{0%{transform:translateY(0)rotate(-14deg)}50%{transform:translateY(-10px)rotate(6deg)}to{transform:translateY(0)rotate(15deg)}}.cn-side{gap:8px;padding:12px 14px;display:grid}.cn-side-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cn-side-head h2{font-size:15px;font-weight:600}.cn-flips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cn-flips li{width:30px;height:30px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.cn-flips li.is-h{background:var(--accent)}.cn-flips li.is-t{border:1px solid var(--line);background:var(--bg)}.cn-empty{color:var(--muted);font-size:14px}.cn-step{border:1px solid var(--input);border-radius:var(--radius);background:var(--panel);grid-template-columns:48px minmax(0,1fr) 48px;height:48px;display:grid;overflow:hidden}.cn-step button{color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.cn-step button:hover{background:var(--bg)}.cn-step button:disabled{opacity:.35;cursor:default;background:0 0}.cn-step button svg{width:18px;height:18px}.cn-step output{border-inline:1px solid var(--line-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:18px;display:flex}.cn-sides button{padding:0 4px}.cn-rolls{margin:0;padding:0;list-style:none}.cn-rolls li{border-top:1px solid var(--line-2);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:7px 0;font-size:15px;display:grid}.cn-rolls li:first-child{border-top:0}.cn-rolls-n{font-weight:600}.cn-rolls-v{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.cn-rolls strong{font-size:17px}