.pico-ranking{background:#fff;border-radius:26px;padding:20px;box-shadow:0 16px 45px #51478c1b;margin-top:16px;text-align:left;color:#25243a}.pico-ranking h2{margin:0 0 6px;font-size:clamp(22px,5vw,28px)}.pico-ranking .rank-note{margin:0 0 12px;color:#6b6881;font-size:13px;line-height:1.65}.pico-ranking .rank-msg{min-height:22px;font-weight:800;color:#5d51ba;margin-bottom:10px}.pico-ranking .rank-list{margin:0;padding:0;list-style:none;border-top:1px solid #eee}.pico-ranking .rank-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #eee}.pico-ranking .rank-pos{font-weight:1000}.pico-ranking .rank-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pico-ranking .rank-date{display:block;margin-top:2px;color:#8a8798;font-size:11px;font-weight:600;white-space:normal}.pico-ranking .rank-score{text-align:right;font-weight:1000;white-space:nowrap}.pico-ranking .rank-empty{padding:16px 4px;color:#77748b}.pico-ranking .rank-privacy{margin:11px 0 0;color:#77748b;font-size:12px;line-height:1.65}.rank-modal[hidden]{display:none}.rank-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.rank-modal-backdrop{position:absolute;inset:0;background:#171522aa;backdrop-filter:blur(3px)}.rank-modal-card{position:relative;width:min(460px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:28px;padding:26px 22px 22px;box-shadow:0 24px 80px #0005;text-align:center;color:#25243a}.rank-modal-x{position:absolute;right:13px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#f0eef9;color:#59556c;font-size:26px;line-height:1;cursor:pointer}.rank-modal-icon{font-size:48px;line-height:1;margin-bottom:6px}.rank-modal-card h2{margin:0;font-size:30px}.rank-modal-result{margin:13px 0 3px;font-size:18px;font-weight:900}.rank-modal-rank{margin:0 0 18px;color:#5d51ba;font-size:20px;font-weight:1000}.rank-modal-label{display:block;text-align:left;margin:0 0 6px;font-size:13px;font-weight:900}.rank-modal-name{display:block;width:100%;border:2px solid #dcd8fa;border-radius:14px;padding:13px 14px;font-size:17px;background:#fff;color:#25243a}.rank-modal-caution{margin:8px 0 14px;text-align:left;color:#77748b;font-size:12px;line-height:1.55}.rank-modal-actions{display:grid;gap:9px}.rank-modal-submit,.rank-modal-skip{width:100%;border:0;border-radius:15px;padding:13px 16px;font-size:16px;font-weight:1000;cursor:pointer}.rank-modal-submit{background:#14956f;color:#fff}.rank-modal-submit:disabled{opacity:.45;cursor:not-allowed}.rank-modal-skip{background:#efedf7;color:#57536a}.rank-modal-msg{min-height:22px;margin-top:10px;color:#5d51ba;font-size:13px;font-weight:900}.rank-modal-open{overflow:hidden}@media(max-width:560px){.pico-ranking{padding:16px}.pico-ranking .rank-row{grid-template-columns:44px minmax(0,1fr) auto;gap:7px}.pico-ranking .rank-score{font-size:14px}.rank-modal{padding:12px;align-items:end}.rank-modal-card{width:100%;max-height:88vh;border-radius:26px 26px 18px 18px;padding:24px 18px 18px}.rank-modal-card h2{font-size:27px}.rank-modal-icon{font-size:42px}}