.roulette-canvas{aspect-ratio:1;background:#fff;border-radius:50%;width:min(320px,100%);height:auto;margin:0 auto;display:block;box-shadow:0 6px 24px #2c3e5014}.roulette-result-box{text-align:center;color:#36c;background:#eaf6ff;border-radius:16px;margin-top:2em;padding:1.5em 1em;font-size:1.2em;font-weight:700;box-shadow:0 4px 20px #3498db14}.roulette-item-list{background:#f7fafc;border-radius:12px;flex-wrap:wrap;gap:.5em;min-height:3.5em;margin:1.2em 0 1.5em;padding:1em;font-size:1.02em;display:flex}.roulette-item-label{color:#1565c0;word-break:keep-all;overflow-wrap:break-word;line-break:strict;background:#eaf6ff;border-radius:1em;align-items:center;gap:.3em;max-width:100%;padding:.37em 1em;font-size:1em;font-weight:600;display:flex}.roulette-item-prob{color:#888;margin-left:3px;font-weight:400}.roulette-flex-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.roulette-canvas-wrap{text-align:center;flex:350px;width:100%;min-width:0}.roulette-controls-col{flex:320px;width:100%;min-width:0}.roulette-input-section{gap:1rem;min-width:0;display:grid}.roulette-input-row{grid-template-columns:minmax(0,1fr) minmax(0,120px) auto;align-items:end;gap:.75rem;min-width:0;display:grid}.roulette-buttons{gap:1em;margin-top:2em}.roulette-item-empty{color:#bbb;text-align:center;width:100%}@media (width<=420px){.roulette-input-row{grid-template-columns:1fr}.roulette-canvas{width:min(280px,100%)}.roulette-buttons{grid-template-columns:1fr;display:grid}}