*{box-sizing:border-box}body{margin:0;background:#10283d;color:#e9f8ff;font:15px system-ui,sans-serif}header,main{max-width:1500px;margin:0 auto;padding:24px}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap}h1{font-size:26px;margin:0}main{background:#19374f;border:1px solid #527791;border-radius:12px}a{color:#91dfff}form,nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}input,select,button{font:inherit;border:1px solid #678a9f;border-radius:6px;padding:9px;background:#10283d;color:#fff}button{cursor:pointer;background:#225c80}button:disabled{opacity:.4;cursor:default}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #416077;vertical-align:top}td{white-space:nowrap}.table-wrap{overflow:auto}nav{margin-top:20px}.muted,#access{color:#adcadb}details{max-width:420px;white-space:normal;overflow-wrap:anywhere}details div{margin:8px 0}summary{cursor:pointer}#message{white-space:pre-wrap}@media(max-width:700px){header,main{padding:12px}td,th{padding:9px}}
/* Match the main website shell. */
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#26374c;background:#e6e6e6;color-scheme:light;font-synthesis:none}
[hidden]{display:none!important}body{background:#e6e6e6;color:#26374c;font-family:inherit;min-height:100vh}
.site-header{max-width:none;margin:0;min-height:64px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#172b45;box-shadow:0 2px 8px #10223626;color:#fff}
.brand{color:#fff;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}.brand span{color:#79cfff}
.site-header nav{margin:0}.nav-link{color:#dbe7f5;text-decoration:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500}.nav-link:hover{background:#ffffff12;color:#fff}
.page-heading{max-width:1500px;width:100%;margin:0 auto;padding:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.page-heading span{color:#65758a}
main{width:calc(100% - 48px);max-width:1452px;margin:0 auto 24px}main,section{background:#f8f9fa;border-color:#cbd0d6;border-radius:10px;box-shadow:0 2px 8px #26374c0d}
a{color:#1767b0}input,select{background:#fff;color:#26374c;border-color:#bac7d5}button{background:#1767b0;color:#fff;border-color:#1767b0}button:hover:not(:disabled){background:#12548f}td,th{border-color:#d3d7dc}th{color:#26374c;background:#edf1f5}.muted,#access{color:#65758a}#notice{color:#865000}canvas{border-color:#cbd0d6}:focus-visible{outline:3px solid #50b8ff;outline-offset:3px}
@media(max-width:700px){.site-header{padding:10px 14px;gap:8px}.brand{font-size:21px}.page-heading{padding:16px 12px}main{width:calc(100% - 16px)}}

/* Separate destinations from account information and actions. */
.site-header .nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 16px;border:1px solid #ffffff24;border-radius:7px;background:#ffffff0d;color:#e5f1ff;text-decoration:none;font-weight:600;line-height:18px;white-space:nowrap}
.site-header .nav-link:hover{background:#ffffff20;border-color:#ffffff50;color:#fff}
.site-header .nav-link[aria-current="page"]{background:#79cfff;border-color:#79cfff;color:#102b43}
.header-actions{display:flex;align-items:center;gap:24px;min-width:0}.header-actions nav{gap:8px}
.account-menu{display:flex;align-items:center;gap:14px;padding-left:24px;border-left:1px solid #ffffff35;min-width:0}
.account-identity{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#c8d6e7}.account-identity svg{flex:none;color:#9db4ce}#account-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.site-header .account-button{min-height:36px;white-space:nowrap;background:transparent;font-weight:400}
@media(max-width:760px){.site-header{flex-wrap:wrap}.header-actions{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-menu{padding-left:16px;gap:10px}#account-name{max-width:130px}}
@media(max-width:440px){.header-actions{align-items:stretch}.account-menu{width:100%;border-left:0;border-top:1px solid #ffffff25;padding:12px 0 0;justify-content:space-between}.site-header .nav-link{padding:8px 14px}}

.site-header .account-button{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #8dbbe0;border-radius:6px;color:#dcecff;text-decoration:none;font-size:14px;line-height:18px}.site-header .account-button:hover{background:#ffffff12}#account-error{font-size:12px;color:#ffd4ad;max-width:220px}

.player-name{vertical-align:middle}.player-avatar{display:inline-block;position:relative;width:32px;height:32px;margin-right:10px;vertical-align:middle;background:#c7cbd1;border:1px solid #b5bec9;border-radius:5px;overflow:hidden}.player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.player-avatar img.loaded{opacity:1}

/* Match the website background and raised content panels. */
body{background-color:#e6e6e6;background-image:linear-gradient(#e6e6e6bf,#e6e6e6bf),url("/site/background.png");background-repeat:repeat;background-size:auto}
main{box-shadow:0 8px 24px #102b4326,0 2px 6px #102b43}

main{margin-top:24px}main .page-heading{max-width:none;margin:0 0 20px;padding:0;gap:12px 20px}

.player-name{white-space:nowrap}.player-name strong{font-weight:700}.player-flag{display:inline-block;vertical-align:middle;object-fit:contain;margin-left:8px}

.rating-tabs{margin:0 0 20px;gap:8px}.rating-tabs a{padding:8px 16px;border:1px solid #bac7d5;border-radius:6px;text-decoration:none}.rating-tabs a[aria-current=page]{background:#1767b0;border-color:#1767b0;color:white}