/* One shared world: silver light, bordeaux fog and readable floating surfaces. */
body.connected-world{--bg:#080a0e;--surface:#13151ce0;--border:#c6b4c021;--muted:#b7afb8;--accent-heading:#c47c91;position:relative;isolation:isolate;background:#080a0e}
.world-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 78% 29%,#45152659,transparent 57%),radial-gradient(ellipse at 14% 72%,#3032404a,transparent 53%),#080a0e}
.world-atmosphere,.world-sparkles{position:fixed;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.world-atmosphere{z-index:0;opacity:.84}
.world-sparkles{z-index:15}
.connected-world>main,.connected-world>footer{position:relative;z-index:1}
body.connected-world .header{position:fixed;z-index:30;inset:0 0 auto;min-height:88px;height:88px;padding:0 5%;border:0;background:linear-gradient(180deg,#080a0ef2,#080a0ea1 65%,transparent);backdrop-filter:blur(8px);transition:background .3s}
body.connected-world .skip{z-index:40}
.connected-world .brand{font-size:21px;letter-spacing:2px}
.connected-world .brand-mark{background:#78162999;border:1px solid #b76a7955;border-radius:11px}
.connected-world .header nav{font-size:12px;gap:26px}
.connected-world .header nav a{position:relative;color:#c5bdc7;transition:color .25s}
.connected-world .header nav a:hover,.connected-world .header nav a[aria-current="location"]{color:#fff}
.connected-world .header nav a[aria-current="location"]::after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,#c899ac,transparent)}
.connected-world .header .nav-cta{padding:11px 15px;border:1px solid #b76a7940;border-radius:999px;background:#45152550}
.connected-world .header .nav-cta span{margin-left:8px}
.connected-world .hero.hero-entrance,.connected-world .spirit-frame{background:transparent}
.connected-world .hero-atmosphere{background:radial-gradient(ellipse at 50% 38%,#47132644,transparent 64%)}
.connected-world .hero-entrance .hero-shade{background:linear-gradient(0deg,#080a0e00 0%,#080a0ebd 14%,#080a0e70 29%,transparent 52%)}
.connected-world .hero-entrance .hero-content{padding:0}
.connected-world .hero-entrance .hero-bottom{border:0}
.connected-world .spirit-progress{display:none}
.connected-world .hero-art{-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 77%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 77%,transparent)}
.connected-world .spirit-wordmark{-webkit-text-stroke-color:#d8c8d52b}
.connected-world .ticker{position:relative;z-index:1;padding:48px 5% 30px;background:transparent;color:#b8a5b1;font-size:clamp(16px,1.8vw,25px);font-weight:700;letter-spacing:.12em;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.connected-world .ticker b{color:#b96c87;font-weight:300}
.connected-world .section{padding:clamp(90px,10vw,160px) 7%;scroll-margin-top:90px}
.connected-world .about,.connected-world .teams,.connected-world .matches-section,.connected-world .aim-section,.connected-world .community-section,.connected-world .community-visual,.connected-world .join{background:transparent;border:0}
.connected-world .eyebrow{color:#c6a9b8;font-family:'Courier New',monospace;font-size:11px;letter-spacing:2px}
.connected-world h2{font-size:clamp(44px,5.5vw,82px);letter-spacing:-.025em;text-shadow:0 6px 30px #0008}
.connected-world h2 span{color:#c47c91}
.connected-world .about{gap:9%;align-items:center;min-height:640px}
.connected-world .about-copy{padding:26px 0}
.connected-world .lead{font-size:clamp(21px,2vw,28px);color:#f0eaf0;line-height:1.55}
.connected-world .values{gap:24px;margin-top:42px}
.connected-world .values>div{padding-top:22px;border-top-color:#c8afc12e}
.connected-world .values h3{font-size:17px;font-weight:600}
.connected-world .section-heading{margin-bottom:55px;gap:40px}
.connected-world .section-heading>p{max-width:360px;color:#b7afb8}
.connected-world .team-grid{gap:26px;align-items:start;perspective:1600px;padding-bottom:24px}
.connected-world .team-card{position:relative;padding:30px;min-height:440px;border:1px solid #bba5b72e;border-radius:20px;background:linear-gradient(135deg,#30202c85,#0e111ad9 65%);box-shadow:0 28px 70px #0004,inset 0 1px #e5d6e80a;backdrop-filter:blur(12px);transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.connected-world .team-card:nth-child(2){margin-top:46px;background:linear-gradient(150deg,#45172c85,#111119dd 65%)}
.connected-world .team-card:nth-child(3){margin-top:92px;background:linear-gradient(150deg,#252b3d90,#111119dd 65%)}
.connected-world .team-card:hover,.connected-world .team-card:focus-within{transform:translateY(-8px);border-color:#d6a6bd80;box-shadow:0 32px 80px #0006,0 0 36px #a34d6910}
.connected-world .game-word{font-size:clamp(72px,7.5vw,112px);padding:56px 0 40px;letter-spacing:-.045em;color:#eee9f0}
.connected-world .arena .game-word{color:#cd90a5}
.connected-world .community-card .game-word{color:#b9bdcf}
.connected-world .card-top{font-family:'Courier New',monospace;letter-spacing:1.3px;font-size:9px}
.connected-world .card-body h3{font-size:22px;font-weight:600}
.connected-world .card-body p{font-size:14px;line-height:1.8;min-height:76px}
.connected-world .card-button{border-top-color:#c7a9bc30;font-size:12px;min-height:49px}
.connected-world .matches-toolbar{border-color:#cfb8c627}
.connected-world .matches-filter,.connected-world .matches-more,.connected-world .aim-secondary{border-radius:999px;border-color:#c8adbf3b;background:#11121b80}
.connected-world .matches-filter[aria-pressed="true"]{background:#ece5ec;color:#12121a;border-color:#ece5ec}
.connected-world .match-card,.connected-world .match-empty,.connected-world .match-skeleton{border-radius:18px;background:linear-gradient(145deg,#211925bd,#0d1119df);border-color:#b8a1b429;box-shadow:0 24px 55px #0003;backdrop-filter:blur(12px)}
.connected-world .match-card{border-top-width:2px;padding:27px}
.connected-world .match-card:hover{transform:translateY(-4px);border-color:#ac7f9580}
.connected-world .match-card[data-outcome="win"]{border-top-color:#9eb8a8}
.connected-world .match-card[data-outcome="loss"]{border-top-color:#ac5d6e}
.connected-world .match-card[data-status="live"]{border-top-color:#c47d87}
.connected-world .match-team-mark{border-radius:12px}
.connected-world .match-badge,.connected-world .match-maps li{border-radius:5px}
.connected-world .match-bottom{border-color:#cfb8c622}
.connected-world .aim-shell,.connected-world .ranking,.connected-world .faceit-panel{border:1px solid #b8a1b434;border-radius:18px;overflow:hidden;background:#0d111be8;box-shadow:0 28px 65px #0004}
.connected-world .aim-board{background-color:#090d14}
.connected-world .aim-stats{border-color:#b8a1b42c;background:#1b152040}
.connected-world .aim-stat{border-color:#b8a1b424}
.connected-world .aim-controls{border-color:#b8a1b42c}
.connected-world .aim-secondary{font-size:12px;padding:14px 20px;min-height:48px}
.connected-world .button{border-radius:999px;letter-spacing:.6px;box-shadow:0 8px 30px #78162918}
.connected-world .ranking th,.connected-world .ranking td{border-color:#b8a1b424}
.connected-world .faceit-input-row input,.connected-world #ranking-provider,.connected-world #steam-url{border-radius:10px}
.connected-world .community-section{position:relative;padding:100px 5%;gap:0;scroll-margin-top:88px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.connected-world .community-visual{padding:20px 0;overflow:visible}
.connected-world .team-stage{background:radial-gradient(ellipse at 50% 50%,#71223a12,transparent 65%);min-height:650px;padding:24px 0}
.connected-world .community-text{padding:35px 6%}
.connected-world .portrait-caption{color:#c6b4c1;font-family:'Courier New',monospace;font-size:10px;letter-spacing:2px;text-align:center}
.connected-world .portrait-caption span{font-size:9px;margin-top:5px;letter-spacing:1.5px}
.connected-world .player-roster li{border-color:#c4aabd23}
.connected-world .player-roster a{min-height:58px;border-radius:7px}
.connected-world .player-roster a.is-ghost-active{background:linear-gradient(90deg,#8a3b582f,transparent)}
.connected-world .player-name{font-size:17px;font-weight:600}
.connected-world .player-platform{font-size:10px}
.connected-world .ghost-back{border-radius:999px;background:#10121abf;border-color:#c5aebe40;backdrop-filter:blur(8px)}
.connected-world .join{padding-top:150px;padding-bottom:160px;min-height:650px}
.connected-world .join h2{font-size:clamp(66px,9vw,140px)}
.connected-world .join-bottom{margin-top:42px}
.connected-world footer{background:transparent;border-color:#c4aabd20;padding:45px 7% 85px}
.connected-world footer>.footer-social{border-color:#c4aabd20}
.connected-world dialog{background:#11131ef5;border:1px solid #b8a1b44d;border-radius:18px;box-shadow:0 20px 100px #0009}
.connected-world dialog::backdrop{background:#03050ad9;backdrop-filter:blur(12px)}
.world-chapters{position:fixed;z-index:25;right:17px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;width:34px;padding:8px 0;border:0;background:transparent;font-size:10px}
.world-chapters::before{content:'';position:absolute;top:25px;bottom:25px;left:50%;width:1px;background:linear-gradient(transparent,#c1a4b238,transparent);pointer-events:none}
.world-chapters a{position:relative;display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:0;color:#c4b3bf}
.world-chapters i{width:5px;height:5px;border-radius:50%;background:#8c7a884f;box-shadow:0 0 0 4px #080a0e80;transition:background .3s,box-shadow .3s}
.world-chapters a[aria-current="location"] i{background:#e4b5cb;box-shadow:0 0 0 4px #62304355,0 0 14px #b76a7966}
.world-chapters a:hover i,.world-chapters a:focus-visible i{background:#fff}
.world-chapters span{position:absolute;right:34px;white-space:nowrap;background:#10131ee8;border:1px solid #b89cac35;padding:7px 10px;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s}
.world-chapters a:hover span,.world-chapters a:focus-visible span{opacity:1;visibility:visible}
.world-motion{position:fixed;z-index:30;bottom:18px;left:20px;display:flex;align-items:center;gap:9px;min-height:40px;padding:10px 14px;color:#d8cbd6;background:#0d111aca;border:1px solid #c4a6bb38;border-radius:999px;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.5px;box-shadow:0 3px 22px #0004}
.world-motion[hidden]{display:none!important}
.world-motion svg{width:11px;height:11px;fill:currentColor}
.world-motion:hover{border-color:#d8a8bf;background:#251522e8}
.world-reveal-pending{opacity:.05;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.world-revealed{opacity:1;transform:none;transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
@media(min-width:1800px){.connected-world .section,.connected-world .community-section,.connected-world footer{padding-left:max(7%,calc((100vw - 1600px)/2));padding-right:max(7%,calc((100vw - 1600px)/2))}}
@media(max-width:1100px){
 body.connected-world .header{height:80px;min-height:80px;padding:0 5%;flex-wrap:nowrap}
 .connected-world .menu-toggle{display:flex;gap:12px;align-items:center;padding:10px 13px;border:1px solid #b8a1b43c;border-radius:999px;background:#10121a80;color:#eee}
 .connected-world .header #navigation{display:none;position:absolute;inset:80px 0 auto;flex-direction:column;align-items:stretch;gap:6px;padding:20px 5%;background:#0c101bf5;border:0;border-bottom:1px solid #b8a1b435;backdrop-filter:blur(16px)}
 .connected-world .header #navigation.open{display:flex}
 .connected-world .header #navigation a{padding:13px 8px;min-height:44px}
 .connected-world .header nav a[aria-current="location"]::after{display:none}
 .connected-world .header #navigation .nav-cta{padding:12px 16px;margin-top:7px}
 .world-chapters{display:none}
 .connected-world .section{padding:100px 6%}
 .connected-world .team-grid{gap:18px}
 .connected-world .team-card{padding:23px;min-height:420px}
 .connected-world .team-card:nth-child(2){margin-top:24px}.connected-world .team-card:nth-child(3){margin-top:48px}
 .connected-world .card-body h3{font-size:20px}
 .connected-world .community-section{grid-template-columns:1fr;padding:60px 5% 100px}
 .connected-world .community-visual{max-width:780px;width:100%;margin:auto}
 .connected-world .community-text{padding:45px 1%}
 .connected-world .team-stage{min-height:580px}
}
@media(max-width:720px){
 .connected-world .brand{font-size:18px;letter-spacing:1.6px}
 .connected-world .hero-entrance .hero-content{padding:0}
 .connected-world .hero-entrance .hero-shade{background:linear-gradient(0deg,transparent,#080a0ebd 16%,#080a0e78 34%,transparent 56%)}
 .connected-world .hero-entrance .hero-bottom{bottom:43px}
 .connected-world .hero-entrance .hero-content{bottom:158px}
 .connected-world .ticker{padding:40px 4% 5px;font-size:16px;letter-spacing:.04em}
 .connected-world .section{padding:80px 6%;scroll-margin-top:82px}
 .connected-world h2{font-size:clamp(43px,11vw,70px)}
 .connected-world .eyebrow{font-size:9px;letter-spacing:1.6px}
 .connected-world .about{min-height:0;gap:12px}.connected-world .about-copy{padding:10px 0}
 .connected-world .values{gap:18px;margin-top:35px}.connected-world .values>div{padding-top:16px}
 .connected-world .section-heading{gap:25px;margin-bottom:32px}
 .connected-world .team-grid{gap:22px;padding-bottom:0}
 .connected-world .team-card,.connected-world .team-card:nth-child(2),.connected-world .team-card:nth-child(3){margin-top:0;min-height:0;padding:26px;border-radius:16px}
 .connected-world .game-word{padding:36px 0 24px;font-size:82px}.connected-world .card-body p{min-height:0}
 .connected-world .match-card{padding:23px}
 .connected-world .community-section{padding:45px 3% 70px}
 .connected-world .community-text{padding:40px 3% 0}
 .connected-world .team-stage{min-height:430px;padding:18px 0}
 .connected-world .portrait-caption{font-size:9px}.connected-world .portrait-caption span{font-size:8px}
 .connected-world .join{min-height:0;padding:80px 6% 115px}.connected-world .join h2{font-size:clamp(58px,13vw,92px)}
 .connected-world .join-bottom{margin-top:25px;gap:20px}
 .connected-world .contact-buttons{gap:12px}
 .connected-world footer{padding:35px 6% 80px}
 .world-motion{left:12px;bottom:12px;font-size:9px;min-height:34px;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){
 .world-atmosphere,.world-sparkles{display:none}
 .world-reveal-pending,.world-revealed{opacity:1!important;transform:none!important;transition:none!important}
 .connected-world .team-card:hover,.connected-world .match-card:hover{transform:none}
}
html[data-duhovi-motion="paused"] .world-reveal-pending{opacity:1;transform:none}
@media(min-width:721px){.connected-world .hero-entrance .hero-bottom{left:max(5%,180px)}}
