#rankings-dialog .rank-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}#rankings-dialog .rank-tabs button{flex:1;min-width:130px;min-height:44px;padding:11px 12px;border-radius:12px;font:700 12px/1.5 system-ui}#rankings-dialog .rank-tabs button[data-rank=residents]{border-color:#ad9fc2;background:#f0e8f5;color:#766088}#rankings-dialog .rank-tabs button[data-rank=residents][aria-pressed=true]{background:#7c6698;color:#fff7fc;border-color:#6f588d}.resident-records-intro{padding:19px 20px;border:1px solid #d4c8af;border-radius:15px;background:linear-gradient(120deg,#fff6e1,#eaf2e4);box-shadow:0 8px 17px -12px #52674744}.resident-records-intro h3{margin:7px 0 10px;font:700 25px/1.2 Georgia,serif;color:#45674f}.resident-records-intro p{margin:0;font:500 13px/1.7 system-ui;color:#6a775f}.resident-records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:20px 0}.resident-record-card{min-width:0;padding:18px;border:1px solid #c7c7ab;border-radius:17px;background:linear-gradient(135deg,#fffdf0,#eff5e5);color:#3d5e48;box-shadow:0 10px 22px -16px #4d614966}.resident-record-heading{display:flex;align-items:center;gap:13px}.resident-record-heading h4{margin:6px 0 0;font:700 26px/1.2 Georgia,serif}.resident-record-heading small{font:600 10px/1.4 system-ui;letter-spacing:.06em;color:#83916c}.resident-record-portrait{position:relative;display:grid;place-items:center;flex:none;width:72px;height:72px;overflow:hidden;border:3px solid #e3dcc1;border-radius:50%;background:linear-gradient(135deg,#d8e8d0,#eff1da);color:#41684e;box-shadow:0 5px 13px #56684b2b}.resident-record-portrait .trader-avatar-initial{font:750 29px/1 Georgia,serif}.resident-record-portrait .trader-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.resident-record-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0;padding:13px 0;border-block:1px solid #d8ddc6}.resident-record-stats>span{display:flex;flex-direction:column;gap:5px;text-align:center}.resident-record-stats b{font:750 22px/1.2 Georgia,serif;color:#41694c}.resident-record-stats small{font:500 10px/1.4 system-ui;color:#7b8666}.resident-record-goal{margin:12px 0;font:600 12px/1.7 system-ui;color:#617854}.resident-record-progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;margin:13px 0 17px;background:#e1e6d1;accent-color:#85a162}.resident-record-progress::-webkit-progress-bar{background:#e1e6d1}.resident-record-progress::-webkit-progress-value{background:#85a162;border-radius:8px}.resident-record-progress::-moz-progress-bar{background:#85a162}.resident-album-open{display:block;width:100%;min-height:46px;padding:11px 16px;border:1px solid #608a67;border-radius:11px;background:linear-gradient(#54876b,#3b6d52);color:#fffdf4;font:750 13px/1.5 system-ui;box-shadow:0 4px 9px #355a3526;cursor:pointer}.resident-album-open:focus-visible{outline:3px solid #489c92;outline-offset:3px}.resident-records-note,.resident-records-empty{margin:15px 0;font:500 12px/1.7 system-ui;color:#7b826e}
body.dark #rankings-dialog .rank-tabs button[data-rank=residents]{background:#453950;border-color:#9b85ae;color:#eddfef}body.dark #rankings-dialog .rank-tabs button[data-rank=residents][aria-pressed=true]{background:#9b80b6;color:#fff8ff}body.dark .resident-records-intro{background:linear-gradient(120deg,#443b4e,#354438);border-color:#8a7d83}body.dark .resident-records-intro h3,body.dark .resident-record-heading h4{color:#f1e7df}body.dark .resident-records-intro p,body.dark .resident-records-note,body.dark .resident-records-empty{color:#d0c7d4}body.dark .resident-record-card{background:linear-gradient(135deg,#3c354b,#343b3e);border-color:#8e818d;color:#f0e9ef}body.dark .resident-record-stats{border-color:#6a7567}body.dark .resident-record-stats b{color:#d7e8bd}body.dark .resident-record-stats small,body.dark .resident-record-heading small,body.dark .resident-record-goal{color:#d1d7c6}body.dark .resident-record-portrait{border-color:#a397a4}
@media(max-width:600px){#rankings-dialog .rank-tabs{gap:6px}#rankings-dialog .rank-tabs button{min-width:calc(50% - 6px);font-size:11px}.resident-records-grid{grid-template-columns:1fr;gap:14px}.resident-record-card{padding:16px}.resident-records-intro{padding:16px}.resident-records-intro h3{font-size:23px}.resident-record-stats b{font-size:24px}}

#rankings-dialog .dream-ranking-table{width:100%;border-collapse:collapse;table-layout:auto}.rank-player{display:flex;align-items:center;gap:11px;min-width:0}.rank-player>strong{min-width:0;overflow-wrap:anywhere;font:700 15px/1.5 system-ui}.rank-player-avatar{position:relative;display:grid;place-items:center;flex:none;width:40px;height:40px;overflow:hidden;border:2px solid #ced5b9;border-radius:50%;background:linear-gradient(135deg,#d8e8d0,#eff1da);color:#41684e}.rank-player-avatar .trader-avatar-initial{font:750 18px/1 Georgia,serif}.rank-player-avatar .trader-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.rank-collector-score>b,.rank-collector-score>small{display:block}.rank-collector-score>small{margin-top:5px;font:500 10px/1.4 system-ui;color:#7d886d}#rankings-dialog .rank-album-open{min-height:44px;padding:9px 12px;border:1px solid #90ab84;border-radius:9px;background:#f2f8e6;color:#496b46;font:700 12px/1.5 system-ui;cursor:pointer}#rankings-dialog .rank-album-open:focus-visible{outline:3px solid #55a19a;outline-offset:3px}#rankings-dialog .rank-album-open:disabled{opacity:.55;cursor:default}.rank-place{font-weight:700}.rank-score{white-space:nowrap}.resident-record-policy>summary{min-height:44px;padding:10px 0;font:700 13px/1.6 system-ui;cursor:pointer}body.dark #rankings-dialog .rank-album-open{background:#46543d;color:#eef2d7;border-color:#9cae86}body.dark .rank-collector-score>small{color:#c6d2bb}@media(max-width:600px){.rank-player{gap:7px}.rank-player>strong{font-size:12px}.rank-player-avatar{width:30px;height:30px}.rank-player-avatar .trader-avatar-initial{font-size:15px}#rankings-dialog .dream-ranking-table th,#rankings-dialog .dream-ranking-table td{padding:10px 5px}#rankings-dialog .dream-ranking-table .rank-collection-value{display:none}#rankings-dialog .rank-album-open{padding:9px 8px;font-size:11px}}
