/* delivery360 */
:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;color:#182d43;background:#edf3f8;font-synthesis:none;--line:#d7e2eb;--muted:#596f82;--gap:12px}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:12px max(16px,env(safe-area-inset-left)) 24px}header,.identity{display:flex;align-items:center;justify-content:space-between;gap:12px}header{height:44px;margin-bottom:12px}header img{width:94px;height:44px;object-fit:contain;mix-blend-mode:normal}button,a{touch-action:manipulation}button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#182d43;font:inherit;font-size:12px;cursor:pointer}button:disabled{opacity:.55}a{color:#14688e;text-underline-offset:3px}h1{font-size:22px;line-height:1.3;letter-spacing:.01em;margin:4px 0 12px}h2{font-size:15px;line-height:1.4;margin:12px 0 8px}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--muted);margin:4px 0;font-weight:700}.muted{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0}.primary{display:flex;align-items:center;justify-content:center;background:#17374e;color:#fff;text-decoration:none;border-radius:9px;padding:12px;min-height:44px;margin:12px 0;font-size:13px;font-weight:650}.identity{padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.identity-name{flex:1;min-width:0}.identity h2{font-size:16px;margin:0 0 4px;overflow-wrap:anywhere}.identity a{font-size:12px;overflow-wrap:anywhere}.avatar-wrap{width:52px;height:52px;flex:0 0 52px;border-radius:50%;overflow:hidden;background:#d9e9f3;display:grid;place-items:center;font-weight:700;font-size:22px}.avatar-wrap img{width:100%;height:100%;object-fit:cover}.totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.totals div{background:#fff;padding:12px 4px;text-align:center}.totals b{display:block;font-size:25px;font-variant-numeric:tabular-nums;line-height:1.2}.totals span{font-size:10px;color:var(--muted)}.match{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.match small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.match strong{font-size:12px}.ranking-settings{padding:12px;border:1px solid var(--line);background:#fff;border-radius:10px;margin:8px 0}.ranking-settings h2{margin:0 0 4px;font-size:12px}.ranking-settings p{margin:6px 0;font-size:11px}.ranking-settings.accepted{padding:8px 0;background:transparent;border:0;border-radius:0}.ranking-settings.accepted #ranking-privacy,.ranking-settings.accepted #settings-status{display:none}.ranking-settings.accepted h2{display:inline;color:#25725d;font-size:11px}.ranking-settings.accepted p:has(#terms-link){display:inline;margin-left:8px;font-size:10px}#refresh-profile{display:inline-flex;align-items:center;min-height:32px;font-size:11px}#avatar-status:empty{display:none}#avatar-status{margin:6px 0;font-size:11px}.ranking{margin:0}.ranking h2{font-size:20px;margin:4px 0 8px}.ranking-row{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 4px;border-bottom:1px solid var(--line)}.ranking-row .rank{width:24px;font-size:18px;font-weight:750;text-align:center;color:var(--muted)}.ranking-row img{width:40px;height:40px;border-radius:50%;object-fit:cover}.ranking-row a{flex:1;min-width:0;text-decoration:none;font-size:13px;font-weight:600;overflow-wrap:anywhere}.ranking-row small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.ranking-row strong{font-size:15px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}#history,#ranking-list{padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:10px}#history:empty,#ranking-list:empty{display:none}.match:last-child,.ranking-row:last-child{border-bottom:0}#status,#settings-status,#ranking-status{font-size:12px;line-height:1.5}#status:empty{display:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #258ab5;outline-offset:3px}@media(min-width:600px){main{padding:20px 24px}h1{font-size:24px}.totals b{font-size:28px}}
#pvp-summary{margin:12px 0 20px}#pvp-summary h2{font-size:16px}.pvp-tabs{display:flex;gap:6px;margin-bottom:12px}.pvp-tabs button{flex:1;min-height:44px;padding:8px;border:1px solid #c8d6e0;border-radius:8px;background:#fff;color:#17364e}.pvp-tabs button[aria-pressed=true]{background:#17364e;color:#fff}

