.ranking-board{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:2rem;padding:1.5rem}.ranking-board h3{text-align:center;color:#495057;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:#868e96;text-align:center;width:40px;font-style:italic;font-weight:700}.rank.gold{color:#f1c40f}.rank.silver{color:#95a5a6}.rank.bronze{color:#d35400}.nickname{color:#2c3e50;flex:1;padding:0 1rem;font-weight:600}.score{color:#3498db;font-weight:700}.loading-message,.error-message,.no-ranking-message{text-align:center;color:#6c757d;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{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:2rem;box-shadow:0 10px 30px #0003}.ranking-modal-content h3{color:#2c3e50;margin:0 0 1rem;font-size:1.5em}.ranking-modal-content p{color:#495057;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}