800&display=swap');
700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#171717;background:#ffffff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #555;outline-offset:5px}header{height:92px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19191925;position:relative;z-index:4}.logo{font-weight:700;font-size:28px;letter-spacing:-2px}.logo sup{font-size:10px;letter-spacing:0;vertical-align:top;position:relative;top:6px;margin-left:4px}.header-center{font-size:10px;letter-spacing:2px}.active{font-size:12px;letter-spacing:1px;border-bottom:1px solid #111;padding:9px 0}.active span{font-size:9px;margin-left:10px}main{position:relative;height:calc(100dvh - 144px);min-height:450px;overflow:hidden;background:radial-gradient(ellipse at 64% 47%,#fff9,transparent 65%)}#stage,#markers{position:absolute;inset:0}#stage{touch-action:none;cursor:grab}#stage:active{cursor:grabbing}#stage canvas{display:block}#markers{pointer-events:none;overflow:hidden}.intro{position:absolute;left:5%;top:13%;pointer-events:none;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(85px,10vw,155px);line-height:.8;letter-spacing:-3px;margin:35px 0 27px}h1 span{-webkit-text-stroke:1px #171717;color:transparent}.intro-copy{font-size:14px;line-height:1.7;color:#656560}.line{width:36px;height:1px;background:#171717;margin:29px 0}.tiny{font-size:9px;line-height:1.8;letter-spacing:1.5px}.coordinates{position:absolute;right:5%;top:30px;font-size:10px;letter-spacing:2px;color:#6b6b65}.globe-tools{position:absolute;right:4%;top:42%;display:flex;flex-direction:column;border:1px solid #17171730;border-radius:30px;background:#ffffffd9;z-index:3}.globe-tools button{height:42px;width:40px;border:0;background:none;font-size:23px}.bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:3}.interaction{font-size:11px;color:#555}.interaction span{color:#888}.bottom button{background:#191919;color:#fff;border:0;padding:18px 22px;font-size:10px;letter-spacing:1.5px}.bottom button span{margin-left:30px}.marker{position:absolute;left:0;top:0;pointer-events:auto;border:0;background:none;padding:10px;white-space:nowrap;display:flex;align-items:center;gap:9px;transform:translate(-10px,-50%);color:#111;transition:opacity .18s;font-size:11px}.marker i{display:block;width:8px;height:8px;background:#111;border:2px solid #f1f1eb;border-radius:50%;box-shadow:0 0 0 1px #111;flex-shrink:0}.marker span{padding:7px 10px;background:#ffffffee;box-shadow:0 1px 0 #16161640;text-align:left}.marker b{font-size:11px;font-weight:600;letter-spacing:.3px}.marker small{display:block;font-size:8px;letter-spacing:1px;color:#777;margin-top:3px}.marker:hover span,.marker:focus-visible span{background:#171717;color:white}.marker:hover small{color:#bbb}.marker:hover i{box-shadow:0 0 0 5px #1112}.marker[hidden]{display:none}footer{position:relative;z-index:4;height:52px;margin:0 4%;border-top:1px solid #19191925;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#62625c}footer a{color:#111}#loading{position:absolute;left:50%;top:50%;font-size:13px;transform:translate(-50%,-50%);background:#eee;padding:20px}#roster{position:absolute;right:5%;bottom:85px;width:300px;background:#191919;color:white;padding:22px;z-index:6;box-shadow:0 20px 60px #0003}.roster-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px}.roster-top button{color:white;background:none;border:0;font-size:24px}.roster-player{display:flex;width:100%;justify-content:space-between;padding:13px 0;border:0;border-bottom:1px solid #ffffff25;color:white;background:none;font-size:13px;text-align:left}.roster-player span{font-size:10px;color:#999}.roster-player:hover{color:#ccc}#roster p{font-size:10px;color:#999;margin-bottom:0}#profile{position:absolute;right:0;top:0;bottom:0;width:44%;background:#171717;color:#ffffff;z-index:5;padding:28px 42px;overflow:auto;animation:reveal .75s cubic-bezier(.2,.7,.2,1)}#back{background:none;border:0;color:#bbb;font-size:11px;padding:5px 0}.profile-body{position:relative;padding-top:60px}.profile-number{position:absolute;right:0;top:10px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:180px;color:#ffffff08;font-weight:800;line-height:1}.profile-body .eyebrow{color:#aaa;position:relative}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(60px,6vw,96px);line-height:.9;text-transform:uppercase;margin:24px 0;font-weight:700;letter-spacing:-1px;position:relative}.player-role{font-size:12px;color:#a7a7a0}.player-details{display:flex;gap:35px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:20px 0;margin:28px 0}.player-details span{font-size:9px;letter-spacing:1px;color:#aaa;display:block;margin-bottom:8px}.player-details b{font-size:15px;font-weight:500}.profile-text{font-size:21px;line-height:1.4}.demo{font-size:10px;line-height:1.7;color:#85857e}.profile-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:18px;font-size:10px;letter-spacing:2px;margin-top:30px}body.selected .intro,body.selected .bottom,body.selected .coordinates,body.selected .globe-tools{opacity:0;pointer-events:none}.intro,.bottom,.coordinates,.globe-tools{transition:opacity .4s}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media(max-width:700px){header{height:70px}.header-center{display:none}.logo{font-size:24px}main{height:calc(100dvh - 112px);min-height:460px}.intro{top:25px;left:6%}h1{font-size:72px;margin:20px 0;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1px}.intro-copy{font-size:11px}.intro .line,.intro .tiny{display:none}.coordinates{top:30px;right:6%;font-size:8px;letter-spacing:1px;max-width:80px;line-height:1.8}.globe-tools{top:auto;bottom:100px;right:5%}.globe-tools button{height:36px;width:35px}.bottom{bottom:16px;gap:10px}.interaction{max-width:125px;font-size:10px;line-height:1.5}.interaction span{display:none}.bottom button{padding:15px 12px;font-size:9px}.bottom button span{margin-left:10px}footer{height:42px;font-size:8px}.demo-footer{font-size:7px}#profile{width:100%;top:32%;padding:20px 25px;background:#171717f7}.profile-body{padding-top:15px}h2{font-size:62px;margin:17px 0}.profile-number{font-size:130px}.player-details{margin:18px 0;padding:15px 0}.profile-text{font-size:18px}.profile-foot{margin-top:20px}.marker b{font-size:10px}.marker small{font-size:7px}.marker span{padding:6px 8px}#roster{right:5%;left:5%;width:auto;max-height:65%;overflow:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