.journey-profile{padding:14px;border:1px solid #b2c8d7;border-radius:10px;margin:16px 0;background:#f0f6fa}.journey-profile h2{margin:0 0 6px}.journey-profile a{display:inline-block;margin:8px}#journey-equipped{font-size:14px;color:#865523;margin:4px 0}

/* Compact player hub: one record view at a time. */
main{max-width:900px;padding:16px}h1{font-size:24px;margin:0 0 12px}.identity{padding:12px;gap:10px}.identity h2{font-size:18px}.identity a{font-size:14px}.avatar-wrap{width:56px;height:56px;flex-basis:56px}button{font-size:14px}.ranking-settings summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-size:14px;font-weight:650}.ranking-settings.accepted{padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:10px}.ranking-settings:not([open])>*:not(summary){display:none}.ranking-settings p,.muted{font-size:13px}.ranking-settings #refresh-profile{font-size:14px}.ranking-settings #logout{float:right}#member>#avatar-status,#member>#refresh-profile{display:none}.record-tabs{display:flex;gap:4px;background:#dfe9f1;padding:4px;border-radius:10px;margin:12px 0}.record-tabs button{flex:1;border:0;background:transparent}.record-tabs button[aria-pressed=true]{background:#15384d;color:white}.totals{margin:8px 0 12px}.totals div{padding:10px 4px}.totals span{font-size:13px}.totals b{font-size:28px}.match{font-size:14px;padding:12px 0}.match small{font-size:12px}.match strong{font-size:14px}.journey-profile{padding:12px;margin:12px 0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.journey-profile h2{width:100%;font-size:16px}.journey-profile p{font-size:13px;margin:0}.journey-profile a{font-size:14px;margin:4px 0}.profile-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.profile-shortcuts a{padding:12px 4px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:14px;text-decoration:none}.ranking h2{font-size:22px}.ranking-row a{font-size:14px}.ranking-row small{font-size:12px}.ranking-row{min-height:60px}#pvp-summary{margin:8px 0}.profile-loading{height:84px;background:linear-gradient(100deg,#e0e8ef,#f9fbfd,#e0e8ef);border-radius:12px}.ranking-settings #ranking-privacy{display:block!important}.ranking-settings #ranking-label{font-size:14px!important}

.match-history{margin:12px 0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.match-history>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;list-style:none;touch-action:manipulation}.match-history>summary::-webkit-details-marker{display:none}.match-history>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 0;flex-shrink:0}.match-history[open]>summary::after{transform:rotate(225deg);margin-bottom:-4px}.match-history[open]>summary{border-bottom:1px solid var(--line)}.match-history>div,.match-history>#history{padding:0 12px;border:0;border-radius:0}.match-history>#history:not(:has(.match)){padding:12px;font-size:12px;color:var(--muted)}

.ranking-feedback{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 16px;margin-top:12px}.ranking-feedback #ranking-status{flex:1;margin:0;min-width:160px}.ranking-feedback #ranking-status:empty{display:none}.ranking-feedback button{flex:none;min-width:88px;min-height:44px}

body[data-pvp="paused"] .record-tabs{display:none!important}

