.ranking-board{background:var(--ds-color-surface-muted);border:1px solid #e9ecef;border-radius:12px;margin-top:2rem;padding:1.5rem}.ranking-board h3{text-align:center;color:var(--ds-color-text);margin:0 0 1.5rem;font-size:1.3em}.ranking-list{margin:0;padding:0;list-style:none}.ranking-item{border-bottom:1px solid #f1f3f4;align-items:center;padding:.8rem .5rem;font-size:1.05em;display:flex}.ranking-item:last-child{border-bottom:none}.rank{color:var(--ds-color-text-muted);text-align:center;width:40px;font-style:italic;font-weight:700}.rank.gold{color:var(--ds-color-warning-text)}.rank.silver{color:var(--ds-color-text-muted)}.rank.bronze{color:var(--ds-color-warning-text)}.nickname{color:var(--ds-color-text);flex:1;padding:0 1rem;font-weight:600}.score{color:var(--ds-color-primary);font-weight:700}.loading-message,.error-message,.no-ranking-message{text-align:center;color:var(--ds-color-text-muted);padding:2rem 0}.ranking-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ranking-modal-content{background:var(--ds-color-surface);text-align:center;border-radius:16px;width:90%;max-width:400px;padding:2rem;box-shadow:0 10px 30px #0003}.ranking-modal-content h3{color:var(--ds-color-text);margin:0 0 1rem;font-size:1.5em}.ranking-modal-content p{color:var(--ds-color-text);margin:0 0 1.5rem;font-size:1.1em}.ranking-modal-content .final-score{color:#e74c3c;margin-bottom:1.5rem;font-size:2em;font-weight:700}.ranking-modal-content .input-group{margin-bottom:1.5rem}.ranking-modal-content .button-group{margin-top:0}