:root{font-family:Arial,Helvetica,sans-serif;background:transparent;color:#111}body{background:transparent}main{height:100dvh;min-height:360px;background:transparent}header,footer,#profile{display:none!important}h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.06em;margin:20px 0}.intro{top:8%;left:4%;max-width:260px}.intro-copy{font-size:14px}.coordinates{top:22px}.marker span{background:#ffffffed}.globe-tools{border-radius:0;background:#ffffffd9}.bottom{bottom:24px}#roster{max-height:70%;overflow:auto}.roster-player{gap:14px}.roster-player span{max-width:105px}button svg{width:18px;height:18px;vertical-align:middle}.intro{transition:opacity .4s}body.selected .intro{opacity:0}
@media(max-width:700px){main{height:100dvh;min-height:360px}.intro{top:8px;max-width:180px}h1{font-size:38px}.intro-copy{font-size:11px;max-width:150px}.coordinates{display:none}.bottom{bottom:18px}.globe-tools{bottom:88px}}

.globe-cluster{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-width:44px;height:44px;padding:0 12px;border:1px solid #111;border-radius:50%;background:#ffffff;color:#111;font-size:15px;font-weight:600;box-shadow:0 2px 8px #0002}.globe-cluster:hover,.globe-cluster:focus-visible{background:#111;color:#fff}.globe-cluster.is-name{border-radius:0;max-width:175px;height:auto;min-height:40px;font-size:11px;padding:10px;white-space:normal}.globe-cluster[hidden]{display:none}

.intro h1{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:800;font-size:clamp(85px,10vw,155px);line-height:.8;letter-spacing:-3px;margin:35px 0 27px}.intro h1 span{-webkit-text-stroke:1px #111;color:transparent}@media(max-width:700px){.intro h1{font-size:72px;letter-spacing:-2px;margin:20px 0}}

@media(max-width:600px){.intro{left:auto;right:18px;top:16px;max-width:155px;text-align:right}.intro h1{font-size:30px;line-height:.95;letter-spacing:-.6px;margin:8px 0}.intro-copy{font-size:11px;line-height:1.4;max-width:155px;margin:8px 0 0}.intro .eyebrow{font-size:8px;margin:0}}
.classic-globe,.classic-globe body,.classic-globe main{background:#000;color:#fff}.classic-globe .intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-.045em;font-weight:750}.classic-globe .intro h1 span{color:white;-webkit-text-stroke:0}.classic-globe .intro-copy,.classic-globe .coordinates,.classic-globe .interaction{color:#aaa}.classic-globe .globe-tools{background:#111;color:white;border:1px solid #666}.classic-globe .globe-tools button{color:white}.classic-globe .bottom button{background:#fff;color:#000}.classic-globe #roster{border:1px solid #555;background:#0c0c0c}.classic-globe #loading{background:#111;color:white}.classic-globe .eyebrow{display:none}@media(max-width:600px){.classic-globe .intro h1{font-size:27px}.classic-globe .intro-copy{font-size:10px}}
/* Classic universe: soft light behind the globe, on an anthracite surface. */
html.classic-globe, .classic-globe body{background:#101010}
.classic-globe main{background:radial-gradient(ellipse 43% 57% at 65% 48%,#353535 0%,#252525 38%,#171717 72%,#101010 100%)}
.classic-globe #stage canvas{filter:drop-shadow(0 22px 22px rgba(0,0,0,.38))}
.classic-globe .globe-tools{background:#1b1b1be8;border-color:#ffffff38;box-shadow:0 12px 32px #0003}
.classic-globe #roster{background:#1b1b1b;border:1px solid #ffffff26}
@media(max-width:700px){.classic-globe main{background:radial-gradient(ellipse 70% 42% at 50% 60%,#353535 0%,#252525 40%,#171717 76%,#101010 100%)}}
/* The classic page provides the accessible catalogue button beside its heading. */
.classic-globe #roster-toggle{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.antarctic-point{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;pointer-events:auto}.antarctic-point::after{content:"";position:absolute;inset:11px;border-radius:50%;background:#555}.antarctic-point[hidden]{display:none}.antarctic-point:focus-visible{outline:1px solid #555;border-radius:50%}


@font-face{font-family:'Cabinet Grotesk';src:url('/fonts/cabinet-grotesk-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* The same local variable font covers every route, native control and viewport. */
:root{--shadow-font:'Cabinet Grotesk',Arial,sans-serif}
body,body *{font-family:var(--shadow-font)!important}

html.classic-globe main{background:radial-gradient(ellipse at 65% 45%,#ffffff0d,transparent 65%),linear-gradient(#0009,#0009),url('/about-gradient.webp') center/100% 100% no-repeat #101010}