/* The ranking heading already states the mode and ordering. */
body[data-pvp=paused] .ranking>.eyebrow{display:none}
@media(max-width:600px){#ranking-heading,.popular-panel>h2{display:none}#ranking #ranking-note,#ranking .popular-panel>p.muted{font-size:11px;line-height:1.55}}

/* Keep the avatar tap target independent of the flexible name column. */
.ranking-row a.ranking-avatar-link{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;overflow:visible}

.character-records{margin:16px 0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.character-records h2{margin:0;font-size:16px}.character-records article{padding:12px 0;border-top:1px solid var(--line)}.character-records article:last-child{padding-bottom:0}.character-records h3{font-size:14px;margin:0 0 8px;overflow-wrap:anywhere}.character-records dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;text-align:center}.character-records dt{font-size:11px;color:var(--muted)}.character-records dd{margin:3px 0 0;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.pop-tabs{display:flex;gap:8px;margin:8px 0 16px}.pop-tabs button{flex:1;font-weight:700}.pop-tabs button[aria-pressed=true]{background:#17374e;color:#fff}.popular-row{display:flex;align-items:center;width:100%;gap:10px;text-align:left;margin:0 0 8px;padding:10px;min-height:84px}.popular-row .rank{width:22px;flex-shrink:0;font-weight:750;font-size:18px}.popular-row img{width:52px;height:64px;object-fit:contain}.popular-row>span:not(.rank){min-width:0;flex:1}.popular-row strong{display:block;font-size:14px}.popular-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.popular-row b{font-size:12px;white-space:nowrap}.character-detail{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 48px);padding:16px;border:1px solid var(--line);border-radius:16px;color:#182d43;background:#edf3f8;overscroll-behavior:contain}.character-detail::backdrop{background:#182d43cc}.character-detail>button{position:sticky;top:0;z-index:1}.character-hero{display:flex;align-items:center;gap:20px;margin:12px 0}.character-hero img{width:120px;height:152px;object-fit:contain}.character-hero h2{font-size:24px}.character-detail h3{font-size:16px}.character-detail .totals b{font-size:21px}.character-detail .ranking-row{padding:12px 0}.character-detail .ranking-row a{font-size:14px}.character-records h3 button{font-weight:700;text-align:left}
body dialog.character-detail .totals{grid-template-columns:repeat(4,minmax(0,1fr))}body dialog.character-detail .totals b{font-size:18px;white-space:nowrap}body dialog.character-detail .totals>div{min-width:0;padding:12px 2px}.popular-panel{padding-bottom:24px}

.share-records-x{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;margin:10px 0;padding:10px 14px;box-sizing:border-box;border:1px solid #17374e;border-radius:10px;background:#17374e;color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;text-align:center}

.character-detail .ranking-row .character-player-avatar{position:relative;flex:0 0 40px;width:40px;height:40px;min-width:40px;border-radius:50%;overflow:hidden;background:#dce7ef;color:#284c63;font-size:16px;font-weight:750;text-align:center}.character-player-avatar img{position:absolute;inset:0;width:40px;height:40px;object-fit:cover}.character-player-avatar span{line-height:40px}

.creator-apply-link235{display:block;margin:12px 0;padding:12px 14px;border:1px solid #b5cbd9;border-radius:10px;font-size:14px;font-weight:650;text-decoration:none}body[data-profile-view=ranking] .creator-apply-link235{display:none}

a.popular-row{text-decoration:none;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#fff}a.popular-row:focus-visible{outline:3px solid #258ab5;outline-offset:3px}
.pop-tabs .plaza-entry248{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#17374e;font-size:14px;font-weight:700;text-decoration:none}

.season-entry249{display:flex;align-items:center;gap:15px;padding:16px 18px;margin:16px 0;background:#102638;color:#fff;border:1px solid #736748;border-radius:14px;text-decoration:none}.season-badge249{font-size:10px;letter-spacing:.1em;color:#f7d991;white-space:nowrap}.season-entry249>span:nth-child(2){flex:1;min-width:0}.season-entry249 strong{display:block;font-size:14px;line-height:1.4}.season-entry249 small{display:block;color:#b9c8d3;font-size:10px;margin-top:3px}.season-entry249>b{font-size:23px;color:#f7d991}.season-entry249:hover{border-color:#d7b76f;background:#18374b}@media(max-width:600px){.season-entry249{gap:10px;padding:12px;margin:12px 0;border-radius:10px}.season-badge249{font-size:8px}.season-entry249 strong{font-size:12px}.season-entry249>b{font-size:19px}}
@media(max-width:400px){.pop-tabs{gap:6px}.pop-tabs button,.pop-tabs .plaza-entry248{min-width:0;padding:10px 6px;font-size:12px;white-space:nowrap}}

.wallet252{padding:16px;margin:16px 0;background:#fff;border:1px solid var(--line);border-radius:12px}.wallet-heading252{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-heading252 h2{margin:0;font-size:15px}.wallet-heading252>span{font-size:10px;color:var(--muted)}.wallet252 label{display:block;font-size:11px;margin:14px 0 7px}.wallet252 input{width:100%;min-width:0;padding:12px;border:1px solid #bdceda;border-radius:8px;background:#f8fbfd;color:#182d43;font-family:ui-monospace,monospace;font-size:16px;box-sizing:border-box}.wallet-actions252{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}#wallet-save252{background:#17374e;color:#fff;font-weight:700}#wallet-status252:empty{display:none}

.ranking-tools271{margin:12px 0}.ranking-tools271 form{display:flex;gap:8px}.ranking-tools271 input{min-width:0;flex:1;min-height:44px;padding:10px 12px;border:1px solid #879daa66;border-radius:10px;background:transparent;color:inherit;font:inherit}.ranking-tools271 button{min-height:44px}.ranking-self271{padding:12px;border:1px solid #72a6b455;border-radius:12px;font-size:13px;line-height:1.5;background:#72a6b410}

.feedback-link272{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:12px 0;padding:6px 14px;border:1px solid #7898a44d;border-radius:12px;color:inherit;text-decoration:none;font-size:14px}body[data-profile-view=ranking] .feedback-link272{display:none}

.character-records.match-history{padding:0}.character-records.match-history>p{margin:12px}.character-records.match-history>div{padding:0 12px 12px}.character-records>summary:focus-visible{outline:2px solid #5865f2;outline-offset:-3px}

.ranking-self271{margin:0 0 12px;background:#fff;border-color:var(--line)}.ranking-own-link285{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;min-width:0}.ranking-own-avatar285{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;overflow:hidden;background:#d9e9f3;font-size:22px;font-weight:700}.ranking-own-avatar285 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ranking-own-copy285{min-width:0;flex:1}.ranking-own-copy285 small{display:block;font-size:10px;color:var(--muted);letter-spacing:.08em}.ranking-own-copy285>span{display:block;font-size:14px;font-weight:700;overflow-wrap:anywhere}.ranking-own-link285>strong{text-align:right;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;flex-shrink:0}.ranking-own-link285>strong>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.ranking-self271>small{display:block;border-top:1px solid var(--line);padding-top:8px;margin-top:10px;font-size:11px;color:var(--muted)}

.ranking-filter285{display:flex;gap:6px;margin:0 0 10px}.ranking-filter285 button{flex:1;font-size:12px;font-weight:650}.ranking-filter285 button[aria-pressed=true]{background:#17374e;border-color:#17374e;color:#fff}

.ranking-tools271>.ranking-self271{margin:12px 0 0}

.ranking-discord290{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.ranking-discord290>span{flex:1;min-width:180px}.ranking-discord290 strong{display:block;font-size:12px}.ranking-discord290 small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.ranking-discord290>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:8px;background:#5865f2;color:#fff;font-size:12px;font-weight:700;text-decoration:none}.ranking-discord-required290 strong{color:#86500b}.ranking-discord-required290 small{color:#795827}