決定ルーレット

ルーレットは決定論的ランダム抽選を重ねた Canvas 2D 描画で構成されています。各スライスは ctx.beginPath()、ctx.moveTo(cx, cy)、ctx.arc(cx, cy, r, startAngle, endAngle)、ctx.fill() でレンダリングされ、N 個の均等な選択肢はそれぞれ 2π/N ラジアンの弧を持ちます。15 スライスの場合は各 24 度で、入力が 15 個に制限されているのはラベルの可読性を保つためです。当選スライスはアニメーションの前に決定されます。32 ビット符号なし整数を crypto.getRandomValues(new Uint32Array(1))[0] で生成し、N の剰余を取ったものが答えとなります。アニメーションは fullSpins * 2π + (2π - winnerIndex * sliceAngle - sliceAngle / 2) という目標回転角を計算し、キャンバス上部のポインタが選ばれたスライスの中央に向くようにします。requestAnimationFrame 内で easeOutCubic の f(t) = 1 - (1-t)^3 や easeOutBack などのイージングカーブで補間し、物理的なルーレットが減速する動きを模倣します。crypto.getRandomValues は Web Crypto API で規定された CSPRNG であり、OS のエントロピープールからシードされるため、Math.random とは異なりページの状態を読むことで結果を予測することはできません。加重版は長さ N の累積確率配列を構築し、O(log N) の二分探索で乱数値をマッピングします。出力はすべて視覚的で揮発性のものであり、何もログに記録されないため、監査証跡（タイムスタンプ、選択肢リスト、スクリーンショット）はページが更新される前に外部で取得する必要があります。

• Canvas 描画: 各スライスは ctx.arc(cx, cy, r, startAngle, endAngle) で sliceAngle = 2π / N。15 選択肢で各 24 度の弧となり、これが実用的な可読性の上限。
• 当選者の選定は crypto.getRandomValues(new Uint32Array(1))[0] % N を使用。Web Crypto CSPRNG で OS エントロピからシードされ、公平な単発抽選に適するが、再生可能な抽選には不向き（監査証跡なし）。
• アニメーションはディスプレイのリフレッシュレート（通常 60 Hz）の requestAnimationFrame で実行され、easeOutCubic の f(t) = 1 - (1-t)^3 や easeOutBack でわずかなオーバーシュートを表現。カーブは装飾であり、当選者はすでに決定済み。
• 最終回転角は targetRotation = fullSpins * 2π + (2π - winnerIndex * sliceAngle - sliceAngle / 2) で、上部ポインタがスライスの中央に位置するようになる。
• 加重オプションモードでは重みのプレフィックスサム配列を構築し、二分探索で一様乱数をスライスにマッピング（O(log N)）。逆 CDF サンプリングと等価。
• N が 15 以下で抽選範囲が 2^32 値の場合はモジュロバイアスが無視できる（バイアス ≈ N / (2 * 2^32) ≈ 1.7×10^-9）。 rejection-sampling ループは不要。
• 各スピンは独立同一分布。連続で同じ選択肢が選ばれてもそれは正しい一様動作でありバグではない。スピン間の重複排除には外部記録が必要。