.coin-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.coin{color:#0b0f14;background:radial-gradient(circle at 35% 30%,#fff1c2,#ffd166 55%,#c99a2e);border-radius:50%;flex-shrink:0;place-items:center;width:5.5rem;height:5.5rem;font-size:2.2rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 4px #0000001f,0 8px 20px #0006}.coin.tails{background:radial-gradient(circle at 35% 30%,#e6f2ff,#9fb4d4 55%,#5f7598)}.coin.spin{animation:.5s ease-out coin-spin}@keyframes coin-spin{0%{transform:rotateY(0)translateY(-12px)}to{transform:rotateY(720deg)translateY(0)}}@media (prefers-reduced-motion:reduce){.coin.spin{animation:none}}.button-row button.primary{color:#0b0f14;background:#1de5d0}.sequence{flex-wrap:wrap;gap:2px;max-height:14rem;margin-top:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;display:flex;overflow-y:auto}.flip{border-radius:4px;place-items:center;width:1.35rem;height:1.35rem;font-weight:700;display:grid}.flip.heads{color:#ffd166;background:#ffd16633}.flip.tails{color:#c8d8ff;background:#9fb4d426}.flip.best{outline:2px solid #ff6b8b}.panel-canvas{border-radius:12px;width:100%;height:auto;margin:.5rem 0}.class-input{color:#edf3ff;width:100%;font:inherit;resize:vertical;background:#141a28;border:1px solid #1d2535;border-radius:8px;margin-top:.5rem;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}