:root{color-scheme:light;font:16px/1.5 Arial,Helvetica,sans-serif;color:#086788;background:#FFF1D0}*{box-sizing:border-box}body{margin:0;min-height:100dvh;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #06AED5;outline-offset:5px}h1,h2,h3,p{margin:0}.skip-link{position:fixed;top:10px;left:10px;z-index:5;transform:translateY(-160%);background:#086788;padding:10px 18px}.skip-link:focus{transform:none}.site-shell{max-width:1760px;margin:auto;padding:0 clamp(24px,4vw,72px) 72px}
.site-header{position:relative;z-index:10;height:60px;background:var(--color-teal);color:#fff}
.header-inner{max-width:1504px;margin:auto;padding:0 32px;height:60px;display:flex;align-items:center;gap:clamp(28px,4vw,64px)}
.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:20px;font-weight:800;letter-spacing:-.6px;line-height:1}
.brand img{display:block;width:38px;height:44px}.brand-domain{display:block;color:var(--color-azure);margin-top:3px}
.site-header nav{display:flex;height:60px;align-items:stretch;gap:30px}
.site-header nav a{position:relative;display:flex;align-items:center;color:#f0f6f8;font-size:14px;font-weight:600;white-space:nowrap}
.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--color-yellow)}
.site-header nav a[aria-current=page]::after{content:"";position:absolute;height:3px;border-radius:3px;background:var(--color-yellow);bottom:7px;left:-6px;right:-6px}
.header-actions{display:flex;align-items:center;margin-left:auto;gap:20px;min-width:0}
.play-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:38px;padding:0 24px;border-radius:5px;background:var(--color-red);color:#fff;font-size:15px;font-weight:700;flex-shrink:0}
.play-button:hover{background:#b81715}.account-actions{display:flex;align-items:center;gap:4px;min-width:0}.account-actions form{margin:0;display:flex;align-items:center;flex-shrink:0}
.sign-in{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;height:38px}.sign-in svg{display:block;width:20px;height:20px;flex-shrink:0}.sign-in:hover{color:var(--color-yellow)}
.quiet-button{background:none;border:0;color:inherit}
[data-account-name]{display:flex;align-items:center;gap:8px;height:38px;padding:4px 10px 4px 4px;background:#ffffff12;border:1px solid #ffffff30;border-radius:5px;min-width:0;font-size:14px;font-weight:600}
.account-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:4px;overflow:hidden;background:#ffffff24;color:#fff;font-size:14px}.account-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}

.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:38px;padding:6px;border-radius:3px}.icon-button svg{display:block;width:18px;height:18px}.icon-button{color:#c3dfe8;transition:background .15s,color .15s}.icon-button:hover{background:#ffffff16;color:#fff}[data-account-name]:hover{background:#ffffff20;color:#fff}
.nav-toggle{display:none;align-items:center;justify-content:center;width:32px;height:38px;padding:5px;background:none;border:0;color:#fff;flex-shrink:0}.nav-toggle svg{width:22px;height:22px}
#features{scroll-margin-top:28px}
.intro{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 2 * clamp(24px,4vw,72px));max-width:1616px;margin:32px auto 0;border-radius:16px;border:1px solid #08678820;background:#13415b;min-height:360px;height:clamp(360px,22.5vw,576px);color:#fff}
.hero-scene{position:absolute;inset:0 -32px;pointer-events:none}.hero-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,34,.78),rgba(4,22,34,.42) 32%,rgba(4,22,34,.08) 60%,transparent 78%);pointer-events:none}
.hero-content{position:relative;display:flex;align-items:center;max-width:1504px;margin:auto;height:100%;padding:32px}
.intro-copy{max-width:470px}.intro h1{font-size:clamp(38px,3.3vw,56px);line-height:1.06;letter-spacing:-1.4px;margin-bottom:20px;color:#fff}
.intro p{font-size:16px;line-height:1.55;max-width:420px;color:#fff}
.intro-actions{display:flex;align-items:center;gap:30px;margin-top:26px}.intro-actions .play-button{min-width:140px}.browse-maps{color:#fff;font-size:15px;font-weight:700;text-decoration:underline;text-decoration-color:#ffffff90;text-underline-offset:6px;text-decoration-thickness:2px;white-space:nowrap}.browse-maps:hover{color:#fff;text-decoration-color:#fff}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.hero-layer[data-depth="middle"],.hero-layer[data-depth="front"]{will-change:transform}}
.features{margin-top:84px}.features h2{font-size:32px;line-height:1.2;letter-spacing:-.7px;font-weight:600;margin-bottom:34px}.feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.feature-columns h3{font-size:21px;font-weight:600;margin-bottom:14px;letter-spacing:-.2px}.feature-columns p{font-size:17px;line-height:1.65;max-width:430px;color:#386778}.page-content{margin-top:80px}.page-content>h1{font-size:42px;line-height:1.2;letter-spacing:-1px;margin-bottom:32px}.page-description,[data-profile-guest]{color:#386778;font-size:18px}.narrow{max-width:780px}.map-tools{display:flex;align-items:flex-end;gap:32px;margin-bottom:32px}.search-label{display:grid;gap:8px;color:#386778;font-size:14px;width:min(100%,360px)}input{color:#086788;background:#fff8e8;border:1px solid #a1b2ad;border-radius:3px;padding:10px 12px;min-width:0}input::placeholder{color:#5a7980}.map-filters{display:flex;gap:10px;flex-wrap:wrap}.map-filters button{background:transparent;border:1px solid transparent;border-radius:3px;color:#386778;padding:10px 18px}.map-filters button[aria-pressed=true]{color:#f0f6fa;background:#086788}.map-filters button:hover{color:#fff}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.map-entry{min-width:0}.map-entry img,.map-no-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#e4e6d1}.map-no-preview{display:grid;place-items:center;color:#386778}.map-entry h2{font-size:19px;font-weight:600;margin:12px 0 4px;overflow-wrap:anywhere}.map-entry p{color:#386778;font-size:14px}[data-map-status]:empty{display:none}[data-map-status]{margin-bottom:24px;color:#386778}.site-profile{max-width:440px}.site-profile label{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:24px}.site-profile input[name=nickname]{width:260px}.site-profile input[type=color]{width:54px;height:36px;padding:3px}.saved-runs{margin-top:60px}.saved-runs h2{font-size:28px;font-weight:600;margin-bottom:24px}.runs-scroll{overflow-x:auto}.saved-runs table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.saved-runs th{font-weight:400;color:#386778}.saved-runs td,.saved-runs th{padding:12px 24px 12px 0;white-space:nowrap}.saved-runs tbody tr:nth-child(odd){background:#08678808}[data-runs-status],[data-account-status]{color:#386778;margin-top:16px}[data-account-status]:empty,[data-runs-status]:empty{display:none}
@media(max-width:1200px){.header-inner{gap:28px;padding:0 24px}.site-header nav{gap:24px}.header-actions{gap:16px}.account-label{max-width:140px}.hero-content{padding-inline:24px}.intro-actions{gap:22px}.intro-actions .play-button{min-width:110px}.feature-columns{gap:32px}}
@media(max-width:1050px){.header-inner{gap:16px}.site-header nav{display:none;position:absolute;top:60px;left:0;right:0;height:auto;background:var(--color-teal);padding:12px 24px 20px;gap:24px;justify-content:center;box-shadow:0 6px 12px #0001}.navigation-open nav{display:flex}.site-header nav a{min-height:38px}.site-header nav a[aria-current=page]::after{bottom:0}.nav-toggle{display:flex}}
@media(max-width:760px){.site-shell{padding:0 20px 48px}.intro{width:calc(100% - 40px);height:420px;margin-top:24px;border-radius:12px}.hero-content{padding:32px 20px}.intro h1{font-size:clamp(30px,7vw,38px)}.intro p{font-size:16px;max-width:380px}.hero-layer{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#041622cc,#04162260)}.features{margin-top:48px}.features h2{font-size:28px}.feature-columns{grid-template-columns:1fr;gap:30px}.feature-columns p{max-width:none}.page-content{margin-top:48px}.page-content>h1{font-size:36px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.map-tools{flex-wrap:wrap;gap:18px}.map-entry h2{font-size:16px}.site-profile input[name=nickname]{width:62%}}
@media(max-width:460px){.header-inner{padding:0 12px;gap:10px}.brand>span{display:none}.brand img{width:34px;height:40px}.header-actions{gap:10px}.play-button{padding:0 12px;font-size:14px}.sign-in span{display:none}.account-actions{gap:4px}[data-account-name]{gap:6px;font-size:13px}.account-label{max-width:80px}.icon-button{width:26px;padding:4px}.site-header nav{gap:20px;padding-inline:12px}.site-header nav a{font-size:13px}.map-grid{grid-template-columns:1fr}.feature-columns h3{font-size:20px}}
select{font:inherit;color:#086788;background:#fff8e8;border:1px solid #a1b2ad;border-radius:3px;padding:10px 12px;width:100%;min-width:0}select:focus-visible{outline:2px solid #06AED5;outline-offset:5px}.ranking-modes{margin:28px 0;flex-wrap:wrap}.map-entry h2 a:hover{color:#06AED5}

:root{--color-azure:#06AED5;--color-teal:#086788;--color-yellow:#F0C808;--color-cream:#FFF1D0;--color-red:#DD1C1A}
.features h2,.feature-columns h3{color:var(--color-teal)}.map-entry h2 a{color:var(--color-teal)}.map-entry h2 a:hover{color:#087a97}.skip-link{color:#fff}

@media(max-width:360px){.header-inner{gap:6px;padding-inline:8px}.header-actions{gap:8px}.account-label{max-width:55px}.account-actions{gap:0}}
.player-statistics,.activity-ranking{margin:48px 0}.player-statistics h2,.activity-ranking h2,.page-content>h2{font-size:26px;font-weight:600;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0}.stats-grid dt{color:#386778;font-size:14px;margin-bottom:8px}.stats-grid dd{margin:0;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}[data-best-lj-detail],[data-statistics-status],[data-activity-status]{color:#386778;margin-top:20px}.activity-ranking table{width:100%;border-collapse:collapse;text-align:left;margin-top:24px}.activity-ranking th,.activity-ranking td{padding:12px 24px 12px 0}.activity-ranking th{font-weight:400;color:#386778}.activity-ranking tbody tr:nth-child(odd){background:#08678808}@media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.stats-grid dd{font-size:22px}}

.featured-servers{width:calc(100% - 2 * clamp(24px,4vw,72px));max-width:1616px;margin:28px auto 0}.featured-servers h2{display:flex;align-items:center;gap:14px;font-size:24px;line-height:1.25;margin:0 0 18px;font-weight:700}.featured-servers h2::before{content:"";width:5px;height:24px;border-radius:3px;background:#F0C808}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(130px,.7fr);gap:16px}.featured-server{position:relative;display:block;height:126px;min-width:0;overflow:hidden;border-radius:8px;background:#086788;color:white;text-decoration:none;isolation:isolate}.featured-server>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.featured-server::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 15%,#032c3b80 55%,#032c3bf5)}.featured-caption{position:absolute;inset:auto 14px 12px}.featured-caption strong{display:block;font-size:16px;line-height:1.3;margin-bottom:5px}.featured-details{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.25}.featured-map{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-players{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.featured-players svg{width:12px;height:12px;flex:none}.featured-server:hover{filter:brightness(1.12)}.featured-server[aria-disabled=true]{cursor:default;filter:saturate(.5)}.all-servers{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#06aed51c;border-radius:8px;color:#086788;font-weight:700;text-decoration:none;text-align:center;font-size:14px;min-height:126px;padding:14px}.all-servers svg{height:25px;width:25px}.all-servers:hover{background:#06aed530}.featured-server:focus-visible,.all-servers:focus-visible{outline:3px solid #086788;outline-offset:4px}.featured-status{grid-column:span 4;align-self:center;color:#086788}
@media(max-width:1100px){.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.all-servers{grid-column:1/-1;min-height:44px;padding:10px;flex-direction:row;gap:8px}.all-servers svg{width:20px;height:20px}.featured-caption{inset:auto 10px 10px}.featured-details{flex-wrap:wrap;gap:4px}}
@media(max-width:760px){.featured-servers{width:calc(100% - 40px);margin-top:24px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-servers h2{font-size:22px;margin-bottom:16px}.featured-status{grid-column:1/-1}.featured-server{height:120px}.featured-caption strong{font-size:14px}.featured-details{font-size:11px}}