.ranking-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;margin-top:18px;border:1px solid #d8c8df;border-radius:18px;background:linear-gradient(100deg,#efe6f5,#fff5e4)}.ranking-entry strong{font-size:15px}.ranking-entry p{font-size:12px;color:var(--muted);margin-top:5px}.ranking-panel{margin:22px 0;padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff}.ranking-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.ranking-heading h2{font-size:23px}.ranking-modes{display:flex;gap:5px}.ranking-modes button{background:#f4eef6;color:#61456e;border-radius:9px;padding:8px 10px;border:1px solid #e2d6e7;font-size:11px}.ranking-modes button[aria-pressed=true]{background:#694177;color:white;border-color:#694177}.grade-card{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;text-align:center;border-radius:18px;padding:26px 20px;overflow:hidden;border:1px solid #d4c2df;background:radial-gradient(circle at 20% 15%,#fff8,transparent 40%),linear-gradient(125deg,#eee0f5,#fff5eb);color:#573261}.grade-card:before,.grade-card:after{content:'✦';font-size:65px;position:absolute;color:#b58b4030;right:22px;top:10px}.grade-card:after{right:auto;left:24px;top:auto;bottom:8px;font-size:32px}.grade-symbol{font-size:70px;line-height:1;color:#a57222;z-index:1}.grade-card h2{font-size:clamp(22px,3vw,33px);margin:4px 0 8px}.grade-card p{font-size:12px;color:#76537c}.grade-card strong{display:block;font-size:42px;line-height:1.2;color:#573261;font-variant-numeric:tabular-nums}.grade-card strong small{font-size:15px;margin-left:5px}.grade-card div>span{display:block;font-size:12px;color:#76537c;margin-top:10px}.tier-3,.tier-4,.tier-5{background:radial-gradient(circle at 20% 15%,#fff9,transparent 40%),linear-gradient(125deg,#ead6a9,#fff2d6);border-color:#d4ad62}.tier-5{background:linear-gradient(125deg,#efe1ff,#fdecd9);border-color:#b68dce}.rank-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.rank-summary>div{background:#f8f4fa;border:1px solid var(--line);border-radius:12px;padding:14px 9px;text-align:center}.rank-summary span{display:block;font-size:11px;color:#66506f}.rank-summary strong{display:block;font-size:27px;margin:6px 0;color:#5a3569;font-variant-numeric:tabular-nums}.rank-summary small{font-size:10px;color:#766780}.ranking-growth{font-size:13px;text-align:center;padding:8px;color:#975127}.ranking-tabs{display:flex;gap:8px;border-bottom:2px solid #dfd1e7;margin-top:21px}.ranking-tabs button{flex:1;background:#f4eff6;border-radius:12px 12px 0 0;padding:13px 10px;font-weight:700;color:#765b81;font-size:14px}.ranking-tabs button[aria-selected=true]{background:#694177;color:white}.ranking-tab-content{padding:16px 0 0}.ranking-caption{font-size:12px;line-height:1.8;color:#716179;margin:0 0 13px}.ranking-table-wrap{overflow-x:auto;border:1px solid #e1d8e6;border-radius:12px;margin-bottom:14px}.ranking-table{border-collapse:collapse;width:100%;min-width:460px;font-size:12px;color:#4e3d59}.ranking-table th{background:#f2eaf6;font-size:11px;padding:12px 9px;text-align:left;white-space:nowrap}.ranking-table td{padding:13px 9px;border-bottom:1px solid #ebe3ef;vertical-align:middle}.ranking-table td:first-child{width:55px;text-align:center}.ranking-table td>strong{font-size:16px;font-variant-numeric:tabular-nums}.ranking-table small{font-size:9px;white-space:nowrap;margin-left:4px;color:#77657e}.ranking-table tr:last-child td{border-bottom:0}.ranking-table .my-ranking{background:#fff0d2;box-shadow:inset 4px 0 #b78028}.rank-you,.rank-best{display:inline-block;font-size:9px;margin:4px 0 0 5px;padding:3px 5px;border-radius:5px;background:#81566f;color:white;white-space:nowrap}.rank-best{background:#9a6b22}.ranking-empty{padding:26px 14px;text-align:center;background:#faf6fc;border-radius:12px;font-size:13px;line-height:1.8;color:#735d7e;margin-bottom:14px}.ranking-submit{background:#faf4ee;border:1px solid #eadbca;border-radius:13px;padding:16px;margin-top:16px}.ranking-submit label{font-weight:700;font-size:12px;display:block}.ranking-submit input{display:block;max-width:100%;width:260px;border:1px solid #cebdd4;border-radius:8px;padding:10px;background:white;font:inherit;margin:9px 0}.ranking-submit p{font-size:11px;color:#746478;line-height:1.8;margin-bottom:12px}.ranking-submit [role=status]{display:block;font-size:12px;margin-top:10px;color:#6f4279;line-height:1.7}.ranking-submit .primary{font-size:12px}.ranking-rules{font-size:11px;color:#746478;margin-top:20px;line-height:1.8}.ranking-rules summary{cursor:pointer;color:#654273}.ranking-rules p{margin-top:8px}.growth-graph{border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:16px;background:#fffbf5}.growth-graph>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.growth-graph span{color:#7a687d;font-size:10px}.growth-graph svg{display:block;width:100%;height:auto;margin-top:10px}.graph-axis{fill:none;stroke:#dcd1df;stroke-width:1}.graph-line{fill:none;stroke:#a5456c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.growth-graph circle{fill:#a5456c;stroke:#fff;stroke-width:2}.growth-graph text{font-size:9px;fill:#77647e}.your-standing{font-size:12px;font-weight:700;color:#764879;margin:17px 0 8px}.result-content .ranking-panel{padding:16px}.result-content .ranking-heading{flex-wrap:wrap}.result-content .ranking-heading h2{font-size:20px}.result-content .grade-card{gap:12px}.result-content .grade-symbol{font-size:45px}.result-content .grade-card h2{font-size:23px}.result-content .rank-summary strong{font-size:21px}.result-content .ranking-table{min-width:430px}
@media(max-width:740px){.ranking-entry{align-items:flex-start;flex-direction:column;padding:15px;gap:12px}.ranking-entry strong{font-size:13px}.ranking-entry p{font-size:11px}.ranking-entry button{width:100%;font-size:12px}.ranking-panel{padding:14px}.ranking-heading{align-items:flex-start;flex-direction:column}.ranking-heading h2{font-size:20px}.ranking-modes{width:100%}.ranking-modes button{flex:1;padding:9px}.grade-card{gap:13px;padding:21px 10px}.grade-card h2{font-size:22px}.grade-symbol{font-size:48px}.grade-card strong{font-size:34px}.rank-summary{gap:5px}.rank-summary>div{padding:11px 5px}.rank-summary span{font-size:9px;line-height:1.6}.rank-summary strong{font-size:21px}.rank-summary small{font-size:9px}.ranking-tabs button{font-size:12px;padding:11px 6px}.growth-graph{padding:10px}.growth-graph>div{display:block}.growth-graph span{display:block;margin-top:5px}.ranking-submit{padding:12px}.ranking-submit .primary{width:100%;padding:10px 8px;font-size:11px}.ranking-table{font-size:11px}.ranking-table td{padding:11px 8px}.ranking-table td>strong{font-size:14px}}