/* CS Nostalgia Design 3. Presentation only; original state/FX selectors retained. */
body.csn-design3{--green:#c0fa22;--lime:#c0fa22;--accent:#c0fa22;--line:#627c843d;--panel:#071015;color:#eaf0f1;background:#03090d!important;padding-left:0!important;padding-top:130px!important;min-width:0;color-scheme:dark}
body.csn-design3,body.csn-design3 button,body.csn-design3 input,body.csn-design3 select{font-family:'CSN Inter',Inter,Arial,sans-serif}
body.csn-design3 h1,body.csn-design3 h2,body.csn-design3 h3,body.csn-design3 .btn,body.csn-design3 .glass-button{font-family:'CSN Barlow','Barlow Condensed','Arial Narrow',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.025em}
body.csn-design3 [hidden],body.csn-design3 .hidden{display:none!important}
body.csn-design3 a:focus-visible,body.csn-design3 button:focus-visible,body.csn-design3 input:focus-visible{outline:2px solid #c0fa22!important;outline-offset:4px}
body.csn-design3 .csn-sidebar{left:0!important;top:0!important;right:0!important;width:100%!important;height:78px!important;bottom:auto!important;display:flex;flex-direction:row;align-items:center;gap:20px;padding:10px 3vw!important;border:0!important;border-bottom:1px solid #54636c55!important;background:#03090df5!important;z-index:70;overflow:visible!important;transform:none!important}
body.csn-design3 .csn-brand{margin:0!important;gap:9px!important;flex:0 0 auto;min-width:145px}
body.csn-design3 .csn-brand img{width:49px!important;height:49px!important;flex-basis:49px!important;object-fit:contain}
body.csn-design3 .csn-brand strong{font-size:20px!important;line-height:1!important;letter-spacing:.5px!important}
body.csn-design3 .csn-brand em{color:#c0fa22!important}body.csn-design3 .csn-brand small{display:none!important}
body.csn-design3 .csn-links{display:flex;flex-direction:row;align-items:center;gap:18px!important;flex:1;min-width:0;overflow:auto;scrollbar-width:none}
body.csn-design3 .csn-nav-group{display:contents!important}body.csn-design3 .csn-nav-heading{display:none!important}
body.csn-design3 .csn-links a{font:600 12px 'CSN Barlow',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.05em;min-height:54px!important;padding:0!important;flex:0 0 auto;display:flex;align-items:center;background:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;white-space:nowrap;color:#c5cdd0!important}
body.csn-design3 .csn-links a:after,body.csn-design3 .csn-links a svg,body.csn-design3 .csn-links a small{display:none!important}
body.csn-design3 .csn-links a[aria-current=page],body.csn-design3 .csn-links a:hover{color:#c0fa22!important;border-bottom-color:#c0fa22!important;background:none!important;transform:none}
body.csn-design3 .csn-sidebar-bottom{margin:0!important;padding:0!important;flex:0 0 auto;display:block!important;width:auto}
body.csn-design3 .csn-sidebar-bottom .csn-network,body.csn-design3 .csn-sidebar-bottom .csn-discord,body.csn-design3 .csn-report-issue,body.csn-design3 .csn-sidebar>.csn-region-switch{display:none!important}
body.csn-design3 #csnAccount{margin:0!important}body.csn-design3 #csnAccount .nav-account{display:flex;align-items:center;gap:8px;background:none;padding:0;border:0}
body.csn-design3 #csnAccount button,body.csn-design3 #csnAccount>a{min-height:35px;border-radius:3px;background:linear-gradient(#d4ff55,#b9ef13)!important;color:#0b1503!important;border:1px solid #c0fa22!important;font-size:10px;font-weight:800;padding:8px 13px}
body.csn-design3 #csnAccount .account-avatar{width:30px;height:30px}body.csn-design3 #csnAccount .account-copy{max-width:100px;font-size:10px}
body.csn-design3 .csn-topbar{left:0!important;top:78px!important;height:48px!important;padding:6px 3vw!important;gap:20px!important;border-bottom:1px solid #6d7a812b;background:#060d12ec!important;z-index:60}
body.csn-design3 .csn-topbar .csn-active-region{display:flex!important;min-height:30px;padding:0!important;border:0!important;background:none!important;flex:0 0 auto}
body.csn-design3 .csn-active-region img{width:24px;height:17px}body.csn-design3 .csn-active-region small{display:none}body.csn-design3 .csn-active-region span{font-size:10px}
body.csn-design3 .csn-search{width:auto;max-width:310px;flex:1}body.csn-design3 .csn-search input{height:31px!important;min-height:0;background:#02080b!important;border-color:#4e687045!important;font-size:10px}
body.csn-design3 .csn-topstats{margin-left:auto;gap:20px!important}body.csn-design3 .csn-topstat{background:none!important;border:0!important;padding:0!important;min-height:0!important;min-width:0!important;font-size:10px}
body.csn-design3 .csn-topstat b{font-size:10px}body.csn-design3 .csn-topstat small{display:none}body.csn-design3 .csn-beta-badge{display:block;min-height:0!important;padding:6px 8px!important;font-size:8px!important}
body.csn-design3 .csn-sound-toggle{min-height:28px!important;padding:5px 8px!important;border-color:#637f4344;background:#0b1510}body.csn-design3 .csn-sound-toggle span{font-size:8px}
body.csn-design3 .csn-menu{display:none!important}
body.csn-design3 main,body#home.csn-design3 main{max-width:1440px!important;width:100%;margin:auto!important;padding:28px 3vw 55px!important;min-width:0}
body.csn-design3.d3-home main,body#home.csn-design3.d3-home main{display:flex!important;flex-direction:column;gap:28px!important;padding-top:0!important}
body.csn-design3 main>*{min-width:0}
body.csn-design3.d3-home .hero,body#home.csn-design3.d3-home .hero{position:relative;isolation:isolate;min-height:590px!important;margin:0 -3vw!important;width:calc(100% + 6vw)!important;padding:90px 6vw 86px!important;border:0!important;border-radius:0!important;overflow:hidden;background:linear-gradient(90deg,#03090d6b 0%,transparent 65%),linear-gradient(0deg,#03090d 0%,transparent 24%),url('/assets/design/design3-hero.webp') center/cover!important}
body.csn-design3.d3-home .hero:before{background:none!important}body.csn-design3.d3-home .hero:after{background:none!important}
body.csn-design3.d3-home .hero-shell{pointer-events:auto!important;z-index:2;position:relative}
body.csn-design3.d3-home .hero-content{max-width:650px!important}
body.csn-design3.d3-home .hero h1,body#home.csn-design3.d3-home .hero h1{font-size:clamp(70px,7.8vw,112px)!important;font-weight:800!important;letter-spacing:-.005em!important;line-height:.91!important;margin:20px 0!important;max-width:650px}
body.csn-design3.d3-home .hero h1 span{color:#c0fa22!important;display:block;text-shadow:0 0 35px #b9ed1926}
body.csn-design3.d3-home .hero .eyebrow{font-size:10px!important;letter-spacing:.16em!important;color:#d4dddf!important;margin:0!important}
body.csn-design3.d3-home .hero-copy{font:500 22px/1.35 'CSN Barlow',Arial,sans-serif!important;text-transform:uppercase;letter-spacing:1px;max-width:390px!important;color:#c2d0d6!important;margin:15px 0!important}
body.csn-design3.d3-home .hero-mapline{font:10px/1.6 'CSN Inter',Arial,sans-serif!important;letter-spacing:.1em!important;opacity:.7;margin-bottom:23px!important}
body.csn-design3 .btn-primary,body.csn-design3 .glass-button.primary,body.csn-design3 button.primary,body.csn-design3 #equip{color:#0a1402!important;background:linear-gradient(135deg,#d2ff43,#b8f21b)!important;border:1px solid #c8fa35!important;box-shadow:0 0 23px #b6f92b20!important;border-radius:3px!important}
body.csn-design3 .btn-primary:hover,body.csn-design3 .glass-button.primary:hover,body.csn-design3 button.primary:hover{box-shadow:0 0 30px #b6f92b55!important;filter:brightness(1.08)}
body.csn-design3 button:disabled{opacity:.45;cursor:not-allowed}
body.csn-design3 .btn-secondary,body.csn-design3 .glass-button:not(.primary){background:#071014c9!important;color:#e3e9e8!important;border:1px solid #b5e91d70!important;border-radius:3px!important}
body.csn-design3.d3-home .hero-ctas{display:flex;gap:14px!important;flex-wrap:wrap}
body.csn-design3.d3-home .hero-ctas .btn{min-height:48px!important;min-width:190px!important;font-size:17px!important;padding:12px 23px!important}
.d3-trust{position:absolute;bottom:29px;left:6vw;display:flex;align-items:center;gap:28px;flex-wrap:wrap;font:500 10px 'CSN Barlow',Arial,sans-serif;letter-spacing:.03em;color:#d1dcdf;z-index:2}.d3-trust a{color:inherit;text-decoration:none}
.d3-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:-16px;z-index:3;position:relative}
.d3-region{display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;align-items:center;justify-content:flex-end;min-height:265px;padding:24px;text-decoration:none;border:1px solid #6c899779;border-radius:5px;background:linear-gradient(0deg,#030b10 0%,#05101865 90%),var(--region-art) center/cover;transition:transform .25s,border-color .25s,box-shadow .25s;color:white}
.d3-region:hover{transform:translateY(-5px);border-color:#c0fa22;box-shadow:0 0 25px #baff191b}.d3-region[aria-current]{border-color:#b5e52477}
.d3-country{position:absolute;inset:9px auto auto;width:72%;height:150px;object-fit:contain;filter:brightness(.55) saturate(.5);opacity:.8;z-index:-1}.d3-flag{width:62px;height:41px;object-fit:cover;margin:28px 0 8px;box-shadow:0 3px 20px #000b}
.d3-region h2{font-size:29px;margin:3px 0!important;color:white}.d3-region p{font-size:10px;color:#b4c4cb;text-align:center;margin:5px 0 18px}.d3-region-action{display:flex;justify-content:space-between;align-items:center;gap:35px;width:100%;max-width:240px;padding:10px 17px;border:1px solid #c0fa22;background:linear-gradient(120deg,#ceff39,#b6ed18);color:#101900;font:700 14px 'CSN Barlow',Arial,sans-serif;border-radius:3px}
body.csn-design3 .v2-section-title,body.csn-design3 .section-heading{margin:0 0 18px!important;padding:0!important;display:flex;align-items:end;justify-content:space-between;gap:20px}
body.csn-design3 .v2-section-title h2,body.csn-design3 .section-heading h2,body.csn-design3 .v2-rankings h2{font-size:30px!important;letter-spacing:.02em!important;margin:0!important;color:#eff4f5!important}
body.csn-design3 .v2-section-title>.eyebrow,body.csn-design3 .v2-section-title>div>.eyebrow,body.csn-design3 #maps>.section-heading>span{display:none}
body.csn-design3 .eyebrow{color:#bfe43c!important}
body.csn-design3 .mode-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important}
body.csn-design3 .mode-card{min-height:260px!important;border:1px solid #63828f70!important;border-radius:5px!important;overflow:hidden!important;background-color:#061016!important;transition:transform .25s,border-color .25s}
body.csn-design3 .mode-card:hover{transform:translateY(-4px);border-color:#c0fa22!important}
body.csn-design3 .mode-card-content{position:relative;padding:25px!important;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#02090ff7,transparent 100%)}
body.csn-design3 .mode-card h2{font-size:29px!important;margin:0 0 10px!important}body.csn-design3 .mode-card p{font-size:11px!important;line-height:1.7!important;max-width:230px;color:#c0cdd2}
body.csn-design3 .mode-card .btn{min-height:37px!important;padding:9px 16px!important;font-size:14px!important;width:100%;max-width:240px}
body.csn-design3 .mode-queue{font-size:10px;color:#bbd1d5;margin:10px 0!important}
body.csn-design3 #maps{margin:0!important;padding:0!important}body.csn-design3 #maps .map-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
body.csn-design3 #maps .map-card{height:220px!important;border:1px solid #6888966b!important;border-radius:4px!important;display:block;position:relative;background:#071119;overflow:hidden;cursor:pointer}
body.csn-design3 #maps .map-card img{width:100%!important;height:100%!important;object-fit:cover;filter:saturate(.8);transition:transform .5s,filter .3s}
body.csn-design3 #maps .map-card:hover img{transform:scale(1.045);filter:saturate(1.1)}body.csn-design3 #maps .map-meta{left:18px!important;bottom:18px!important;position:absolute;z-index:2}
body.csn-design3 #maps .map-meta h3{font-size:23px!important;color:#fff;margin:0!important}body.csn-design3 #maps .map-meta small{font-size:10px;color:#a9bcc6}body.csn-design3 .archive-lore{font-size:11px!important;color:#b5c3c9!important}
body.csn-design3 #maps .map-shade{position:absolute;inset:0;background:linear-gradient(0deg,#02090ff5,transparent 80%)}
body.csn-design3 #maps:not(.expanded) .map-card:nth-child(n+7){display:none!important}
body.csn-design3 .csn-map-tabs,body.csn-design3 .rating-tabs,body.csn-design3 .mode-tabs,body.csn-design3 .csn-guide-tabs{border:1px solid #42596566!important;padding:5px;background:#071015!important;border-radius:4px;gap:5px}
body.csn-design3 [role=tab][aria-selected=true],body.csn-design3 .rating-tabs button[aria-pressed=true],body.csn-design3 .mode-tab.active{color:#0a1703!important;background:#c0fa22!important;border-color:#c0fa22!important;box-shadow:0 0 13px #c0fa2220}
body.csn-design3 .panel,body.csn-design3 .studio-card,body.csn-design3 .csn-release-grid>article,body.csn-design3 .csn-home-summary>*,body.csn-design3 .csn-guide-step,body.csn-design3 .csn-release-faq,body.csn-design3 .rank-guide-card{border:1px solid #5577874d!important;background:linear-gradient(130deg,#0b171ee8,#040d12f5)!important;border-radius:5px!important;box-shadow:none}
body.csn-design3 .csn-mini-heading h2{color:#e9eff1;font-size:14px!important;letter-spacing:.04em!important}body.csn-design3 .csn-mini-row{background:#050d12;border-color:#4a687b44;border-radius:2px}
body.csn-design3 .csn-mini-action{background:#c0fa22;color:#122003;border-color:#c0fa22;border-radius:2px}
body.csn-design3 #queue{border-top:2px solid #c0fa22!important;padding:24px!important;scroll-margin-top:145px}
body.csn-design3 .match-steps{background:#071015!important;border-color:#4c677544!important;padding:22px!important}
body.csn-design3 .queue-heading h2{font-size:37px!important}.csn-design3 .queue-content{min-width:0}
body.csn-design3 .player-slot,body.csn-design3 .team,body.csn-design3 .veto-card{background:#09151d!important;border-color:#5b7b8a55!important}
body.csn-design3 .veto-preview{background:#071015!important;border-color:#5b7b8a55!important}
body.csn-design3 .elo-leaderboard{background:#061016!important;border-color:#5b7b8a55!important}body.csn-design3 .elo-leaderboard-row{background:transparent!important;border-color:#7b99a322!important;padding:14px!important}
body.csn-design3 .elo-leaderboard-row:hover{background:#b3e71f0d!important}body.csn-design3 .elo-leaderboard-row img{object-fit:contain}
body.csn-design3 .guardian-spotlight{border:1px solid #65838b55!important;border-radius:5px!important;background:linear-gradient(90deg,#061015f5,#061015a6),url('/assets/design/design3-hero.webp') center/cover!important}
body.csn-design3 .csn-launch-intro{background:#071117!important;border:1px solid #5577874d!important;border-radius:5px!important;padding:27px!important}
body.csn-design3 .csn-release-section{border-top:1px solid #48657044;margin-top:12px;padding-top:28px}
body.csn-design3 .csn-release-heading h2{font-size:32px!important}.csn-design3 .csn-testing-notice{border-color:#b6cb3444!important;background:#b4d62306!important}
body.csn-design3 .community-strip{margin:0!important;background:linear-gradient(90deg,#061014e5,#06101455),url('/assets/design/design3-hero.webp') center 50%/cover!important;padding:48px 6vw!important;border-top:1px solid #68838e55;border-bottom:1px solid #68838e55}
body.csn-design3 footer{margin-left:0!important;padding-left:3vw!important;padding-right:3vw!important;max-width:none!important;color:#78929d}
.d3-world{border:1px solid #5b7b8a44;border-radius:4px;background:#061015;order:20;overflow:hidden}.d3-world summary{cursor:pointer;padding:20px;font:600 15px 'CSN Barlow',Arial,sans-serif;color:#c0fa22;list-style:none}.d3-world summary span{float:right;font-size:11px;color:#b4c7cc}.d3-world .csn-hero-map{position:relative!important;inset:auto!important;width:100%!important;max-width:900px;height:350px!important;margin:auto;opacity:1!important}
/* Internal page banners, tables and protected consoles retain all original controls. */
body.csn-design3 .studio-heading,body.csn-design3 .leaderboard-heading{padding:38px!important;margin:0 0 25px!important;border:1px solid #536e7c55;border-radius:5px;background:linear-gradient(90deg,#071016f5,#0710167a),url('/assets/design/design3-hero.webp') right 46%/cover;min-height:195px}
body.csn-design3 .studio-heading h1,body.csn-design3 .leaderboard-heading h1{font-size:clamp(39px,4.4vw,67px)!important;line-height:1!important;letter-spacing:0!important;margin:10px 0!important}
body.csn-design3 .studio-heading em,body.csn-design3 .studio-hero em,body.csn-design3 .skins-studio em{color:#c0fa22!important;font-style:normal}
body.csn-design3 .studio-hero{background:linear-gradient(90deg,#071016f5,#0710168a),url('/assets/design/design3-hero.webp') right/cover!important;border:1px solid #536e7c55!important;border-radius:5px!important;padding:50px!important}
body.csn-design3 .studio-hero h1{font-size:clamp(45px,5vw,76px)!important;line-height:1.02!important}
body.csn-design3 .full-rankings{background:#061016;border-color:#526f7a55}body.csn-design3 .full-rankings th{background:#0a1922;color:#a1b5be;padding:15px}body.csn-design3 .full-rankings td{border-color:#59738233;padding:16px 14px}body.csn-design3 .full-rankings tbody tr:hover{background:#bedf2810}
body.csn-design3 .guardian-note{background:#0a1820;border-color:#526f7a55;color:#a8bec9}.csn-design3 .rank-guide-card img{width:100%;height:160px;object-fit:contain}
body.csn-design3 .server-overview{gap:18px!important}body.csn-design3 .server-overview .studio-card{border-top:2px solid #c0fa22!important;padding:26px!important}
body.csn-design3 .csn-guide-art img{object-fit:cover}body.csn-design3 .csn-guide-mode{border:1px solid #536e7c55!important;background:#071015!important;border-radius:5px!important;overflow:hidden}
body.csn-design3 .console-output{background:#02080c!important;border-color:#4a667555!important}
body.csn-design3 input,body.csn-design3 select,body.csn-design3 textarea{border-color:#5b7b8a66!important;background-color:#050d13!important;color:#e3edf0!important;border-radius:3px!important}
/* Skin studio: browse, preview and saved settings use the existing equipment controller. */
body.csn-design3.skins-studio main{max-width:1600px!important}
body.csn-design3.skins-studio .hero{min-height:190px!important;padding:33px!important;background:linear-gradient(90deg,#071016f5,#07101699),url('/assets/design/design3-hero.webp') right 50%/cover!important;border:1px solid #536e7c55!important;border-radius:5px!important}
body.csn-design3.skins-studio .hero h1{font-size:52px!important;line-height:1;margin:10px 0!important}body.csn-design3.skins-studio .hero em{color:#c0fa22!important;font-style:normal}
body.csn-design3.skins-studio .layout{grid-template-columns:170px minmax(0,1fr) 335px!important;gap:20px!important;align-items:start}
body.csn-design3.skins-studio .preview{position:sticky;top:145px;background:radial-gradient(ellipse at 50% 20%,#52692325,transparent 55%),#071015!important;padding:22px!important;border-top:2px solid #c0fa22!important}
body.csn-design3.skins-studio #previewImg{height:215px;object-fit:contain;filter:drop-shadow(0 10px 24px #000a)}
body.csn-design3.skins-studio .skin{background:linear-gradient(140deg,#111f29,#050d13)!important;border:1px solid #5c798c55!important;border-radius:4px!important;transition:transform .2s,border-color .2s}
body.csn-design3.skins-studio .skin:hover{transform:translateY(-3px);border-color:#c0fa22!important}.csn-design3.skins-studio .skin img{object-fit:contain}
body.csn-design3.skins-studio .teams button.on,body.csn-design3.skins-studio .categories button.on{color:#142000!important;background:#c0fa22!important;border-color:#c0fa22!important}
body.csn-design3.skins-studio .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}body.csn-design3.skins-studio #equip{width:100%;min-height:45px;font-size:16px!important}
body.csn-design3.skins-studio .csn-stattrak-control{background:#0b171b!important;border-color:#9dbb3433!important}
/* Regional gateway uses the original destinations, flight path, skip and cancel. */
body.csn-design3.csn-gateway{padding:0!important;background:linear-gradient(90deg,#03090de8,#03090d70),linear-gradient(0deg,#03090d,transparent),url('/assets/design/design3-hero.webp') center/cover fixed!important}
body.csn-design3.csn-gateway .tech-grid,body.csn-design3.csn-gateway .tech-frame{display:none}
body.csn-design3.csn-gateway .gate-header{padding:24px 4vw;border-bottom:1px solid #7c93943a;background:#03090dad}
body.csn-design3.csn-gateway .gate-main{max-width:1300px!important;display:flex;flex-direction:column;align-items:center;padding:34px 3vw 38px!important;min-height:0!important}
body.csn-design3.csn-gateway .gate-logo{display:flex;gap:17px;align-items:center;justify-content:center;margin:0 auto 23px!important}
body.csn-design3.csn-gateway .gate-mark{width:80px;height:80px;filter:none}.csn-design3.csn-gateway .gate-wordmark{margin:0!important}.csn-design3.csn-gateway .gate-wordmark:after{display:none}
body.csn-design3.csn-gateway .gate-wordmark>span{font-size:31px!important}.csn-design3.csn-gateway .gate-wordmark>strong{font-size:12px!important;letter-spacing:.25em!important}
.d3-gateway-copy{text-align:center}.d3-gateway-copy h2{font-size:clamp(48px,7.4vw,100px);line-height:1;margin:12px 0!important;letter-spacing:0}.d3-gateway-copy h2 span{color:#c0fa22}.d3-gateway-copy p{font:15px 'CSN Barlow',Arial,sans-serif;letter-spacing:.1em;color:#b9c9cf}.d3-gateway-copy p:first-child{font-size:10px}
body.csn-design3.csn-gateway .select-label{margin:25px 0!important;letter-spacing:.25em}
body.csn-design3.csn-gateway .region-map-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;max-width:1120px!important;width:100%;margin:0!important}
body.csn-design3.csn-gateway .region-map-option{width:100%!important;height:285px!important;max-width:none!important;grid-column:auto!important;clip-path:none!important;border:1px solid #7c969a77!important;border-radius:5px!important;padding:25px!important;background:linear-gradient(0deg,#030c10f5,#06101880),url('/assets/maps/cobble.jpg') center/cover!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;box-shadow:none}
body.csn-design3.csn-gateway .region-sa{background-image:linear-gradient(0deg,#030c10f5,#06101880),url('/assets/maps/aztec.jpg')!important}body.csn-design3.csn-gateway .region-us{background-image:linear-gradient(0deg,#030c10f5,#06101880),url('/assets/maps/canals.jpg')!important}
body.csn-design3.csn-gateway .region-map-option:hover{border-color:#c0fa22!important;transform:translateY(-5px);box-shadow:0 0 25px #baff1920}
body.csn-design3.csn-gateway .region-map-option>img{height:145px!important;width:100%!important;object-fit:contain}
body.csn-design3.csn-gateway .region-map-label{font:700 25px 'CSN Barlow',Arial,sans-serif!important;letter-spacing:.04em!important}.csn-design3.csn-gateway .region-map-option>small{display:none!important}
.d3-gate-modes{font:10px/1.6 'CSN Barlow',Arial,sans-serif;letter-spacing:.06em;text-align:center;color:#b6c6cd;margin:12px 0 0}.csn-design3.csn-gateway .gate-footer{position:static!important;padding:22px 4vw!important;border-top:1px solid #7c93943a}
body.csn-design3 .flight-screen{z-index:1000!important;background:#030a07!important}.csn-design3.flight-running{overflow:hidden}
@media(min-width:1450px){body.csn-design3 .csn-links{gap:24px!important}.csn-design3 .csn-links a{font-size:14px!important}}
@media(min-width:801px) and (max-width:1120px){body.csn-design3 .csn-links{gap:12px!important}body.csn-design3 .csn-brand{min-width:105px}body.csn-design3 .csn-brand strong{font-size:15px!important}body.csn-design3 .csn-brand img{width:35px!important;height:35px!important;flex-basis:35px!important}body.csn-design3 .csn-links a{font-size:11px!important}.csn-design3 #csnAccount .account-copy{display:none}}
@media(max-width:1050px){body.csn-design3.skins-studio .layout{grid-template-columns:145px minmax(0,1fr)!important}body.csn-design3.skins-studio .preview{position:static;grid-column:1/-1}body.csn-design3.skins-studio .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:800px){
 body.csn-design3{padding-top:70px!important}body.csn-design3 .csn-sidebar{position:fixed!important;inset:70px auto 0 0!important;width:290px!important;height:calc(100dvh - 70px)!important;display:flex;flex-direction:column;align-items:stretch;padding:23px!important;gap:15px;transform:translateX(-105%)!important;overflow-y:auto!important;background:#040c12fc!important;z-index:75}
 body.csn-design3 .csn-sidebar.is-open{transform:translateX(0)!important}body.csn-design3 .csn-links{display:flex;flex-direction:column;align-items:stretch;overflow:visible;gap:4px!important;flex:none}body.csn-design3 .csn-links a{min-height:40px!important;padding:8px 12px!important;font-size:15px!important;border:1px solid #56708233!important}body.csn-design3 .csn-sidebar-bottom{margin-top:auto!important}body.csn-design3 #csnAccount button{width:100%}
 body.csn-design3 .csn-topbar{top:0!important;height:70px!important;padding:12px 18px!important;gap:15px!important}body.csn-design3 .csn-menu{display:block!important;background:#0c1c22;border:1px solid #6d8c9360;border-radius:3px;color:#c0fa22;min-width:35px;min-height:35px}body.csn-design3 .csn-search{max-width:none;min-width:0}body.csn-design3 .csn-topstats,body.csn-design3 .csn-beta-badge{display:none!important}body.csn-design3 .csn-sound-toggle span{display:none}
 body.csn-design3 main,body#home.csn-design3 main{padding:20px!important}body.csn-design3.d3-home main,body#home.csn-design3.d3-home main{gap:25px!important;padding:0 20px 35px!important}
 body.csn-design3.d3-home .hero,body#home.csn-design3.d3-home .hero{margin:0 -20px!important;width:calc(100% + 40px)!important;padding:65px 35px 100px!important;min-height:560px!important;background-position:63% center!important}
 body.csn-design3.d3-home .hero h1,body#home.csn-design3.d3-home .hero h1{font-size:75px!important;max-width:540px}.d3-trust{left:35px;right:25px;gap:18px;bottom:26px;font-size:10px}.d3-regions{gap:12px}.d3-region{padding:14px;min-height:245px}.d3-region h2{font-size:22px!important}.d3-region p{font-size:9px;min-height:28px}.d3-region-action{font-size:12px;gap:5px;padding:9px}
 body.csn-design3 .mode-cards{gap:12px!important}body.csn-design3 .mode-card-content{padding:18px!important}.csn-design3 .mode-card h2{font-size:23px!important}body.csn-design3 #maps .map-grid{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.csn-design3 #maps .map-card{height:200px!important}
 body.csn-design3 #queue{scroll-margin-top:88px;padding:18px!important}body.csn-design3 .studio-heading,body.csn-design3 .leaderboard-heading,body.csn-design3 .studio-hero{padding:28px!important}body.csn-design3 .full-rankings td{padding:12px 6px;font-size:11px}.d3-world summary span{float:none;display:block;margin-top:7px}
 body.csn-design3.csn-gateway{padding:0!important}.csn-design3.csn-gateway .gate-header{padding:18px}.csn-design3.csn-gateway .region-map-options{gap:12px!important}.csn-design3.csn-gateway .region-map-option{height:250px!important;padding:14px!important}.csn-design3.csn-gateway .region-map-label{font-size:20px!important}
}
@media(max-width:560px){
 body.csn-design3 .csn-topbar{gap:10px!important}body.csn-design3 .csn-active-region span{font-size:9px}.csn-design3 .csn-search input{font-size:9px!important;padding-left:25px!important}.csn-design3 .csn-search>span{left:7px!important}
 body.csn-design3.d3-home .hero,body#home.csn-design3.d3-home .hero{padding:58px 24px 115px!important;min-height:610px!important;background-image:linear-gradient(90deg,#03090da8,#03090d30),linear-gradient(0deg,#03090d,transparent 55%),url('/assets/design/design3-hero.webp')!important;background-position:62% center!important}
 body.csn-design3.d3-home .hero h1,body#home.csn-design3.d3-home .hero h1{font-size:64px!important}body.csn-design3.d3-home .hero-copy{font-size:21px!important;max-width:280px!important}.d3-trust{left:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:10px}
 body.csn-design3.d3-home .hero-ctas .btn{width:100%!important;min-width:0!important;max-width:320px}.d3-regions{grid-template-columns:1fr;gap:14px;margin-top:0}.d3-region{min-height:225px;padding:20px;align-items:flex-start}.d3-country{right:5px;left:auto;top:12px;width:58%;height:165px}.d3-flag{width:48px;height:32px;margin:0 0 8px}.d3-region h2{font-size:29px!important}.d3-region p{margin:5px 0 14px;min-height:0;text-align:left}.d3-region-action{max-width:200px;font-size:14px}
 body.csn-design3 .mode-cards{grid-template-columns:1fr!important}body.csn-design3 .mode-card,body.csn-design3 .mode-card-content{min-height:235px!important}.csn-design3 .mode-card h2{font-size:31px!important}body.csn-design3 .mode-card-content{padding:25px!important}
 body.csn-design3 #maps .map-card{height:155px!important}.csn-design3 #maps .map-meta{left:12px!important;bottom:12px!important}.csn-design3 #maps .map-meta h3{font-size:20px!important}.csn-design3 #maps .archive-lore{display:none}.csn-design3 .section-heading p{max-width:150px;font-size:10px!important}
 body.csn-design3 .csn-home-summary{grid-template-columns:1fr!important}body.csn-design3 .csn-home-story{grid-column:auto}.csn-design3 .studio-heading p{font-size:12px!important}.csn-design3 .guardian-mark{max-width:140px}.csn-design3 .studio-hero{padding:25px!important}
 body.csn-design3.skins-studio .layout{display:flex!important;flex-direction:column}.csn-design3.skins-studio .side{width:100%}.csn-design3.skins-studio #browse{width:100%}.csn-design3.skins-studio .preview{width:100%}.csn-design3.skins-studio .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.csn-design3.skins-studio .categories{display:flex;gap:5px}.csn-design3.skins-studio .hero h1{font-size:39px!important}
 body.csn-design3.csn-gateway .gate-main{padding:30px 20px!important}.csn-design3.csn-gateway .gate-logo{gap:12px;margin-bottom:18px!important}.csn-design3.csn-gateway .gate-mark{width:58px;height:58px}.d3-gateway-copy h2{font-size:53px}.d3-gateway-copy h2 span{display:block}.d3-gateway-copy p{font-size:13px;line-height:1.5}.d3-gateway-copy p:first-child{font-size:8px}
 body.csn-design3.csn-gateway .region-map-options{grid-template-columns:1fr!important}.csn-design3.csn-gateway .region-map-option{height:225px!important}.csn-design3.csn-gateway .region-map-option>img{height:120px!important}.csn-design3.csn-gateway .region-map-label{font-size:24px!important}.d3-gate-modes{font-size:11px}
}
@media(prefers-reduced-motion:reduce){body.csn-design3 *,body.csn-design3 *:before,body.csn-design3 *:after{scroll-behavior:auto!important;transition:none!important}.d3-region:hover,.csn-design3 .mode-card:hover,.csn-design3 .skin:hover{transform:none!important}.csn-design3 .csn-route-plane{display:none}}


/* Resolve legacy layout declarations while keeping their controllers intact. */
body.csn-design3 .csn-links{display:flex!important;flex-direction:row!important}
body.csn-design3 .csn-nav-group{display:none!important}
body.csn-design3.d3-home main>*{order:10}
body.csn-design3.d3-home main>.hero{order:0}
body.csn-design3.d3-home main>.d3-regions{order:1}
body.csn-design3.d3-home main>#games{order:2;display:block!important}
body.csn-design3.d3-home main>#maps{order:3}
body.csn-design3.d3-home main>.csn-home-summary{order:4}
body.csn-design3.d3-home main>#servers,body.csn-design3.d3-home main>#serverOverview{order:5}
body.csn-design3.d3-home main>#serverDetails{order:5}
body.csn-design3.d3-home main>#queue{order:6}
body.csn-design3.d3-home main>.csn-launch-intro{order:7}
body.csn-design3.d3-home main>.v2-rankings{order:8}
body.csn-design3.d3-home main>.guardian-spotlight{order:9}
body.csn-design3.d3-home main>.d3-world{order:20}
@media(max-width:800px){body.csn-design3 .csn-links{flex-direction:column!important}}

body.csn-design3 .csn-links a:before{display:none!important}
body.csn-design3 .csn-links a[aria-current=page]{outline:0!important}
body.csn-design3 #games .v2-section-title{display:flex!important;margin-bottom:18px!important}
body.csn-design3 .csn-mobile-menu-backdrop.is-active{z-index:65!important;top:70px!important}
@media(max-width:800px){body.csn-design3 .csn-sidebar{z-index:80!important}body.csn-design3 .csn-topbar{z-index:85!important}}

body.csn-design3 .csn-links a[aria-current=page]{border:0!important;border-bottom:3px solid #c0fa22!important}
body.csn-design3.csn-gateway h2{font-family:GateDisplay,'Arial Narrow',Arial,sans-serif!important}
body.csn-design3 #playerPanel{padding:28px;border-top:2px solid #c0fa22!important;background:linear-gradient(135deg,#10212a,#040d12)!important}
body.csn-design3 #playerPanel .player-card{background:#07131b!important;border:1px solid #5d7f8d55!important;border-radius:5px!important}
@media(max-width:800px){body.csn-design3 .csn-links a[aria-current=page]{border:1px solid #c0fa22!important}}