.rank-summary{display:flex;align-items:center;gap:30px;padding:28px;border:1px solid #6153a044;border-radius:20px;background:linear-gradient(120deg,#302449,#132839);margin-bottom:24px;color:#eef2ff}.rank-summary>div:first-child{flex:1}.rank-summary strong{font-size:24px;display:block;margin:8px 0}.rank-summary b{font-size:25px}.rank-summary small,.rank-summary span{display:block;color:#c4c9e0}.rank-rule{display:grid;grid-template-columns:1.5fr 1.5fr .6fr .7fr 40px;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #8882;margin-bottom:12px}.rank-rule label{margin:0}.rank-rule button{height:42px}.rank-section-head,.rank-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.rank-controls{justify-content:flex-start;margin:16px 0}.rank-controls form{margin:0}.rank-banner{width:100%;aspect-ratio:2.4;object-fit:cover;border-radius:14px;display:block}.rank-banner[hidden]{display:none}.rank-preview{background:#171b28;padding:24px;border-radius:18px;color:#f1f4ff;border-left:4px solid #fbbf24;max-width:840px;margin:20px auto;transition:max-width .2s}.rank-preview.mobile{max-width:370px;padding:16px}.rank-preview p{color:#b9c3d9}.rank-intro{white-space:pre-wrap}.rank-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rank-point{--rank-color:#60a5fa;background:#252b40;padding:18px;border-radius:12px;border-left:4px solid var(--rank-color);display:flex;gap:12px;align-items:center;justify-content:space-between}.rank-point[data-color=purple]{--rank-color:#a78bfa}.rank-point[data-color=pink]{--rank-color:#f472b6}.rank-point[data-color=red]{--rank-color:#fb7185}.rank-point[data-color=gold]{--rank-color:#fbbf24}.rank-point span{overflow-wrap:anywhere}.rank-point b{color:#111827;background:var(--rank-color);padding:9px 12px;border-radius:8px;font-size:20px;white-space:nowrap}.rank-preview.mobile .rank-points{grid-template-columns:1fr}.rank-preview-buttons{display:flex;gap:10px;flex-wrap:wrap}.rank-preview-buttons span{padding:10px 14px;background:#5865f2;border-radius:6px}.rank-preview-buttons span+span{background:#404658}.rank-search{display:flex;gap:10px;margin:18px 0}.rank-search input{flex:1}.rank-table-wrap{overflow:auto}.rank-table{width:100%;border-collapse:collapse;text-align:left}.rank-table th,.rank-table td{padding:14px;border-bottom:1px solid #8882}.rank-table small,.rank-history small{display:block;color:var(--muted,#8b93a6);font-size:12px}.rank-balance{background:#a78bfa22;color:#a78bfa;padding:8px 14px;border-radius:8px;font-weight:700}.rank-history{max-height:520px;overflow:auto}.rank-history article{padding:16px;border-bottom:1px solid #8882}.rank-history p{white-space:pre-wrap;overflow-wrap:anywhere}#rank-crop{max-width:680px;width:95%;background:#1b2132;color:#eef2ff;border:1px solid #627088;border-radius:18px}#rank-crop::backdrop{background:#000a}#rank-canvas{width:100%;touch-action:none;border-radius:8px}textarea{font:inherit;max-width:100%}@media(max-width:800px){.rank-summary{flex-wrap:wrap;gap:20px}.rank-summary>div:first-child{flex-basis:100%}.rank-rule{grid-template-columns:1fr 1fr}.rank-rule button{grid-column:2}.rank-points{grid-template-columns:1fr}.rank-search{flex-wrap:wrap}.rank-point{padding:14px}}

.rank-leaderboard-section{border-top:3px solid #fbbf24}.rank-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;flex-wrap:wrap}.rank-board-preview{max-width:650px;margin:auto;padding:18px;background:#101624;border-left:4px solid #fbbf24;border-radius:16px;color:#f1f4ff}.rank-board-preview img{display:block;width:100%;height:auto;border-radius:10px;margin:12px 0}.rank-board-preview p{color:#aabbcf;white-space:pre-wrap}.rank-board-preview.mobile{max-width:370px;padding:12px}.rank-board-empty{padding:36px 20px;text-align:center;background:linear-gradient(130deg,#443226,#272b48);border-radius:12px}.rank-board-empty strong{font-size:22px}