.rank-page{padding-top:32px;padding-bottom:54px}.rank-hero{background:#173f39;color:#fff9df;border-radius:22px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px}.rank-eyebrow{font-size:.76rem;letter-spacing:.15em;font-weight:800;color:#bdcfbd}.rank-hero h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.3;margin:10px 0 12px;color:#fff9df;word-break:keep-all}.rank-hero p{color:#dbe7da;margin:0}.rank-trophy{width:112px;height:112px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #789383;border-radius:50%;color:#f9d881;font-size:4rem;transform:rotate(-8deg)}.rank-personal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 28px}.rank-personal-grid>div{background:#f5f3e8;border:1px solid #e4e5d5;border-radius:14px;padding:18px}.rank-personal-grid span{display:block;color:#667769;font-size:.83rem}.rank-personal-grid strong{font-size:1.8rem;color:#235248;line-height:1.5}.rank-personal-grid small{font-size:.8rem;margin-left:5px}.rank-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.rank-card{border:1px solid #dce4dc;border-radius:16px;background:#fff;padding:24px;margin-bottom:24px}.rank-card h2,.rank-card h3{border:0;margin:0 0 14px;color:#24483e}.rank-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rank-card-head a{font-size:.85rem;font-weight:700}.rank-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.rank-filters label{display:grid;gap:6px;font-size:.78rem;color:#57695f;flex:1;min-width:110px}.rank-filters select{padding:10px 28px 10px 9px;border:1px solid #c9d8ce;background:#fafbf7;border-radius:8px;color:#24483e;font:inherit;min-width:0;width:100%}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #edf0e9}.rank-list li:last-child{border-bottom:0}.rank-place{width:30px;flex-shrink:0;font-weight:800;text-align:center;color:#52675b}.rank-place.medal{background:#f4e8bb;color:#745415;border-radius:50%;line-height:30px}.rank-name{font-weight:750;flex:1;overflow-wrap:anywhere;min-width:0}.rank-list small,.rank-history small{display:block;font-size:.75rem;color:#77837b;font-weight:400;margin-top:4px}.rank-list strong{text-align:right;color:#23624e;font-size:1.15rem}.rank-list strong small{display:inline;margin-left:4px}.rank-mine{background:#edf5ee;border-radius:9px;padding:13px;font-size:.88rem;color:#316548;margin-bottom:0}.rank-empty{text-align:center;padding:22px 8px;color:#697b6f;font-size:.9rem}.rank-empty>span{font-size:2.4rem;color:#baa356}.rank-empty p{margin-bottom:3px}.rank-help{font-size:.8rem;line-height:1.8;color:#68766f}.rank-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:15px 0}.rank-actions .btn,.rank-card .btn,.rank-dialog .btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 15px;border:1px solid #286951;border-radius:8px;background:#286951;color:white;font:inherit;font-size:.88rem;cursor:pointer;text-decoration:none;font-weight:700}.rank-actions .btn.ghost,.rank-card .btn.ghost,.rank-dialog .btn.ghost{background:#fff;color:#285d46;border-color:#c6d7c9}.rank-actions .btn:disabled{opacity:.6;cursor:wait}.rank-actions a{font-size:.85rem}.rank-status{font-size:.8rem;color:#486453;line-height:1.6;min-height:1em}.rank-status input{width:100%;padding:9px}.rank-text-button{border:0;background:transparent;color:#77654c;text-decoration:underline;font:inherit;font-size:.8rem;cursor:pointer}.rank-history{padding:0;list-style:none}.rank-history li{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid #e9ece6;align-items:center}.rank-history li>span{flex:1;font-size:.88rem}.rank-history b{font-size:.9rem}.rank-history a{font-size:.75rem}.rank-shared{text-align:center;background:#fff9e7;border:1px solid #e6d6a7;border-radius:18px;padding:28px;margin-bottom:24px}.rank-shared[hidden]{display:none}.rank-shared .rank-eyebrow{color:#8a794f}.rank-shared h2{border:0;color:#3d533c}.rank-share-score{font-size:3.5rem;line-height:1.5;color:#286951}.rank-share-score small{font-size:1rem;margin-left:5px}.rank-shared .rank-actions{justify-content:center}.rank-result{border:1px solid #d3dfd1;background:#f5f7ed;border-radius:12px;padding:22px;margin:24px 0;text-align:left}.rank-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rank-result-head span{font-size:.85rem;color:#587460}.rank-result-head strong{font-size:1.8rem;color:#27664e}.rank-result-head small{font-size:.75rem;color:#7a8576}.rank-result>p{font-size:.8rem;line-height:1.8}.rank-result .rank-actions{margin-bottom:8px}.rank-dialog{padding:28px;border:1px solid #bfcfc2;border-radius:18px;max-width:480px;width:calc(100% - 32px);color:#253c31;background:#fffef7}.rank-dialog::backdrop{background:#153a2b99}.rank-dialog h2{border:0;margin-top:0;font-size:1.35rem}.rank-dialog label{display:block;font-size:.9rem}.rank-dialog input[name=nickname]{display:block;width:100%;box-sizing:border-box;border:1px solid #b6c9b8;padding:12px;border-radius:8px;margin:8px 0 14px;font:inherit}.rank-dialog .rank-consent{display:flex;gap:9px;align-items:flex-start;line-height:1.6}.rank-dialog input[type=checkbox]{margin-top:5px;flex-shrink:0}.rank-preview{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;margin:26px 0}.rank-preview .rank-card{margin:0}.rank-preview h2{font-size:1.1rem}.rank-preview .rank-personal-grid{gap:8px;margin-bottom:8px}.rank-preview .rank-personal-grid>div{padding:12px}.rank-preview .rank-personal-grid strong{font-size:1.4rem}.rank-preview .rank-personal-grid span{font-size:.73rem}.rank-preview .rank-list li{padding:10px 0}.rank-top-link{display:inline-flex;align-items:center;gap:5px;margin-top:16px;font-size:.86rem;color:#21675b;font-weight:750}.rank-local-caption{font-size:.76rem;color:#6a7569;margin-top:-16px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #dda84a;outline-offset:3px}.rank-rules summary{cursor:pointer;font-weight:750;color:#385c47}.rank-rules li{margin-bottom:8px;line-height:1.8;font-size:.84rem}.rank-rules ul{padding-left:20px}
@media(max-width:760px){.rank-columns,.rank-preview{grid-template-columns:1fr}.rank-hero{padding:25px;gap:10px}.rank-trophy{width:70px;height:70px;font-size:2.6rem}.rank-card{padding:20px}.rank-personal-grid{gap:8px}.rank-personal-grid>div{padding:12px}.rank-personal-grid strong{font-size:1.45rem}.rank-filters{gap:8px}.rank-filters label{min-width:90px}.rank-result{padding:16px}.rank-dialog{padding:22px}.rank-hero p{font-size:.86rem}.rank-hero h1{font-size:1.8rem}.rank-preview{gap:14px}.rank-history a{width:100%}}