.public-site{--gold:#ffc64a;--ink:#09171f;--muted:#99b0b7;background:var(--ink);color:#eaf0e8;min-height:100dvh;font-family:Arial,sans-serif}.public-site *{box-sizing:border-box}.public-site a{color:inherit;text-decoration:none}.public-site button,.public-site input,.public-site select{font:inherit}.public-site .public-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 21px;background:var(--gold);border:1px solid #ffd975;border-radius:5px;color:#17201e;font-weight:800;font-size:13px;box-shadow:0 3px 0 #a57223;min-height:44px;cursor:pointer}.public-site .public-button:hover{background:#ffdb77;transform:translateY(-1px)}.public-site .public-button:disabled{opacity:.55;cursor:wait}.public-site .public-button.large{padding:18px 25px;font-size:15px}.public-site a:focus-visible,.public-site button:focus-visible,.public-site select:focus-visible,.public-site input:focus-visible{outline:3px solid #7ce0c2;outline-offset:4px}.public-nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:12px max(5vw,22px);border-bottom:1px solid #d3e1d917;position:relative;z-index:3;background:#09171fee}.public-brand{display:block;width:225px}.public-site .game-logo img{width:100%;max-width:230px;height:auto}.public-nav nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700}.public-nav .public-login{margin-left:20px;color:#d3dfdc}.public-hero{min-height:660px;position:relative;overflow:hidden;display:flex;align-items:center;padding:70px 7vw 90px;isolation:isolate}.hero-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09171f 1%,#09171fea 23%,#09171f7a 47%,#09171f00 75%),linear-gradient(0deg,#09171f,transparent 40%),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') right 55%/auto 140% no-repeat;background-color:#14232d}.public-hero-copy{max-width:640px}.public-kicker{color:#e4c274;letter-spacing:2.5px;font-size:10px;font-weight:800;line-height:1.8}.public-kicker i,.note-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79c5a4;margin-right:9px;box-shadow:0 0 14px #79c5a480}.public-hero h1{font-size:clamp(45px,5.1vw,78px);line-height:1.04;letter-spacing:-3px;margin:25px 0;font-weight:900}.public-site h1 em,.public-site h2 em{font-style:normal;color:#f3cf8e}.public-hero p{font-size:16px;line-height:1.85;color:#bccdcd;max-width:450px}.public-actions{display:flex;align-items:center;gap:25px;margin:28px 0}.public-secondary{font-size:13px;font-weight:700}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;font-size:8px;letter-spacing:1.1px;color:#8ba4ac;margin-top:30px}.hero-note{position:absolute;right:7vw;bottom:80px;border:1px solid #e7d49850;background:#10212ce8;padding:18px 23px;border-radius:7px;display:flex;align-items:center;gap:10px}.hero-note small{display:block;font-size:8px;letter-spacing:2px;color:#d1bb83;margin-bottom:6px}.hero-note strong{font-size:13px}.public-ticker{display:flex;justify-content:center;align-items:center;gap:36px;padding:23px;background:#12262d;border-block:1px solid #b7d0ca19;font-size:10px;letter-spacing:1.5px;color:#a8bdbc}.public-ticker b{color:#d4aa4d}.public-section{max-width:1320px;margin:auto;padding:95px 5vw}.section-intro{max-width:630px;margin-bottom:38px}.public-site h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-1px;margin:16px 0}.section-intro p,.public-play-strip p{color:var(--muted);font-size:15px;line-height:1.8;max-width:550px}.discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.discovery-card{border:1px solid #52717a4d;border-radius:9px;overflow:hidden;background:#10232c}.discovery-card img{width:100%;height:220px;object-fit:cover;display:block}.discovery-card:nth-child(2) img{object-position:center 65%}.discovery-card:nth-child(3) img{object-position:center 38%}.discovery-card>div{padding:25px}.discovery-card span{font-size:9px;letter-spacing:1.3px;color:#d3b575}.discovery-card h3{font-size:22px;margin:14px 0}.discovery-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.public-play-strip{background:#12262d;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px max(8vw,25px);border-block:1px solid #b7d0ca19}.platform-cards{display:flex;flex-direction:column;justify-content:center;gap:12px}.platform-cards>span{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #37505a;padding:17px 0;color:#b0c6c9;font-size:13px}.platform-cards b{font-size:10px;letter-spacing:2px;color:#f3cf8e}.platform-cards small{grid-column:2;font-size:10px;color:#81999f;padding-top:5px}.boards-meta{display:flex;align-items:center;justify-content:space-between;margin:25px 0;gap:15px}.preview-badge{font-size:8px;letter-spacing:1.5px;color:#94b6a9;border:1px solid #48685e;padding:9px;border-radius:3px}.boards-meta label{font-size:11px;color:var(--muted);display:flex;gap:12px;align-items:center}.public-site select{background:#122a35;border:1px solid #3f5c66;padding:11px 32px 11px 13px;border-radius:5px;color:#e1ece7;min-height:44px}.leaderboard-panel{border:1px solid #38515b;border-radius:9px;background:#10212a;overflow:hidden}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;gap:20px;border-bottom:1px solid #38515b}.leaderboard-heading small{font-size:9px;color:#c7ac70;letter-spacing:1.7px}.leaderboard-heading h3{margin:8px 0 0;font-size:22px}.score-table{width:100%;border-collapse:collapse;font-size:13px}.score-table th{text-align:left;color:#88a5ad;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:15px 25px;background:#09192277}.score-table td{padding:15px 25px;border-top:1px solid #3a52593b}.score-table th:last-child,.score-table td:last-child{text-align:right;font-weight:bold}.score-table th:first-child{width:75px}.rank{color:#8aa4ad;font-size:12px}.rank-1,.rank-2,.rank-3{color:#e9c269}.score-table .board-empty{text-align:center!important;font-weight:normal!important;padding:40px 15px!important}.board-empty{padding:36px 20px;color:#a3b8bb;text-align:center;line-height:1.8;font-size:13px}.board-empty small{font-size:11px;color:#718f98}.board-footnote{padding:0 25px 18px;font-size:11px;color:#7998a0}.records-heading{margin:65px 0 25px}.records-heading h3{font-size:27px;margin:12px 0}.records-heading p{font-size:13px;color:var(--muted)}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.record-board{border:1px solid #38515b;border-radius:8px;overflow:hidden;background:#10212a}.record-art{height:180px;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;background:#10212a}.record-art.expedition-art{background:linear-gradient(0deg,#10212a 1%,#10212a44 80%),url('assets/Current/scenes/expedition-dioramas/woodland.webp') center/cover}.record-art span{font-size:9px;letter-spacing:2px;color:#e1bc76}.record-art h3{font-size:22px;margin:8px 0 0}.public-fine{font-size:11px;line-height:1.7;color:#8ba6ad}.leaderboard-section>.public-fine{margin-top:22px}.public-final{text-align:center;padding:80px 20px;background:radial-gradient(ellipse at bottom,#2c4239,transparent 65%),#0d2029;border-block:1px solid #38515b}.public-final h2{font-size:clamp(38px,4.5vw,60px);margin:20px 0 30px}.public-final p{font-size:12px;color:#9cb4b9;margin-top:22px}.public-final p a{color:#ecc775;text-decoration:underline}.public-footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-footer .public-brand{width:175px}.public-footer p{font-size:11px;color:#89a4ac}.public-footer>span{font-size:8px;letter-spacing:1.6px;color:#617f89}.auth-site{background:linear-gradient(90deg,#09171fde,#09171f99),url('assets/Current/characters/profile/survivor-room-v2.png') center/cover fixed}.auth-site .public-nav>.game-logo{max-width:225px}.account-layout{max-width:1150px;margin:auto;padding:65px 30px;display:grid;grid-template-columns:1fr 450px;gap:90px;align-items:center;min-height:calc(100dvh - 86px)}.account-story h1{font-size:clamp(36px,4vw,57px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.account-story h1 em{font-style:normal}.account-story p{color:#b2c3c6;line-height:1.8;font-size:15px;max-width:360px}.account-card{border:1px solid #577077;background:#10232df5;border-radius:10px;padding:30px;box-shadow:0 20px 80px #0004}.account-switch{display:flex;gap:25px;border-bottom:1px solid #3d565e;margin-bottom:24px}.account-switch a{padding:0 0 12px;font-size:13px;color:#99adb3}.account-switch .selected{color:#ffcf6d;border-bottom:2px solid #ffcf6d}.account-card h2{font-size:27px;margin-bottom:10px}.account-card>p{font-size:12px;color:#a1b9bd}.account-card label{display:block;margin:20px 0 8px;font-size:12px;color:#d4dfdc}.account-card input,.account-card select{display:block;width:100%;padding:13px;background:#091922;color:#eef2ec;border:1px solid #3d5a64;border-radius:5px;min-width:0}.account-card small{display:block;font-size:10px;color:#83a0a9;line-height:1.6;margin-top:7px}.account-card form>.public-button{width:100%;margin:12px 0}.account-error{color:#ffa59d;font-size:12px;line-height:1.6}.local-save-option{border-top:1px solid #3d565e;margin-top:20px;padding-top:20px;font-size:11px;color:#a9c1c5}.local-save-option button{display:block;border:0;background:none;color:#ebc778;padding:10px 0;cursor:pointer;font-size:12px}.back-home{display:inline-block;font-size:12px;color:#adc3c7!important;margin-top:22px}.signed-in-note{display:grid;gap:15px;font-size:13px;margin:22px 0}.account-sync-status{position:fixed;bottom:16px;right:16px;z-index:1000;max-width:320px;padding:12px 18px;border-radius:6px;background:#133229;color:#b5e5cb;border:1px solid #527a62;font-size:11px;box-shadow:0 5px 25px #0005}.account-sync-status.error{background:#382522;color:#ffd2b9;border-color:#ad7354}
@media(max-width:850px){.public-nav{height:74px;padding:12px 22px}.public-brand{width:170px}.public-nav nav{gap:18px}.public-nav nav>a[data-scroll-to=discover]{display:none}.public-nav .public-login{margin-left:0}.public-hero{padding:65px 6vw 120px;min-height:640px}.hero-landscape{background-size:auto 125%;background-position:right center}.hero-note{bottom:25px;right:6vw}.public-ticker{gap:18px;font-size:8px;flex-wrap:wrap}.discovery-grid{gap:13px}.discovery-card>div{padding:19px}.discovery-card img{height:170px}.public-play-strip{gap:30px;padding:45px 6vw}.account-layout{gap:30px;grid-template-columns:1fr 400px}.account-story h1{font-size:36px}}
@media(max-width:600px){.public-nav{padding:12px 16px;gap:10px}.public-brand,.auth-site .public-nav>.game-logo{width:140px}.public-nav nav{gap:12px}.public-nav nav>a[data-scroll-to]{display:none}.public-nav .public-button{padding:10px 12px;font-size:11px}.public-nav .public-login{font-size:11px}.public-hero{min-height:710px;align-items:flex-start;padding:45px 23px 200px}.hero-landscape{background:linear-gradient(0deg,#09171f,transparent 20%,#09171f44 40%,#09171fee 75%),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') right bottom/100% auto no-repeat}.public-hero h1{font-size:48px;letter-spacing:-2px;margin:20px 0}.public-hero p{font-size:14px;max-width:310px}.public-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-tags{max-width:260px;gap:12px;font-size:7px}.hero-note{bottom:25px;left:23px;right:23px;padding:14px}.public-kicker{font-size:8px;letter-spacing:2px}.public-ticker{padding:18px;gap:15px;font-size:7px}.public-ticker span:last-child,.public-ticker b:last-of-type{display:none}.public-section{padding:60px 20px}.section-intro p{font-size:13px}.discovery-grid{grid-template-columns:1fr;gap:20px}.discovery-card img{height:205px}.discovery-card>div{padding:23px}.public-play-strip{grid-template-columns:1fr;gap:10px;padding:40px 23px}.platform-cards>span{grid-template-columns:80px 1fr}.boards-meta{align-items:flex-start;flex-direction:column}.leaderboard-heading{align-items:stretch;flex-direction:column;padding:21px}.leaderboard-heading h3{font-size:20px}.score-table th,.score-table td{padding:14px}.record-grid{grid-template-columns:1fr}.record-art{height:175px}.records-heading h3{font-size:23px}.public-footer{flex-direction:column;text-align:center;padding:30px 20px}.account-layout{display:flex;flex-direction:column;padding:30px 18px;gap:24px;min-height:calc(100dvh - 74px)}.account-story{width:100%;max-width:430px}.account-story h1{font-size:33px;margin:12px 0}.account-story p{display:none}.account-card{width:100%;max-width:430px;padding:24px}.account-card h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.public-site *{scroll-behavior:auto!important;transition:none!important}}
.public-site .public-brand{flex:0 0 auto}.public-site .public-brand .game-logo,.public-site .public-brand .game-logo img{width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important}.public-site .public-nav nav{flex:0 0 auto}.public-site .public-nav a{white-space:nowrap}.public-site .auth-site .game-logo{max-width:100%}.public-site .choice-select{min-width:0;max-width:100%}.public-site .choice-trigger{min-height:44px}.public-site .public-nav .public-login{display:block!important}
@media(max-width:380px){.public-site .public-brand{width:115px}.public-site .public-nav{gap:8px;padding-inline:12px}.public-site .public-nav nav{gap:10px}.public-site .public-nav .public-button{padding:10px;font-size:10px}}
/* Homepage artwork and game presentation, scoped away from gameplay. */
.public-site .public-hero{min-height:740px;padding-top:40px}.public-site .hero-landscape{background:linear-gradient(90deg,#07141de8 0%,#07141d9c 36%,#07141d08 66%),linear-gradient(0deg,#09171f 0%,transparent 28%),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') center/cover no-repeat}.public-site .public-hero-copy{max-width:720px}.public-site .public-hero h1{font-size:clamp(43px,5.3vw,78px);letter-spacing:-2.5px;text-shadow:0 4px 25px #0008}.public-site .public-hero p{max-width:450px;text-shadow:0 2px 12px #000}.platform-launch{display:flex;gap:8px;margin-bottom:45px;flex-wrap:wrap}.platform-launch a,.platform-launch button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #91acaa66;background:#0b202ce8;color:#e3e8d7;border-radius:4px;font-size:12px;font-weight:bold;min-height:44px;cursor:pointer}.platform-launch a{border-color:#f8c45b;color:#f8cf78}.platform-launch small{font-size:7px;letter-spacing:1px;color:#9bb1b7}.platform-launch a:hover,.platform-launch button:hover{background:#24404b;border-color:#f8cf78}.platform-notice{font-size:12px;line-height:1.6;background:#142d34;padding:12px;border-left:3px solid #e4bd67;margin:-30px 0 25px;max-width:430px}.public-site .hero-note{bottom:70px;transform:rotate(-2deg);border-color:#ba9d59;background:#15262cf2}.public-site .public-ticker{color:#c7d5cd;background:#182d32}.adventure-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.adventure-card{background:#10232b;border:1px solid #45616a;border-radius:5px;overflow:hidden;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.adventure-card:hover{transform:translateY(-5px);border-color:#d4b470;box-shadow:0 15px 35px #0005}.adventure-picture{height:260px;position:relative;background:#122a34;overflow:hidden}.adventure-picture>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.adventure-card:hover .adventure-picture>img{transform:scale(1.04)}.adventure-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10232b,transparent 45%);pointer-events:none}.game-tag{position:absolute;bottom:18px;left:23px;z-index:1;font-size:8px;letter-spacing:1.4px;padding:8px 10px;color:#ffdc8e;background:#0c202ae6;border:1px solid #b59b5866}.danger-tag{color:#f3b7a1;border-color:#b2644a77}.adventure-copy{padding:8px 25px 26px}.adventure-copy>small{font-size:9px;letter-spacing:1.8px;color:#c4ae7f}.adventure-copy h3{font-size:28px;color:#f1e5c7;margin:12px 0}.adventure-copy p{color:#a8bfc3;font-size:14px;line-height:1.8;min-height:75px}.mini-xp{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px;color:#87cdb7}.mini-xp i{flex:1;height:7px;background:linear-gradient(90deg,#7bd2b3 68%,#273f48 68%);position:relative;overflow:hidden}.mini-xp i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#e9ffdba8,transparent);width:30%;animation:xp-shine 4s ease-in-out infinite}.loot-labels{display:flex;gap:8px;flex-wrap:wrap}.loot-labels span{padding:7px 9px;background:#1b333d;color:#bfd1d3;border:1px solid #3c5964;font-size:8px;letter-spacing:1px}.adventure-picture.pet-lineup{display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse,#415448,#102b34 70%)}.adventure-picture.pet-lineup>img{width:30%;height:180px;object-fit:contain;filter:drop-shadow(0 10px 12px #0008);animation:pet-bob 5s ease-in-out infinite}.adventure-picture.pet-lineup>img:nth-child(2){height:220px;animation-delay:-1.6s}.adventure-picture.pet-lineup>img:nth-child(3){animation-delay:-3.3s}.leaderboard-section>.section-intro{position:relative;padding-right:130px;max-width:800px}.honour-trophy{position:absolute;right:0;top:0;width:120px;height:150px;object-fit:contain;filter:drop-shadow(0 5px 24px #e3b34744)}.survivor-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;padding:22px 28px 0;gap:14px;background:radial-gradient(ellipse at top,#39413244,transparent)}.podium-place{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;text-align:center;background:linear-gradient(#22394100,#223941aa);border:1px solid #5e6d604d;border-bottom:3px solid #849a98;padding:14px 10px;min-height:178px}.podium-place img{width:55px;height:65px;object-fit:contain;filter:drop-shadow(0 0 15px #edc86b33)}.podium-place>span{color:#efcd83;font-size:11px;margin:7px}.podium-place strong{font-size:13px;overflow-wrap:anywhere}.podium-place small{font-size:10px;color:#9eb6b6;margin-top:8px}.podium-place.place-1{min-height:215px;border-color:#c39d56;background:linear-gradient(#a8873511,#78613433)}.place-1 img{width:80px;height:90px}.score-table .rank-1{background:#c99b3433;border:1px solid #c99b34;padding:5px 8px;border-radius:3px}.public-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#c6d5cf}.public-footer p{line-height:1.8}.public-information{max-width:820px;margin:auto;padding:70px 25px 100px}.public-information h1{font-size:42px;color:#f1d49e;line-height:1.2}.public-information h2{font-size:23px;margin-top:36px}.public-information p{color:#b2c4c6;line-height:1.9;font-size:15px}.public-information>a{display:inline-block;margin-top:25px}.public-site .hero-landscape:after{content:'';position:absolute;right:21%;bottom:19%;width:90px;height:90px;background:radial-gradient(ellipse,#ffba472a,transparent 70%);animation:firelight 3s ease-in-out infinite;pointer-events:none}.public-site .public-final{background:linear-gradient(#09171fc9,#09171fdf),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') center 65%/cover}.public-site .public-nav{flex-wrap:nowrap}.public-site .public-nav nav{white-space:nowrap}
@keyframes xp-shine{0%,30%{left:-35%}80%,100%{left:105%}}@keyframes pet-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes firelight{0%,100%{opacity:.35;scale:1}50%{opacity:1;scale:1.2}}
@media(max-width:700px){.public-site .public-hero{padding:28px 22px 220px;min-height:800px}.platform-launch{gap:7px;margin-bottom:28px}.platform-launch a,.platform-launch button{font-size:11px;padding:10px;flex-direction:column;gap:5px}.platform-launch a>span{display:none}.platform-launch small{font-size:6px}.public-site .hero-landscape{background:linear-gradient(0deg,#09171f,transparent 25%,#09171f75 52%,#09171fef 87%),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') 70% bottom/auto 100% no-repeat}.public-site .public-hero h1{font-size:49px;letter-spacing:-2px}.public-site .hero-note{bottom:26px;left:23px;right:23px}.adventure-grid{grid-template-columns:1fr;gap:24px}.adventure-picture{height:230px}.adventure-copy p{min-height:0}.adventure-copy h3{font-size:25px}.leaderboard-section>.section-intro{padding-right:75px}.honour-trophy{width:70px;height:110px;top:30px}.survivor-podium{padding:16px 12px 0;gap:6px}.podium-place{padding:10px 5px;min-height:157px}.podium-place.place-1{min-height:185px}.podium-place strong{font-size:11px}.podium-place img{width:40px;height:48px}.place-1 img{width:60px;height:70px}.podium-place small{font-size:8px}.public-footer nav{justify-content:center;gap:20px}.public-information h1{font-size:32px}.platform-notice{margin:0 0 20px}}
@media(prefers-reduced-motion:reduce){.public-site *,.public-site *:before,.public-site *:after{animation:none!important;transition:none!important}.adventure-card:hover,.adventure-card:hover .adventure-picture>img{transform:none}}
.public-site .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.public-site .leaderboard-heading>.choice-select{flex:0 1 300px;min-width:200px}.public-site .leaderboard-heading>div:first-child{flex:1}.public-site .platform-notice{animation:notice-in .2s ease-out}@keyframes notice-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}@media(max-width:600px){.public-site .leaderboard-heading>.choice-select{flex:auto;width:100%;min-width:0}}
/* Use the same palette as the game, inherited from shelter-theme.css. */
.public-site{--gold:var(--accent);--ink:var(--bg);--muted:var(--game-muted,#a9bdcc);background:var(--bg);color:var(--text)}
.public-site .public-nav{position:sticky;top:0;z-index:80;height:80px;background:var(--bg);border-bottom:1px solid var(--border);transition:height .22s ease,background-color .22s ease,box-shadow .22s ease;isolation:isolate}
.public-site .public-nav.is-scrolled{height:64px;background:#101f29f2;backdrop-filter:blur(14px);box-shadow:0 8px 28px #0005}
.public-site .public-nav .public-brand{transition:width .22s ease;width:205px}.public-site .public-nav.is-scrolled .public-brand{width:175px}.public-site .public-nav nav a:not(.public-button){position:relative;padding-block:13px}.public-site .public-nav nav a:not(.public-button):after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.public-site .public-nav nav a:hover:after,.public-site .public-nav nav a:focus-visible:after{transform:scaleX(1)}
.public-site .public-button{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 0 #a87522}.public-site .public-hero{min-height:690px}.public-site .public-hero h1 em{color:var(--accent)}.public-site .public-hero h1{font-size:clamp(42px,4.7vw,68px)}.public-site .platform-launch{margin-bottom:32px}.public-site .public-section{padding-top:48px;padding-bottom:44px}.public-site #discover,.public-site #highscores{scroll-margin-top:95px}
.public-site .game-section-bar{display:flex;align-items:center;gap:20px;margin:0 0 25px;padding-bottom:17px;border-bottom:1px solid var(--border)}.public-site .game-section-bar h2{font-family:Arial,sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:0;color:var(--text);white-space:nowrap}.section-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.public-site .game-section-bar a{font-size:12px;color:var(--accent);white-space:nowrap}.public-site .game-section-bar>img{width:48px;height:52px;object-fit:contain}.board-season{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.public-site .adventure-grid{gap:18px}.public-site .adventure-card{background:var(--panel);border-color:var(--border);border-radius:5px}.public-site .adventure-picture:after{background:linear-gradient(0deg,var(--panel),transparent 50%)}.public-site .adventure-copy{padding:2px 24px 24px}.public-site .adventure-copy h3{display:flex;align-items:center;gap:13px;font-family:Arial,sans-serif;color:var(--text);font-size:24px;margin:10px 0}.section-number{font-size:10px;color:var(--accent);font-weight:normal;border-right:1px solid var(--border);padding-right:12px;letter-spacing:1px}.public-site .adventure-copy p{color:var(--muted);min-height:0}.public-site .game-tag{background:var(--surface-inner);color:var(--accent);border-color:var(--border)}.public-site .loot-labels span{background:var(--panel2);border-color:var(--border);color:var(--text)}
.public-site .leaderboard-section{border-top:1px solid var(--border);margin-top:14px}.public-site .leaderboard-panel,.public-site .record-board{background:var(--panel);border-color:var(--border)}.public-site .leaderboard-heading{border-color:var(--border);padding:18px 24px}.public-site .leaderboard-heading h3{font:700 18px Arial,sans-serif;margin:0}.public-site .boards-meta{margin:0 0 17px}.public-site .preview-badge{color:var(--muted);border-color:var(--border);letter-spacing:.7px}.public-site .score-table th{background:var(--surface-inner);color:var(--muted)}.public-site .score-table td{border-color:var(--border)}.public-site .podium-place{background:linear-gradient(transparent,var(--panel2));border-color:var(--border)}.public-site .podium-place.place-1{border-color:var(--accent);background:linear-gradient(#ffc34d05,#ffc34d17)}.public-site .records-heading{display:flex;align-items:center;gap:20px;margin:38px 0 20px}.public-site .records-heading h3{font:700 20px Arial,sans-serif;margin:0;color:var(--text)}.public-site .record-art{background-color:var(--panel)}
.public-site .public-final{padding:50px 25px;border-color:var(--border)}.public-site .public-final h2{font-size:30px;line-height:1.3;margin:0 0 23px}.public-site .public-footer{border-color:var(--border);background:var(--surface-inner)}.public-site .public-information h1{color:var(--accent)}
@media(max-width:600px){.public-site .public-nav{height:68px}.public-site .public-nav.is-scrolled{height:60px}.public-site .public-nav .public-brand{width:140px}.public-site .public-nav.is-scrolled .public-brand{width:125px}.public-site .public-section{padding:32px 20px}.public-site .game-section-bar{gap:12px;padding-bottom:13px;margin-bottom:18px;flex-wrap:wrap}.public-site .game-section-bar h2{font-size:22px;white-space:normal}.public-site .game-section-bar>a{margin-left:auto;font-size:11px}.public-site .game-section-bar .section-rule{display:none}.public-site .score-section-bar .board-season{margin-left:auto}.public-site .game-section-bar>img{width:36px;height:40px}.public-site .public-hero{min-height:720px}.public-site .public-hero h1{font-size:46px}.public-site .adventure-picture{height:215px}.public-site .records-heading h3{font-size:19px}.public-site .public-final h2{font-size:26px}.public-site .public-nav nav>a[data-scroll-to=highscores]{display:block;font-size:10px}.public-site .public-nav nav{gap:12px}.public-site .public-nav .public-button{padding:10px;font-size:10px}}
@media(max-width:380px){.public-site .public-nav .public-brand{width:115px}.public-site .public-nav.is-scrolled .public-brand{width:105px}.public-site .public-nav nav{gap:9px}.public-site .public-nav nav>a[data-scroll-to=highscores]{font-size:9px}}
@media(prefers-reduced-motion:reduce){.public-site .public-nav,.public-site .public-nav .public-brand,.public-site .public-nav nav a:after{transition:none!important}}
.public-site .skills-ui-preview{height:260px;padding:14px 15px 10px;background:var(--surface-inner);overflow:hidden}.public-site .preview-tabs{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border);height:29px;margin-bottom:10px;font-size:7px;color:var(--muted);letter-spacing:.5px}.public-site .preview-tabs b{height:29px;display:flex;align-items:center;border-bottom:2px solid var(--accent);color:var(--accent)}.public-site .preview-tabs>small{margin-left:auto;font-size:6px;color:var(--muted)}.public-site .preview-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.public-site .preview-skill{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 6px;background:var(--panel);border:1px solid var(--border);border-radius:3px;height:46px}.public-site .preview-skill>img{height:26px;width:26px;object-fit:contain;flex:none}.public-site .preview-skill>div{min-width:0;flex:1}.public-site .preview-skill strong{display:block;font-size:8px;white-space:nowrap;color:var(--text);letter-spacing:0}.public-site .preview-skill small{display:block;font-size:7px;color:var(--accent);margin:3px 0}.public-site .preview-skill small span{color:var(--muted)}.public-site .preview-skill i{display:block;height:3px;background:var(--panel2);overflow:hidden}.public-site .preview-skill em{display:block;height:100%;background:var(--accent)}.public-site .record-board>div[id^=record-]{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) var(--panel)}.public-site .record-board .score-table thead{position:sticky;top:0;z-index:1;background:var(--surface-inner)}
@media(max-width:700px){.public-site .skills-ui-preview{height:auto;min-height:290px;padding:12px}.public-site .preview-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.public-site .preview-skill{height:39px;padding:4px 6px}.public-site .preview-skill strong{font-size:9px}.public-site .preview-skill small{font-size:7px;margin:2px 0}.public-site .preview-tabs{gap:15px;font-size:7px}}

/* Dead Letter logo trial: preserve smooth hand lettering at header sizes. */
.public-site .game-logo img{image-rendering:auto!important;display:block}.public-site .public-nav,.public-site .public-nav.is-scrolled{background:#0d1922;padding-block:4px}.public-site .public-nav .public-brand{width:205px}.public-site .public-nav.is-scrolled .public-brand{width:165px}@media(max-width:600px){.public-site .public-nav .public-brand{width:140px}.public-site .public-nav.is-scrolled .public-brand{width:125px}}@media(max-width:380px){.public-site .public-nav .public-brand{width:115px}.public-site .public-nav.is-scrolled .public-brand{width:105px}}
/* Platform badges: branded marks with explicit release status. */
.public-site .platform-launch{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.public-site .platform-launch .platform-badge{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:66px;padding:8px 17px 8px 8px;border-radius:40px;border:1px solid #52616b;background:#11171c;color:#f0f4f7;text-align:left;box-shadow:0 4px 12px #0004,inset 0 1px #ffffff0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.public-site .platform-launch .platform-badge:hover{transform:translateY(-3px);border-color:#a9bdcc;background:#18232b;box-shadow:0 7px 18px #0006}
.public-site .platform-launch .platform-pc{border-color:#af873c}.public-site .platform-launch .platform-pc:hover{border-color:#ffc34d}
.public-site .platform-launch .platform-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid #ffffff28;border-radius:50%;background:#ffffff04}
.public-site .platform-icon svg{width:28px;height:28px}.public-site .platform-pc .platform-icon{color:#ffc34d;border-color:#ffc34d40}
.public-site .platform-launch .platform-copy{display:flex;flex-direction:column;gap:4px}.public-site .platform-launch .platform-copy small{font-size:8px;letter-spacing:.7px;color:#a9bdcc;white-space:nowrap}.public-site .platform-copy strong{font-size:19px;font-weight:700;letter-spacing:-.4px;line-height:1.1;white-space:nowrap}.public-site .platform-copy em{font-size:7px;letter-spacing:.7px;font-style:normal;color:#ffc34d;vertical-align:middle;margin-left:7px}
@media(max-width:700px){.public-site .platform-launch{gap:8px}.public-site .platform-launch .platform-badge{min-height:56px;padding:6px 12px 6px 6px;gap:8px}.public-site .platform-launch .platform-icon{width:36px;height:36px;flex-basis:36px}.public-site .platform-icon svg{width:23px;height:23px}.public-site .platform-copy strong{font-size:16px}.public-site .platform-launch .platform-copy small{font-size:7px;letter-spacing:.35px}}
@media(prefers-reduced-motion:reduce){.public-site .platform-launch .platform-badge{transition:none}.public-site .platform-launch .platform-badge:hover{transform:none}}

/* Give the homepage wordmark more breathing room within the header. */
.public-site:is(:has(>main>.public-hero),.information-site) .public-nav .public-brand{width:165px}
.public-site:is(:has(>main>.public-hero),.information-site) .public-nav.is-scrolled .public-brand{width:140px}
@media(max-width:600px){.public-site:is(:has(>main>.public-hero),.information-site) .public-nav .public-brand{width:115px}.public-site:is(:has(>main>.public-hero),.information-site) .public-nav.is-scrolled .public-brand{width:105px}}

/* One selectable ladder, shared by homepage and in-game highscores. */
.public-site .ladder-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 12px}
.public-site .ladder-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:12px 8px;border:1px solid #304b59;border-radius:9px;background:#10212b;color:#b8cbd4;font-size:13px}
.public-site .ladder-tabs button[aria-pressed=true]{color:#ffe0a0;background:linear-gradient(135deg,#393426,#202b2b);border-color:#d7aa51;box-shadow:inset 0 -3px #e4b653}
.public-site .ladder-picks{display:flex;flex-wrap:wrap;gap:7px;padding:14px;margin-bottom:16px;background:#0a1720;border:1px solid #2b424e;border-radius:10px}
.public-site .ladder-picks[hidden]{display:none}
.public-site .ladder-picks button{min-height:40px;border:1px solid #304b59;border-radius:7px;background:#142632;color:#b8cbd4;padding:9px 13px;font-size:12px}
.public-site .ladder-picks button[aria-pressed=true]{background:#354033;color:#ffe0a0;border-color:#c3a15d}
.public-site .ladder-tabs button:hover,.public-site .ladder-picks button:hover{border-color:#d7aa51}
.public-site .single-ladder{overflow:hidden;border:1px solid #385260;border-radius:12px;background:#10212b}
.public-site .ladder-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 25px;border-bottom:1px solid #304653;background:linear-gradient(110deg,#1b3039,#0d1b25)}
.public-site .ladder-title h3{font-size:24px;margin:6px 0;color:#f1e1bb}
.public-site .ladder-title p{font-size:12px;color:#a6beca;margin:0}
.public-site .ladder-kicker{font-size:9px;letter-spacing:1.5px;color:#c6a66b}
.public-site .ladder-count{flex-shrink:0;padding:8px 10px;border:1px solid #756544;border-radius:5px;color:#e5c57f;font-size:10px;letter-spacing:1px}
.public-site .single-ladder .survivor-podium{padding:20px 24px 0;gap:12px;align-items:end}
.public-site .single-ladder .podium-place{min-height:145px;padding:16px 10px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#1c3440,#142832)}
.public-site .single-ladder .podium-place.place-1{min-height:174px;background:linear-gradient(180deg,#3a3829,#202d30);border-color:#caa254}
.public-site .single-ladder .podium-place img{width:48px;height:48px;object-fit:contain}
.public-site .single-ladder .podium-place.place-1 img{width:60px;height:60px}
.public-site .single-ladder .score-table tr:nth-child(even){background:#ffffff03}
.public-site .single-ladder .score-table tbody tr:hover{background:#dcb85f0b}
.public-site .single-ladder .score-table td{padding:15px 24px}
.public-site .single-ladder .score-table td:last-child{font-weight:700;color:#efd89b;font-variant-numeric:tabular-nums}
@media(max-width:600px){
 .public-site .ladder-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .public-site .ladder-tabs button{font-size:12px;min-height:48px}
 .public-site .ladder-tabs button:last-child{grid-column:1/-1}
 .public-site .ladder-picks{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .public-site .ladder-picks button{padding:9px 5px}
 .public-site .ladder-title{padding:17px 14px}.public-site .ladder-title h3{font-size:21px}
 .public-site .single-ladder .survivor-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:14px 8px 0}
 .public-site .single-ladder .podium-place{padding:12px 4px;min-height:130px;min-width:0}
 .public-site .single-ladder .podium-place.place-1{min-height:153px}
 .public-site .single-ladder .podium-place strong{font-size:11px;overflow-wrap:anywhere}
 .public-site .single-ladder .podium-place small{font-size:10px}
 .public-site .single-ladder .score-table td{padding:13px 10px}
}

/* The ladder heading needs no enclosing divider lines. */
.public-site .leaderboard-section{border-top:0}
.public-site .score-section-bar{border-bottom:0}
.score-table .score-xp{font-variant-numeric:tabular-nums;white-space:nowrap;color:#b8cbd3}
.podium-xp{display:inline-block;margin-top:6px;color:#e2c992}
@media(max-width:600px){.score-table th,.score-table td{padding:12px 7px;font-size:10px}.score-table th:first-child,.score-table td:first-child{width:40px}.score-table td:nth-child(2){overflow-wrap:anywhere}.podium-xp{font-size:8px}}

.public-site .leaderboard-section{--panel:#10222c;--panel2:#142b37;--surface-inner:#0d1c26;--border:#304b59}
.public-site .ladder-title,.public-site .single-ladder{background:#10222c}
.public-site .single-ladder .survivor-podium{background:#10222c}
.public-site .single-ladder .podium-place,.public-site .single-ladder .podium-place.place-1{background:#142b37}
.public-site .ladder-tabs button,.public-site .ladder-picks button{background:#142b37;border-color:#33505e}
.public-site .ladder-tabs button[aria-pressed=true],.public-site .ladder-picks button[aria-pressed=true]{background:#1b3040;border-color:#c6a15b;color:#ffdc94}
.public-site .single-ladder .score-table tbody tr:hover{background:#1b3040}

@media(max-width:800px){
 .highscores-page .score-section-bar{display:none}
 .public-site.highscores-page .leaderboard-section{padding:0;margin-top:0}
}

.public-site .single-ladder .survivor-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.public-site .single-ladder .podium-place,.public-site .single-ladder .podium-place.place-1{min-height:174px;min-width:0}.public-site .single-ladder .podium-place img,.public-site .single-ladder .podium-place.place-1 img{width:48px;height:48px}@media(max-width:600px){.public-site .single-ladder .podium-place,.public-site .single-ladder .podium-place.place-1{min-height:153px}}

@media(min-width:801px){.public-site.highscores-page .leaderboard-section{padding-top:20px;margin-top:0}.public-site.highscores-page .score-section-bar{padding-bottom:0;margin-bottom:18px}}

.public-site .public-hero-copy>.hero-description{max-width:550px;margin:22px 0 28px;font-size:16px;line-height:1.65;color:#c4d2d5;text-wrap:pretty}.public-site .public-hero-copy>.hero-description+.public-actions{margin-top:0}@media(max-width:700px){.public-site .public-hero-copy>.hero-description{font-size:14px;line-height:1.65;margin:18px 0 24px}}

.public-site .public-final .final-login{margin:10px 0 0}.public-site .public-final .final-community{margin:30px auto 0;padding-top:22px;border-top:1px solid #a5bfce30;max-width:510px}.public-site .public-final .final-community p{margin:0 0 12px}.public-site .homepage-discord{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border:1px solid #8c91ef80;border-radius:7px;background:#5865f2;color:#fff;font-size:13px;font-weight:700}.homepage-discord svg{width:22px;height:18px;flex:none}.public-site .homepage-discord:hover{background:#4752c4;border-color:#a0a7ff}
.public-site .alpha-join-tag{display:block;width:max-content;max-width:100%;padding:6px 11px;border:1px solid #d8786999;border-radius:4px;background:#a4463530;color:#ffad93;font-size:10px;font-weight:900;letter-spacing:2px;line-height:1.3}.public-site .public-hero .public-actions{flex-wrap:wrap;column-gap:25px;row-gap:14px}.public-site .public-hero .public-actions>.alpha-join-tag{flex-basis:100%;border:0;background:transparent;padding:0}.public-site .public-final .alpha-join-tag{margin:0 auto 16px}

/* Screenshot-led feature illustrations, three across on desktop. */
.public-site .feature-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.public-site .feature-card{min-width:0;border:1px solid #36505c;border-radius:12px;background:#10232d}.public-site .feature-card .adventure-picture{height:auto;aspect-ratio:3/2;overflow:hidden;background:#10232d}.public-site .feature-card .adventure-picture img{display:block;width:100%;height:100%;object-fit:cover}.public-site .feature-card .adventure-copy{padding:22px}.public-site .feature-card h3{font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}.public-site .feature-card .adventure-copy p{font-size:13px;line-height:1.7;margin:0;min-height:0;color:#b9cdd1}@media(max-width:1000px){.public-site .feature-showcase{gap:14px}.public-site .feature-card .adventure-copy{padding:17px}.public-site .feature-card h3{font-size:20px}}@media(max-width:700px){.public-site .feature-showcase{grid-template-columns:1fr;gap:20px}.public-site .feature-card .adventure-copy{padding:20px}.public-site .feature-card h3{font-size:24px}}
/* Consistent mobile header links and comfortable tap targets. */
@media(max-width:600px){
 .public-site .public-nav nav{gap:12px}
 .public-site .public-nav nav>a:not(.public-button){display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:0;color:#d3dfdc}
}
@media(max-width:380px){.public-site .public-nav nav{gap:9px}}

/* Keep hero copy readable over detailed artwork on phones. */
@media(max-width:700px){
 .public-site .hero-landscape:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,16,.58),rgba(3,10,16,.56) 55%,rgba(3,10,16,.37) 82%,rgba(3,10,16,.28));pointer-events:none}
}
/* A simple heading keeps the feature artwork in focus. */
.public-site #discover>.game-section-bar{justify-content:space-between;border-bottom:0;padding-bottom:0;margin-bottom:20px;gap:12px 24px}
@media(max-width:600px){.public-site #discover>.game-section-bar{align-items:flex-start;margin-bottom:18px}.public-site #discover>.game-section-bar h2{font-size:22px}.public-site #discover>.game-section-bar>a{padding-top:5px}}
/* Show feature artwork cleanly, without a gradient seam during hover. */
.public-site .feature-card .adventure-picture:after{display:none}
.public-site .feature-card:hover .adventure-picture>img{transform:none}
/* Give the mobile hero actions breathing room and a clear secondary action. */
@media(max-width:700px){
 .public-site .public-hero-copy>.hero-description{margin-bottom:36px}
 .public-site .public-hero .public-actions{align-items:flex-start;gap:14px}
 .public-site .public-hero .public-actions>.public-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid #8ba4ac66;border-radius:6px;background:rgba(8,20,28,.72);color:#e1ebee;font-size:13px;font-weight:700;line-height:1.3;text-shadow:none}
 .public-site .public-hero .public-actions>.public-secondary:hover{background:#19323e;border-color:#a4bac4}
}
@media(max-width:700px){
 .public-site .public-hero .public-actions{width:fit-content;max-width:100%;align-items:stretch}
 .public-site .public-hero .public-actions>.public-secondary{width:100%;min-height:48px;padding:0 20px;text-align:center;line-height:normal}
}
/* Keep footer links on one consistent baseline, including the external link. */
.public-site .public-footer nav{align-items:center}
.public-site .public-footer nav>a{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px 0;min-height:36px;font-size:12px;line-height:20px;vertical-align:middle}

.forgot-password-link{display:inline-block;margin:14px 0 0;color:var(--gold,#ffd166);text-decoration:underline;text-underline-offset:4px}.recovery-site .account-card{align-self:center}.recovery-site #reset-feedback:not(:empty){padding:20px;margin:20px 0;border:1px solid #547d6d;background:#16352d;border-radius:12px;color:#e5f5e9;line-height:1.6}.recovery-site .back-home{display:block;margin-top:18px}.recovery-site form[hidden]{display:none}
.recovery-site .reset-complete>.public-button{margin-top:13px}.recovery-site .reset-complete>.fine{margin:21px 0 0;line-height:1.55}

/* Account recovery uses the same yellow as its primary action. */
.public-site.recovery-site .public-kicker,.public-site.recovery-site h1 em,.public-site.recovery-site h2 em{color:var(--gold)}
.recovery-site #verification-feedback:not(:empty){padding:14px 16px;margin:18px 0;border:1px solid #547d6d;background:#16352d;border-radius:10px;color:#e5f5e9;line-height:1.5;font-size:13px}
.public-site .forgot-password-link{display:block;margin:18px 0 0;text-align:center;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.score-table tr.fallen-score,.survivor-podium .fallen-score{background:linear-gradient(100deg,#763a3a66,#291b2533);border-color:#9f5e5e66}
.fallen-score-name{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;color:#e6b5ae}
.fallen-score-name img{width:24px;height:24px;object-fit:contain}
.fallen-score-name s{text-decoration-color:#c87878;text-decoration-thickness:1px}
.fallen-score-name small{display:block;width:100%;font-size:8px!important;letter-spacing:1px;color:#dd9a93}
.podium-place .fallen-score-name{justify-content:center}
.podium-place .fallen-score-name img{width:24px;height:24px;margin:0}
/* Compact podium and account-specific rankings. */
.public-site .single-ladder .survivor-podium{padding:12px 16px 0;gap:8px}
.public-site .single-ladder .podium-place,.public-site .single-ladder .podium-place.place-1{min-height:112px;padding:10px 6px;justify-content:center}
.public-site .single-ladder .podium-place>img,.public-site .single-ladder .podium-place.place-1>img{width:32px;height:32px}
.public-site .single-ladder .podium-place>span{margin:3px;font-size:10px}
.public-site .single-ladder .podium-place small{margin-top:4px}
.public-site .single-ladder .podium-xp{margin-top:2px}
.public-site .single-ladder .podium-place.fallen-score{background:linear-gradient(100deg,#763a3a66,#291b2533);border-color:#9f5e5e66}
.public-site .single-ladder .podium-place .fallen-score-name img{width:20px;height:20px}
.personal-ranking{border-top:2px solid #b99651;margin-top:22px;padding-top:18px;background:#16323b55}
.personal-ranking>header,.personal-ranking .personal-mode,.personal-memorials>h3,.personal-memorials>p{margin:0;padding:0 24px}
.personal-ranking h3{font-size:17px;margin:6px 0 10px}
.personal-ranking .personal-mode,.personal-memorials>p{font-size:12px;color:#a8bfc3;margin-bottom:12px}
.personal-memorials{border-top:1px solid #74494b;padding-top:18px;margin-top:18px;background:#48262c33}
@media(max-width:600px){.public-site .single-ladder .survivor-podium{padding:10px 8px 0;gap:5px}.public-site .single-ladder .podium-place,.public-site .single-ladder .podium-place.place-1{min-height:112px;padding:8px 4px}.personal-ranking>header,.personal-ranking .personal-mode,.personal-memorials>h3,.personal-memorials>p{padding-inline:12px}}
.public-site .profile-link{font:inherit;color:inherit;background:none;border:0;padding:0;min-height:0;text-align:inherit;cursor:pointer;box-shadow:none}
.public-site .profile-link:hover{color:#ffd477;text-decoration:underline;text-underline-offset:3px}
.player-profile-dialog.public-site{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px);min-height:0;margin:auto;padding:18px;border:1px solid #a68a50;border-radius:16px;background:radial-gradient(ellipse at top left,#263e46,#0e202a 65%);color:#e7e5d7;box-shadow:0 25px 100px #000b;overflow:auto}
.player-profile-dialog.public-site[open]{display:flex;flex-direction:column;height:min(700px,calc(100dvh - 32px));overflow:hidden}
.player-profile-body{display:flex;flex-direction:column;flex:1;min-height:0}
.player-profile-panel:not([hidden]){flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.player-profile-dialog::backdrop{background:#020b12c9;backdrop-filter:blur(4px)}
.player-profile-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:1px solid #48616c;border-radius:50%;background:#142c37;color:#dce8eb;cursor:pointer;font-size:22px!important;padding:0;z-index:2}
.player-profile-heading{display:flex;align-items:center;gap:18px;padding-right:18px}
.player-profile-portrait{flex:0 0 104px;height:120px;position:relative;overflow:hidden;border:3px double #c6a367;border-radius:12px;background:radial-gradient(ellipse,#365463,#0a1723);box-shadow:inset 0 0 15px #0008}
.player-profile-portrait .custom-survivor{display:block;width:100%;height:100%;animation:none!important}
.player-profile-portrait>span{position:absolute;bottom:0;inset-inline:0;text-align:center;background:#0a1926df;color:#ffda87;font-size:11px;font-weight:bold;padding:3px}
.player-profile-heading small,.player-profile-collectibles small{font-size:8px;letter-spacing:1px;color:#d5b46c}
.player-profile-dialog .player-profile-heading h2{font-size:24px;letter-spacing:0;margin:7px 0;line-height:1.1;overflow-wrap:anywhere}
.player-profile-heading p{color:#aebfc5;font-size:12px;margin:0 0 10px}
.player-profile-vitals{display:flex;align-items:baseline;gap:12px;font-size:12px;line-height:18px;color:#e5c388;flex-wrap:wrap}.player-profile-vitals>span{line-height:18px;white-space:nowrap}.player-profile-vitals span:first-child{color:#e99b97}
.player-profile-collectibles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 12px;padding:9px 10px;border:1px solid #b2985a44;border-radius:9px;background:#0b1a2377}
.player-profile-collectibles>div{display:flex;align-items:center;gap:9px;min-width:0}.player-profile-collectibles>div>svg,.player-profile-collectibles>div>img{flex-shrink:0}.player-profile-collectibles b{display:block;font-size:11px;margin-top:4px}.player-profile-collectibles em{font-size:9px;font-style:normal;color:#a9bdbe}.profile-empty-art{width:36px;text-align:center;color:#778c90;font-size:24px}
.player-profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 12px;padding:4px;border-radius:10px;background:#0b202b}.player-profile-tabs button{min-width:0;padding:9px 3px;border:0;border-radius:7px;background:transparent;color:#9db6be;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer}.player-profile-tabs button[aria-selected="true"]{background:#254451;color:#f5dfaa;box-shadow:0 2px 7px #06172077}.player-profile-tabs button:focus-visible{outline:2px solid #e8ce83;outline-offset:1px}.player-profile-panel[hidden]{display:none}
.player-profile-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-profile-skill{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 3px;min-width:0;min-height:70px;padding:9px 8px 8px;border-radius:9px;background:#1e3b48}.player-profile-skill>strong{font-size:17px;color:#f3dcaa;font-variant-numeric:tabular-nums}.player-profile-skill>strong small{font-size:9px;color:#9bb3ba}.player-profile-skill-name{grid-column:1/-1;font-size:9px;color:#d1e0e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-profile-skill-progress{grid-column:1/-1;height:4px;overflow:hidden;border-radius:4px;background:#081f29}.player-profile-skill-progress i{display:block;height:100%;background:#8ccfb0}.player-profile-skill-total{grid-column:2/span 2;background:linear-gradient(145deg,#2b4d59,#21414d)}.player-profile-skill-total .player-profile-skill-name{color:#f0dfb5;font-weight:700}.player-profile-skill-total .player-profile-skill-progress i{background:#e1c77f}
.player-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin:0}.player-profile-stats>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #37525d77;font-size:10px}.player-profile-stats dt{color:#a9bec7}.player-profile-stats dd{margin:0;font-weight:bold;white-space:nowrap}.player-profile-loadout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-profile-slot{display:flex;align-items:center;gap:9px;min-width:0;min-height:72px;padding:9px;border-radius:9px;background:#1e3b48}.player-profile-slot-art{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#15303c}.player-profile-slot-art .pixel-icon{max-width:42px;max-height:42px;object-fit:contain}.player-profile-slot-copy{display:grid;gap:3px;min-width:0}.player-profile-slot-copy small{color:#8fafbb;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.player-profile-slot-copy strong{font-size:11px;line-height:1.2;overflow-wrap:anywhere}.player-profile-slot-copy>span{color:#a9c6bd;font-size:9px}.player-profile-dialog footer{font-size:9px;color:#8da5af;text-align:center;margin-top:16px}.player-profile-dialog.is-fallen{border-color:#bd6965;background:radial-gradient(ellipse at top,#482c35,#0e202a 65%)}
@media(max-width:500px){.player-profile-dialog.public-site{padding:16px 12px}.player-profile-heading{gap:12px}.player-profile-portrait{flex-basis:82px;height:100px}.player-profile-dialog .player-profile-heading h2{font-size:21px}.player-profile-skills{gap:7px}.player-profile-skill{padding:8px 7px;min-height:66px}.player-profile-skill>strong{font-size:16px}.player-profile-stats{gap:0 10px}.player-profile-stats>div{font-size:10px}.player-profile-loadout{gap:7px}.player-profile-slot{padding:7px;gap:7px}.player-profile-slot-art{flex-basis:36px;width:36px;height:36px}.player-profile-slot-art .pixel-icon{max-width:36px;max-height:36px}}
#personal-board:empty{display:none}
#personal-board .personal-ranking{margin-top:24px;border:1px solid #49616d;border-top:2px solid #b99651;border-radius:12px;overflow:hidden;background:#10252f;padding-top:18px}
#personal-board .personal-ranking .score-table{margin-bottom:0}

.public-site .score-table tbody tr[data-player-row]{cursor:pointer}
.public-site .score-table tbody tr[data-player-row]:is(:hover,:focus-within)>td{background-color:#dcb85f0b}
.account-google{display:grid;justify-items:center;gap:10px;margin:18px 0 4px}.account-google>span,.journey-google>span{color:#8fa8b4;font-size:11px}.account-google [data-google-signin],.journey-google [data-google-signin],[data-google-signin="link"]{display:flex;justify-content:center;min-height:42px;width:100%}.journey-google [data-google-choice]{color:#acd9c3;font-size:12px;overflow-wrap:anywhere}
/* Google's pill button has a white iframe canvas outside the rendered 40px button. */
[data-google-signin] iframe{clip-path:inset(2px 10px round 999px)}
[data-google-option][hidden]{display:none!important}
#account-password[hidden],label[for="account-password"][hidden]{display:none!important}

/* A required reload stays centered and clear of the game navigation. */
#account-refresh-notice{position:fixed;inset:0;box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:25px 24px 24px;border:1px solid #78846c;border-radius:18px;background:radial-gradient(ellipse at top,#34505a44,transparent 75%),#122630;color:#e8eeee;box-shadow:0 20px 70px #0009;text-align:center;overflow:auto;font-family:Segoe UI,system-ui,-apple-system,sans-serif}
#account-refresh-notice::backdrop{background:#020c14a6;backdrop-filter:blur(3px)}
#account-refresh-notice h2{margin:0 0 10px;color:#f7e3b7;font-size:22px;line-height:1.25;letter-spacing:-.3px;font-weight:650}
#account-refresh-notice p{margin:0 0 22px;color:#b8cbd2;font-size:14px;line-height:1.55;font-weight:400}
#account-refresh-notice button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:12px 16px;border:1px solid #f8d781;border-radius:10px;background:linear-gradient(#ffda77,#ffc43c);color:#2d2514;font:600 14px/1.3 Segoe UI,system-ui,sans-serif;touch-action:manipulation;box-shadow:0 3px 0 #ad7b284d}
#account-refresh-notice button:hover{background:#ffdf88}
#account-refresh-notice button:focus-visible{outline:2px solid #a0ebcb;outline-offset:4px}
#account-refresh-notice button:disabled{opacity:.7;cursor:wait}
#account-refresh-notice button svg{flex:none}
.public-site .ladder-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 2px 10px}
.public-site .ladder-tabs::-webkit-scrollbar{display:none}
.public-site .ladder-tabs button{flex:0 0 auto;min-height:44px;padding:8px 14px;scroll-snap-align:start;border-radius:999px}
.public-site .ladder-tabs button:last-child{grid-column:auto}
.public-site .ladder-picks{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:8px;margin-bottom:12px}
.public-site .ladder-picks::-webkit-scrollbar{display:none}
.public-site .ladder-picks button{flex:0 0 auto;min-height:44px}
.public-site #leaderboard-search{max-width:420px;margin:26px 0 14px}
.public-site #leaderboard-search label{display:block;margin-bottom:6px;color:#adc3c8;font-size:12px;font-weight:700}
.public-site #leaderboard-search>div{display:flex;gap:7px}
.public-site #leaderboard-search input{flex:1;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #42606c;border-radius:8px;background:#0a1b24;color:#f1f4ec}
.public-site #leaderboard-search button,.public-site .leaderboard-search-matches>button{min-height:44px;padding:8px 13px;border:1px solid #b8985a;border-radius:8px;background:#253942;color:#ffe0a0;font-weight:700}
.leaderboard-search-matches{margin:0 0 14px;padding:12px;border:1px solid #42606c;border-radius:9px;background:#102630}
.leaderboard-search-matches h3{margin:2px 0 10px;color:#f2daa4}.leaderboard-search-matches p{color:#b1c5c8}
.leaderboard-search-matches .score-table{margin-bottom:10px}
@media(max-width:600px){.public-site .ladder-tabs{display:flex;grid-template-columns:none}.public-site .ladder-picks{display:flex;grid-template-columns:none}}
.public-site .ladder-tabs button,.public-site .ladder-picks button{border:0;border-radius:999px;background:#19313b;color:#c2d1d3;box-shadow:none;min-height:44px}
.public-site .ladder-tabs button[aria-pressed=true],.public-site .ladder-picks button[aria-pressed=true]{border:0;background:#285061;color:#f3e7c8;box-shadow:none}
.public-site .ladder-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;scroll-snap-type:none;padding:5px;border:0;border-radius:15px;background:#102a36}
.public-site .ladder-tabs button{min-width:0;padding:8px 5px;white-space:nowrap;scroll-snap-align:none;border:0;border-radius:11px;background:#1c4355;color:#dce9eb;font-weight:700}
.public-site .ladder-tabs button[aria-pressed=true]{background:#ffd166;color:#122e3b;box-shadow:0 3px 10px #06151d40}
.public-site .ladder-tabs button:not([aria-pressed=true]):hover{background:#2c586b;color:#fff1d1}
.public-site .ladder-tabs button:focus-visible,.public-site .ladder-picks button:focus-visible{outline:2px solid #8ee2c5;outline-offset:2px}
.public-site .score-table{border-collapse:separate;border-spacing:0 4px;padding:0 7px 7px}
.public-site .score-table th{background:transparent;border:0;padding:9px 12px}
.public-site .score-table td{padding:7px 12px;border:0;background:#1c292e}
.public-site .score-table td:first-child{border-radius:10px 0 0 10px}.public-site .score-table td:last-child{border-radius:0 10px 10px 0}
.public-site .board-player{display:flex;align-items:center;gap:9px;min-width:0}.public-site .leaderboard-avatar{width:35px;height:35px;object-fit:cover;border-radius:8px;background:#31444a;image-rendering:auto}
.public-site .board-player .profile-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-site .survivor-podium{gap:8px;padding:8px 8px 14px;background:transparent}
.public-site .podium-place,.public-site .podium-place.place-1{min-height:150px;padding:11px 6px;border:0;border-radius:12px;background:#1b303a;box-shadow:none}
.public-site .podium-place.place-1{background:#254451}.public-site .podium-place.place-2{background:#203843}.public-site .podium-place.place-3{background:#1c343d}
.public-site .podium-place .leaderboard-avatar{width:50px;height:50px;border:2px solid #b69a61}.public-site .podium-place.place-1 .leaderboard-avatar{width:58px;height:58px}
.public-site .podium-place .empty-board-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#394447;color:#c3d0ca}
@media(max-width:600px){.public-site .score-table th,.public-site .score-table td{padding:7px 5px}.public-site .score-table th:first-child{width:28px}.public-site .score-table .score-xp{display:none}.public-site .score-table th:last-child:not(:nth-child(3)){display:none}.public-site .podium-place{min-height:128px}.public-site .podium-place.place-1{min-height:145px}.public-site .podium-place strong{font-size:10px}}
.public-site .leaderboard-avatar{position:relative;display:block;flex:none;width:44px;height:52px;overflow:hidden;border:1px solid #56717a;border-radius:10px;background:radial-gradient(circle at 50% 35%,#577784,#263d49 72%)}
.public-site .leaderboard-avatar .leaderboard-shoulders{position:absolute;left:2px;right:2px;bottom:-8px;height:25px;border-radius:50% 50% 0 0;background:linear-gradient(120deg,#38454d,#68716b 50%,#303e48)}
.public-site .leaderboard-avatar .leaderboard-shoulders::before{content:'';position:absolute;left:calc(50% - 5px);top:-7px;width:10px;height:14px;border-radius:4px;background:#b98e71}
.public-site .leaderboard-avatar img{position:absolute;display:block;object-fit:contain}
.public-site .leaderboard-avatar .leaderboard-face{left:9px;top:7px;width:27px;height:33px}
.public-site .leaderboard-avatar .leaderboard-hair{left:6px;top:2px;width:32px;height:32px}

/* Consistent, comfortably wide entry actions. */
.public-site .public-hero .public-actions{display:grid;width:min(100%,420px);gap:12px;grid-template-columns:1fr}
.public-site .public-hero .public-actions>a{width:100%;box-sizing:border-box;min-height:50px;display:flex;align-items:center;justify-content:center;margin:0}
.public-site .public-hero .public-actions>.public-secondary{background:#213d4b;border:0;border-radius:10px;color:#e6edf0;box-shadow:none}
.public-site .public-hero .public-actions>.alpha-join-tag{margin-bottom:4px}
.public-site .public-hero .public-actions>.public-login-text{min-height:40px;padding:8px 0;border:0;background:transparent;box-shadow:none;color:#f2f4f1;text-align:center;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.public-site .public-hero .public-actions>.public-login-text:hover{color:#fff}
.public-site .public-final .public-account-create{color:#202827;text-decoration:none}
.password-field{position:relative;display:block;width:100%;min-width:0}
.password-field input{padding-right:48px!important;width:100%;box-sizing:border-box}
.password-field:has(input[hidden]){display:none}
.password-field .password-visibility{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:42px;min-height:0;padding:10px;border:0;background:transparent;box-shadow:none;color:#abc4cf;border-radius:6px;cursor:pointer}
.password-visibility svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.password-visibility .eye-slash{display:none}.password-visibility[aria-pressed=true] .eye-slash{display:block}
.password-visibility:focus-visible{outline:2px solid #ffcd62;outline-offset:-3px}

.public-site .leaderboard-avatar>svg{display:block;width:100%;height:100%;object-fit:cover}
.public-site .profile-link,[data-player-row],.player-profile-dialog{-webkit-tap-highlight-color:transparent}
.public-site .profile-link:focus:not(:focus-visible){outline:none;box-shadow:none}
.saved-survivor-login{padding:4px 0 8px}
#modal .saved-survivor-login p{margin:0;font-size:14px;line-height:1.6;color:#b7cbd0}
#modal .saved-survivor-login .saved-survivor-name{margin-bottom:7px;font-size:16px;color:#dce8e8}
.saved-survivor-name strong{color:#ffdf9b;font-weight:650}
.saved-survivor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
#modal .saved-survivor-actions button{margin:0;width:100%;min-height:46px;border-radius:10px;font-size:14px}
#modal .saved-survivor-actions [data-account-signout]{background:#203c49;border:0;box-shadow:none;color:#d9e7e9}

.public-site .public-button.public-login-button{background:#1b3949;border:0;color:#f0f4f3;box-shadow:none}
.public-site .public-button.public-login-button:hover{background:#25495b}
.public-final .public-login-text{color:#f2f4f1;font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* The record uses one calm canvas; its tabs and saved details provide the depth. */
.player-profile-dialog.public-site{background:#10232e;border-color:#365563}
.player-profile-dialog.is-fallen{background:#252530;border-color:#865b63}
/* A full-body profile keeps the survivor, equipment and companion in one scene. */
.player-profile-dialog.public-site{width:min(520px,calc(100% - 16px));padding:12px;background:#10232e;border-color:#365563}
.player-profile-dialog.public-site[open]{height:min(830px,calc(100dvh - 16px))}
.player-profile-heading{display:block;padding:0}
.player-profile-scene{position:relative;height:clamp(225px,36dvh,360px);overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#56726a55,transparent 58%),linear-gradient(180deg,#1b3742,#152b32 58%,#283831);isolation:isolate}
.player-profile-scene:after{content:"";position:absolute;z-index:-1;inset:auto -20% 0;height:22%;border-radius:50% 50% 0 0;background:#42554b55}
.player-profile-portrait{position:absolute;left:50%;bottom:-6px;flex:none;width:auto;height:94%;aspect-ratio:640/1536;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:translateX(-50%);transform-origin:50% 90%}
.player-profile-portrait .custom-survivor{width:100%;height:100%;overflow:visible}
.player-profile-identity{padding:12px 5px 4px}
.player-profile-dialog .player-profile-heading h2{margin:4px 0;font:700 clamp(21px,5vw,28px)/1.1 Georgia,serif;color:#f2d389}
.player-profile-heading p{margin:0 0 7px}
.player-profile-vitals{gap:8px}.player-profile-vitals span{padding:4px 7px;border-radius:9px;background:#233b43;color:#e4d0a3}
.player-profile-collectibles{grid-template-columns:1fr;gap:5px;margin:14px 0 12px;padding:0;border:0;background:transparent}
.player-profile-collectibles>div{min-height:42px;padding:5px 9px;border-radius:8px;background:#193440}
.player-profile-collectibles>div>svg,.player-profile-collectibles>div>img{width:30px;height:30px;object-fit:contain}
.player-profile-collectibles>div>span:last-child{display:flex;align-items:baseline;column-gap:7px;row-gap:2px;flex-wrap:wrap;min-width:0}
.player-profile-collectibles small{flex:none;color:#b8a275;font-size:9px;letter-spacing:.07em}
.player-profile-collectibles b{display:inline;margin:0;font-size:11px;line-height:1.25}
.player-profile-collectibles em{white-space:nowrap}
.player-profile-body{touch-action:pan-y}

/* A cleaner ladder with neutral blue rows and unboxed rank numbers. */
.public-site.highscores-page .single-ladder{border:0;border-radius:0;background:transparent;overflow:visible}
.public-site.highscores-page .ladder-title{padding:18px 8px 14px;border-bottom:1px solid #294554;background:transparent}
.public-site.highscores-page .score-table{padding:0;border-spacing:0 6px}
.public-site.highscores-page .score-table th{background:transparent}
.public-site.highscores-page .score-table td{background:#1a3441}
.public-site.highscores-page .score-table tbody tr:is(:hover,:focus-within)>td{background:#234354}
.public-site.highscores-page .score-table .rank{display:inline-block;min-width:2ch;padding:0;border:0;border-radius:0;background:transparent;color:#b4c5ca;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}
.public-site.highscores-page .score-table :is(.rank-1,.rank-2,.rank-3){color:#e7c174}
.public-site.highscores-page .leaderboard-avatar{background:#294657;border-color:#49697a}
@media(max-width:600px){
 .public-site.highscores-page .ladder-title{padding-inline:12px}
 .public-site.highscores-page .score-table td{padding:9px 7px}
 .public-site.highscores-page .score-table th{padding:9px 7px}
}

.public-site .faction-name-tag{display:inline-block;vertical-align:baseline;margin-left:5px;padding:0;border:0;background:none;box-shadow:none;color:#ffcf77;font:400 10px/1.2 Segoe UI,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap}

/* Public homestead: the game palette, with artwork doing the storytelling.
   Shared by homepage and information pages; auth and in-game keep their layout. */
#app .information-site .public-information{width:min(100%,900px);margin:0 auto;padding:56px 24px 72px;color:#e8f0f0;box-sizing:border-box;}
#app .information-site .public-information h1{font-size:clamp(32px,5vw,52px);line-height:1.15;color:#fff0ca;margin:14px 0 28px;}
#app .information-site .public-information h2{color:#ffd166;font-size:22px;line-height:1.3;margin-top:30px;}
#app .information-site .public-information p{color:#acc0c6;line-height:1.8;font-size:15px;}
#app .information-site .public-information a{color:#ffd166;overflow-wrap:anywhere;}
#app .information-site .public-information .public-kicker{color:#ffd166;}
#app .information-site .public-information .support-discord{background:#122e3b;padding:24px;border:0;border-radius:18px;}
#app :is(.homepage-site,.information-site){--home-bg:#102631;--home-panel:#122e3b;--home-raised:#1c4355;--home-hover:#2c5260;--home-gold:#ffd166;--home-text:#e8f0f0;--home-muted:#acc0c6;background:var(--home-bg);color:var(--home-text);}
#app :is(.homepage-site,.information-site) .public-nav{position:relative;top:auto;padding:14px max(24px,calc((100vw - 1240px)/2));min-height:78px;box-sizing:border-box;background:var(--home-panel);box-shadow:none;border:0;gap:20px;}
#app :is(.homepage-site,.information-site) .public-nav .public-brand,#app :is(.homepage-site,.information-site) .public-nav.is-scrolled .public-brand{width:170px;}
#app :is(.homepage-site,.information-site) .public-nav nav{gap:26px;}
#app :is(.homepage-site,.information-site) .public-nav nav>a{min-height:44px;display:inline-flex;align-items:center;color:var(--home-text);}
#app :is(.homepage-site,.information-site) .public-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:0;border-radius:12px;background:linear-gradient(#ffd96e,#ffc044);color:#102631!important;font-weight:800;box-shadow:0 4px 0 #b78128;transition:background .18s,box-shadow .18s;}
#app :is(.homepage-site,.information-site) .public-button:hover{background:#ffe18b;box-shadow:0 4px 0 #b78128,0 8px 24px #ffc34d20;transform:none;}
#app :is(.homepage-site,.information-site) .public-button:active{box-shadow:0 2px 0 #b78128;}
/* Keep the guest action steady: no hover glow, lift or gradient cross-fade. */
#app :is(.homepage-site,.information-site) .public-button[data-public-route="guest"],
#app :is(.homepage-site,.information-site) .public-button[data-public-route="guest"]:is(:hover,:active){background:linear-gradient(#ffd96e,#ffc044);box-shadow:0 4px 0 #b78128;transform:none;translate:none;scale:none;filter:none;animation:none;transition:none;}
#app :is(.homepage-site,.information-site) :is(a,button,input):focus-visible{outline:2px solid var(--home-gold)!important;outline-offset:4px;box-shadow:none!important;}
#app :is(.homepage-site,.information-site) .public-login-button{background:var(--home-raised)!important;box-shadow:none;color:var(--home-text)!important;}
#app :is(.homepage-site,.information-site) .public-login-button:hover{background:var(--home-hover)!important;}
#app :is(.homepage-site,.information-site) .public-login-text{color:var(--home-text);text-decoration:underline;text-underline-offset:5px;font-size:13px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;}
#app :is(.homepage-site,.information-site) .public-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:36px;min-height:760px;padding:64px max(32px,calc((100vw - 1180px)/2)) 48px;box-sizing:border-box;overflow:hidden;background:var(--home-bg);}
#app :is(.homepage-site,.information-site) .hero-landscape{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102631f5 0%,#102631c7 28%,#10263135 60%,#10263108 85%),linear-gradient(0deg,#102631 0%,transparent 25%),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') 65% center/cover no-repeat;opacity:1;filter:none;transform:none;}
#app :is(.homepage-site,.information-site) .hero-landscape::before,#app :is(.homepage-site,.information-site) .hero-landscape::after{display:none;}
#app :is(.homepage-site,.information-site) .public-hero-copy{position:relative;width:min(100%,650px);max-width:650px;z-index:1;}
#app :is(.homepage-site,.information-site) .home-kicker{display:flex;align-items:center;gap:12px;color:var(--home-gold);font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.5;margin-bottom:22px;}
#app :is(.homepage-site,.information-site) .public-hero h1{margin:0;font-size:clamp(44px,5.3vw,76px);font-weight:900;line-height:1.04;letter-spacing:-2.6px;text-wrap:balance;color:#fff4dc;text-shadow:0 4px 22px #061a2570;}
#app :is(.homepage-site,.information-site) .public-hero h1 em{color:var(--home-gold);font-style:normal;}
#app :is(.homepage-site,.information-site) .public-hero-copy>.hero-description{max-width:460px;margin:24px 0 26px;color:#d8e5e7;font-size:16px;line-height:1.75;text-shadow:0 2px 8px #102631;}
#app :is(.homepage-site,.information-site) .public-actions{display:grid;grid-template-columns:220px 150px;gap:12px;align-items:center;margin:0;}
#app :is(.homepage-site,.information-site) .public-actions>.alpha-join-tag{grid-column:1/-1;padding:0;margin:0 0 2px;color:var(--home-gold);font-size:10px;letter-spacing:1.8px;border:0;background:none;}
#app :is(.homepage-site,.information-site) .public-actions>.public-button{width:100%;min-height:54px;padding:12px;box-sizing:border-box;font-size:15px;}
#app :is(.homepage-site,.information-site) .public-actions>.public-login-text{grid-column:1/-1;justify-self:start;}
#app :is(.homepage-site,.information-site) .platform-launch{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin:0;z-index:1;}
#app :is(.homepage-site,.information-site) .platform-launch .platform-badge{display:flex;gap:8px;align-items:center;min-height:56px;padding:8px 14px 8px 10px;border:0;border-radius:14px;background:var(--home-panel);box-shadow:none;color:var(--home-text);transition:background .18s;}
#app :is(.homepage-site,.information-site) .platform-launch .platform-badge:hover{transform:none;background:var(--home-raised);box-shadow:none;}
#app :is(.homepage-site,.information-site) .platform-launch .platform-icon{width:30px;height:30px;flex:0 0 30px;background:transparent;border:0;}
#app :is(.homepage-site,.information-site) .platform-icon svg{width:23px;height:23px;}
#app :is(.homepage-site,.information-site) .platform-launch .platform-copy{gap:5px;}
#app :is(.homepage-site,.information-site) .platform-launch .platform-copy small{font-size:8px;letter-spacing:.4px;color:var(--home-muted);}
#app :is(.homepage-site,.information-site) .platform-copy strong{font-size:14px;letter-spacing:0;}
#app :is(.homepage-site,.information-site) .platform-pc .platform-copy strong{white-space:normal;}
#app :is(.homepage-site,.information-site) .platform-copy em{display:none;}
#app :is(.homepage-site,.information-site) .platform-notice{padding:12px 16px;margin:0;background:var(--home-raised);color:var(--home-text);border:0;border-radius:12px;max-width:430px;font-size:13px;}
#app :is(.homepage-site,.information-site) .hero-note{position:absolute;bottom:56px;right:max(32px,calc((100vw - 1180px)/2));max-width:260px;padding:14px 18px;background:var(--home-panel);border:0;border-radius:14px;box-shadow:0 12px 32px #07192330;}
#app :is(.homepage-site,.information-site) .hero-note small{color:var(--home-gold);font-size:9px;letter-spacing:1.4px;}
#app :is(.homepage-site,.information-site) .hero-note strong{color:var(--home-text);font-size:12px;line-height:1.5;}
#app :is(.homepage-site,.information-site) .note-dot{background:var(--home-gold);box-shadow:none;}
#app :is(.homepage-site,.information-site) .public-section{width:min(100%,1244px);margin:0 auto;padding:64px 32px;box-sizing:border-box;background:transparent;}
#app :is(.homepage-site,.information-site) .game-section-bar{border:0;margin:0 0 28px;padding:0;gap:14px;}
#app :is(.homepage-site,.information-site) .game-section-bar h2{font-size:clamp(26px,3vw,38px);color:#fff0ca;line-height:1.15;letter-spacing:-1px;}
#app :is(.homepage-site,.information-site) .game-section-bar>a{color:var(--home-gold);font-size:12px;min-height:40px;display:inline-flex;align-items:center;}
#app :is(.homepage-site,.information-site) .feature-showcase{counter-reset:feature;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;}
#app :is(.homepage-site,.information-site) .feature-card{counter-increment:feature;grid-column:span 2;position:relative;background:var(--home-panel);border:0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #07192330;transition:transform .2s;}
#app :is(.homepage-site,.information-site) .feature-card:nth-child(-n+2){grid-column:span 3;}
#app :is(.homepage-site,.information-site) .feature-card::before{content:'0' counter(feature);position:absolute;z-index:1;top:14px;left:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--home-panel);color:var(--home-gold);font-size:11px;font-weight:800;}
#app :is(.homepage-site,.information-site) .feature-card .adventure-picture{aspect-ratio:16/10;height:auto;background:var(--home-raised);}
#app :is(.homepage-site,.information-site) .feature-card .adventure-picture img{opacity:1;filter:none;object-fit:cover;}
#app :is(.homepage-site,.information-site) .feature-card .adventure-copy{position:relative;padding:24px;background:var(--home-panel);}
#app :is(.homepage-site,.information-site) .feature-card .adventure-copy::before{content:'';position:absolute;top:0;left:24px;width:32px;height:4px;border-radius:4px;background:var(--home-gold);}
#app :is(.homepage-site,.information-site) .feature-card h3{font-size:23px;color:#fff0ca;margin:0 0 10px;}
#app :is(.homepage-site,.information-site) .feature-card p{font-size:14px;line-height:1.7;color:var(--home-muted);}
#app :is(.homepage-site,.information-site) .leaderboard-section{--panel:var(--home-panel);--panel2:var(--home-raised);--surface-inner:var(--home-panel);padding-top:20px;}
#app :is(.homepage-site,.information-site) .section-rule{display:none;}
#app :is(.homepage-site,.information-site) .board-season{margin-left:auto;padding:7px 10px;background:var(--home-raised);border-radius:9px;color:var(--home-gold);font-size:9px;}
#app :is(.homepage-site,.information-site) .score-section-bar>img{width:44px;height:44px;object-fit:contain;}
#app :is(.homepage-site,.information-site) .ladder-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:0;background:transparent;border:0;box-shadow:none;}
#app :is(.homepage-site,.information-site) .ladder-tabs button,#app :is(.homepage-site,.information-site) .ladder-picks button{background:var(--home-raised);color:var(--home-text);border:0;border-radius:12px;box-shadow:none;min-height:46px;font-size:13px;}
#app :is(.homepage-site,.information-site) .ladder-tabs button:last-child{grid-column:auto;}
#app :is(.homepage-site,.information-site) .ladder-tabs button[aria-pressed=true],#app :is(.homepage-site,.information-site) .ladder-picks button[aria-pressed=true]{background:var(--home-gold);color:#102631;box-shadow:none;font-weight:800;}
#app :is(.homepage-site,.information-site) .ladder-picks{background:var(--home-panel);padding:12px;border:0;border-radius:16px;}
#app :is(.homepage-site,.information-site) .single-ladder,#app :is(.homepage-site,.information-site) .leaderboard-panel,#app :is(.homepage-site,.information-site) .personal-ranking,#app :is(.homepage-site,.information-site) .leaderboard-search-matches{background:var(--home-panel)!important;box-shadow:none!important;border:0;border-radius:20px;overflow:hidden;}
#app :is(.homepage-site,.information-site) .ladder-title{padding:24px;background:var(--home-panel);border:0;}
#app :is(.homepage-site,.information-site) .ladder-title h3{color:var(--home-text);font-size:25px;}
#app :is(.homepage-site,.information-site) :is(.ladder-kicker,.ladder-count){color:var(--home-gold);}
#app :is(.homepage-site,.information-site) .ladder-refresh small{color:var(--home-muted);}
#app :is(.homepage-site,.information-site) .score-table{border-collapse:separate;border-spacing:0 6px;padding:0 14px 14px;table-layout:auto;}
#app :is(.homepage-site,.information-site) .score-table th{background:transparent;color:var(--home-muted);border:0;font-size:10px;padding:10px;}
#app :is(.homepage-site,.information-site) .score-table td{background:var(--home-raised);color:var(--home-text);border:0;padding:14px 10px;box-shadow:none;}
#app :is(.homepage-site,.information-site) .score-table td:first-child{border-radius:10px 0 0 10px;}
#app :is(.homepage-site,.information-site) .score-table td:last-child{border-radius:0 10px 10px 0;}
#app :is(.homepage-site,.information-site) .score-table tr:hover td{background:var(--home-hover);}
#app :is(.homepage-site,.information-site) .rank,#app :is(.homepage-site,.information-site) .score-table td:nth-child(3){color:var(--home-gold);}
#app :is(.homepage-site,.information-site) .profile-link{color:var(--home-text);}
#app :is(.homepage-site,.information-site) .leaderboard-avatar{background:var(--home-panel);border:0;}
#app :is(.homepage-site,.information-site) #leaderboard-search{padding:24px;margin-top:20px;background:var(--home-panel);border:0;border-radius:18px;}
#app :is(.homepage-site,.information-site) #leaderboard-search label{color:var(--home-text);}
#app :is(.homepage-site,.information-site) #leaderboard-search input{min-height:46px;background:var(--home-raised)!important;border:0;border-radius:10px;color:var(--home-text);}
#app :is(.homepage-site,.information-site) #leaderboard-search input::placeholder{color:var(--home-muted);}
#app :is(.homepage-site,.information-site) #leaderboard-search button,#app :is(.homepage-site,.information-site) [data-refresh-boards],#app :is(.homepage-site,.information-site) [data-clear-leaderboard-search]{background:var(--home-gold);color:#102631;border:0;border-radius:10px;min-height:44px;padding:10px 18px;}
#app :is(.homepage-site,.information-site) .board-empty{color:var(--home-muted);padding:24px;}
#app :is(.homepage-site,.information-site) .public-final{position:relative;isolation:isolate;overflow:hidden;max-width:1180px;margin:20px auto 64px;padding:64px 24px;border:0;border-radius:24px;background:var(--home-panel);}
#app :is(.homepage-site,.information-site) .public-final::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#122e3bf5,#122e3bcf),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') center 65%/cover;}
#app :is(.homepage-site,.information-site) .public-final h2{font-size:clamp(30px,4vw,46px);line-height:1.15;color:#fff0ca;max-width:680px;margin:0 auto 24px;letter-spacing:-1px;}
#app :is(.homepage-site,.information-site) .public-final>.public-button{min-width:240px;}
#app :is(.homepage-site,.information-site) .public-final .alpha-join-tag{background:var(--home-raised);color:var(--home-gold);border:0;border-radius:8px;font-size:9px;letter-spacing:1.5px;}
#app :is(.homepage-site,.information-site) .public-final .public-login-button{min-width:240px;}
#app :is(.homepage-site,.information-site) .final-community{padding-top:10px;border:0;}
#app :is(.homepage-site,.information-site) .final-community p{color:var(--home-muted);font-size:13px;}
#app :is(.homepage-site,.information-site) .homepage-discord{background:var(--home-raised);color:var(--home-text);border:0;border-radius:12px;min-height:44px;box-sizing:border-box;}
#app :is(.homepage-site,.information-site) .homepage-discord:hover{background:var(--home-hover);}
#app :is(.homepage-site,.information-site) .public-footer{background:var(--home-panel);padding:32px max(24px,calc((100vw - 1180px)/2));border:0;gap:24px;}
#app :is(.homepage-site,.information-site) .public-footer p,#app :is(.homepage-site,.information-site) .public-footer nav a{color:var(--home-muted);font-size:12px;}
#app :is(.homepage-site,.information-site) .public-footer nav a{min-height:36px;display:inline-flex;align-items:center;}
@media(hover:hover){#app :is(.homepage-site,.information-site) .feature-card:hover{transform:translateY(-4px);}}
@media(max-width:1000px){
 #app :is(.homepage-site,.information-site) .hero-note{display:none;}
 #app :is(.homepage-site,.information-site) .feature-showcase{grid-template-columns:repeat(2,minmax(0,1fr));}
 #app :is(.homepage-site,.information-site) .feature-card,#app :is(.homepage-site,.information-site) .feature-card:nth-child(-n+2){grid-column:auto;}
 #app :is(.homepage-site,.information-site) .feature-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;}
 #app :is(.homepage-site,.information-site) .public-final{margin-inline:24px;}
}
@media(max-width:700px){
 #app :is(.homepage-site,.information-site) .public-nav{min-height:70px;padding:10px 18px;gap:12px;}
 #app :is(.homepage-site,.information-site) .public-nav .public-brand,#app :is(.homepage-site,.information-site) .public-nav.is-scrolled .public-brand{width:116px;}
 #app :is(.homepage-site,.information-site) .public-nav nav{gap:12px;}
 #app :is(.homepage-site,.information-site) .public-nav nav>a:not(.public-button){font-size:11px;color:var(--home-text);}
 #app :is(.homepage-site,.information-site) .public-nav .public-button{min-height:40px;padding:9px 12px;font-size:11px;border-radius:9px;}
 #app :is(.homepage-site,.information-site) .public-hero{min-height:810px;min-height:max(780px,calc(100svh - 70px));padding:42px 22px 24px;justify-content:flex-start;gap:0;}
 #app :is(.homepage-site,.information-site) .hero-landscape{background:linear-gradient(180deg,#102631e8 0%,#102631d9 30%,#10263180 52%,#10263105 70%,#102631 100%),url('assets/Current/ui/homepage-features/homestead-hero-v1.webp') 72% bottom/auto 100% no-repeat;}
 #app :is(.homepage-site,.information-site) .home-kicker{font-size:9px;letter-spacing:1.7px;margin-bottom:18px;}
 #app :is(.homepage-site,.information-site) .public-hero h1{font-size:clamp(34px,9.6vw,58px);letter-spacing:-1.5px;line-height:1.08;}
 #app :is(.homepage-site,.information-site) .public-hero-copy>.hero-description{font-size:14px;line-height:1.7;max-width:420px;margin:20px 0 22px;}
 #app :is(.homepage-site,.information-site) .public-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;}
 #app :is(.homepage-site,.information-site) .public-actions>.public-button{font-size:14px;min-height:50px;}
 #app :is(.homepage-site,.information-site) .public-actions>.public-login-text{justify-self:center;}
 #app :is(.homepage-site,.information-site) .platform-launch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-top:auto;padding-top:170px;}
 #app :is(.homepage-site,.information-site) .platform-launch .platform-badge{flex-direction:column;justify-content:center;gap:5px;padding:10px 3px;border-radius:12px;min-width:0;min-height:76px;}
 #app :is(.homepage-site,.information-site) .platform-launch .platform-icon{width:22px;height:22px;flex-basis:22px;}
 #app :is(.homepage-site,.information-site) .platform-icon svg{width:21px;height:21px;}
 #app :is(.homepage-site,.information-site) .platform-launch .platform-copy{text-align:center;gap:4px;flex-direction:column-reverse;}
 #app :is(.homepage-site,.information-site) .platform-launch .platform-copy small{font-size:7px;letter-spacing:0;}
 #app :is(.homepage-site,.information-site) .platform-copy strong{font-size:12px;}
 #app :is(.homepage-site,.information-site) .public-section{padding:42px 20px;}
 #app :is(.homepage-site,.information-site) #discover>.game-section-bar{align-items:center;gap:12px;}
 #app :is(.homepage-site,.information-site) #discover>.game-section-bar h2{font-size:27px;max-width:230px;}
 #app :is(.homepage-site,.information-site) #discover>.game-section-bar>a{font-size:11px;white-space:nowrap;}
 #app :is(.homepage-site,.information-site) .feature-showcase{grid-template-columns:1fr;gap:20px;}
 #app :is(.homepage-site,.information-site) .feature-card,#app :is(.homepage-site,.information-site) .feature-card:last-child{grid-column:auto;display:block;}
 #app :is(.homepage-site,.information-site) .feature-card .adventure-copy{padding:22px;}
 #app :is(.homepage-site,.information-site) .feature-card h3{font-size:24px;}
 #app :is(.homepage-site,.information-site) .leaderboard-section{padding-top:12px;}
 #app :is(.homepage-site,.information-site) .ladder-tabs button{font-size:11px;padding:10px 4px;}
 #app :is(.homepage-site,.information-site) .ladder-title{padding:18px;}
 #app :is(.homepage-site,.information-site) .score-table{padding:0 8px 8px;width:100%;min-width:0;table-layout:fixed;}
 #app :is(.homepage-site,.information-site) .score-table :is(td,th){padding:12px 5px;font-size:10px;width:auto;min-width:0;}
 #app :is(.homepage-site,.information-site) .score-table th:first-child{width:32px;font-size:8px;}
 #app :is(.homepage-site,.information-site) .score-table th:nth-child(3){width:44px;}
 #app :is(.homepage-site,.information-site) .score-table th:nth-child(4){width:78px;}
 #app :is(.homepage-site,.information-site) .score-table .score-xp{font-size:9px;}
 #app :is(.homepage-site,.information-site) .score-table td:nth-child(3){border-radius:0 10px 10px 0;}
 #app :is(.homepage-site,.information-site) .board-player{gap:6px;}
 #app :is(.homepage-site,.information-site) .board-player .profile-link{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.45;}
 #app :is(.homepage-site,.information-site) .leaderboard-avatar{width:28px;height:36px;}
 #app :is(.homepage-site,.information-site) .rank{min-width:0;width:auto;padding:2px;background:transparent;border:0;}
 #app :is(.homepage-site,.information-site) #leaderboard-search{padding:18px;}
 #app :is(.homepage-site,.information-site) .public-final{margin:8px 20px 40px;padding:40px 20px;}
 #app :is(.homepage-site,.information-site) .public-final h2{font-size:32px;}
 #app :is(.homepage-site,.information-site) .public-footer{flex-direction:column;text-align:center;padding:30px 22px;}
 #app :is(.homepage-site,.information-site) .public-footer nav{justify-content:center;flex-wrap:wrap;gap:8px 18px;}
}
@media(max-width:370px){
 #app :is(.homepage-site,.information-site) .public-nav{padding-inline:12px;gap:8px;}
 #app :is(.homepage-site,.information-site) .public-nav .public-brand{width:96px;}
 #app :is(.homepage-site,.information-site) .public-nav nav{gap:8px;}
 #app :is(.homepage-site,.information-site) .public-nav nav>a:not(.public-button){font-size:10px;}
 #app :is(.homepage-site,.information-site) .public-hero{padding-inline:18px;}
 #app :is(.homepage-site,.information-site) .public-hero h1{font-size:32px;}
 #app :is(.homepage-site,.information-site) .public-section{padding-inline:16px;}
 #app :is(.homepage-site,.information-site) .game-section-bar h2{font-size:25px;}
}
@media(prefers-reduced-motion:reduce){#app :is(.homepage-site,.information-site) *{scroll-behavior:auto;transition:none;}#app :is(.homepage-site,.information-site) .feature-card:hover{transform:none;}}
.public-site .ladder-picks button{display:inline-flex;align-items:center;gap:7px}
.public-site .ladder-picks .skill-icon{width:24px;height:24px;object-fit:contain;image-rendering:auto;background:none}