:root{--bg:#090d0b;--panel:#111813;--panel2:#172017;--green:#a6f529;--orange:#ff7617;--white:#f4f6ef;--muted:#a1a99c;--border:#2d3a2d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Outfit,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.9;font-weight:900}::selection{background:var(--green);color:#10160a}.container{width:min(1240px,calc(100% - 56px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--green);color:#111;padding:12px}.skip:focus{top:12px}.grain{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:sticky;top:0;z-index:40;background:#090d0be9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff15}.nav{height:82px;display:flex;align-items:center;gap:34px;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font:900 26px 'Barlow Condensed';white-space:nowrap;letter-spacing:.3px}.brand img{width:76px;height:56px;object-fit:contain}.brand-second{color:var(--green)}.navlinks{display:flex;align-items:center;gap:27px}.navlinks a,.footer-links a{font-size:12px;font-weight:700;color:#c6cebf;transition:color .2s}.navlinks a:hover,.footer-links a:hover{color:var(--green)}.button{min-height:52px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.7px;border:1px solid transparent;transition:transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.button-green{background:var(--green);color:#131b0c;box-shadow:0 8px 32px #a6f5291d}.button-orange{background:var(--orange);color:#171008}.button-glass{background:#ffffff0a;border-color:#a5b19d75}.button-dark{background:#10180b;color:#eaffcc}.button-ghost-dark{border-color:#223512;color:#18230e}.navjoin{min-height:42px;padding:12px 15px}.menu-toggle{display:none;background:none;border:1px solid var(--border);padding:11px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:white;margin:4px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#2b4a174f,transparent 48%),radial-gradient(ellipse at 94% 90%,#6a2d123c,transparent 42%),#090d0b}.hero-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 98%,#ffffff06 99%),linear-gradient(90deg,transparent 98%,#ffffff06 99%);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{min-height:690px;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;position:relative;gap:12px}.hero-copy{z-index:2;padding:80px 0}.eyebrow,.section-index{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--green)}.eyebrow{display:flex;align-items:center;gap:10px}.signal{height:8px;width:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}h1{font-size:clamp(82px,9.6vw,150px);letter-spacing:-2px;margin:23px 0 27px}h1 span,h2 em{font-style:normal;color:var(--green)}.hero-lead{max-width:520px;font-size:17px;line-height:1.8;color:#bac3b6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-note{margin-top:46px;font-size:10px;letter-spacing:2px;font-weight:800;color:#899684}.hero-note span{color:var(--orange);padding:0 10px}.hero-art{height:560px;position:relative;display:grid;place-items:center}.hero-logo{width:115%;max-width:none;position:relative;z-index:2;filter:drop-shadow(0 26px 42px #000a);animation:float 5.5s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-a{width:440px;height:440px;background:radial-gradient(circle,#a6f52922,transparent 67%)}.orb-b{width:380px;height:380px;background:radial-gradient(circle,#ff76172b,transparent 70%);transform:translate(70px,80px)}.hero-ring{position:absolute;width:490px;height:490px;border:1px solid #a6f52923;border-radius:50%;box-shadow:0 0 100px #a6f5290b,inset 0 0 80px #a6f52909}.art-caption{position:absolute;bottom:0;right:0;font-size:11px;letter-spacing:3px;font-weight:800;color:#a7b39c}.hero-bottom{border-top:1px solid #ffffff13}.bottom-inner{padding:18px 0;display:flex;justify-content:space-between;gap:15px;color:#929d8e;font-size:10px;letter-spacing:2px;font-weight:800}.orange{color:var(--orange)}.marquee{background:var(--green);color:#16210b;overflow:hidden;white-space:nowrap;padding:17px 0;transform:rotate(-1deg) scale(1.01)}.marquee-track{width:max-content;animation:slide 26s linear infinite}.marquee-track span{font:900 25px 'Barlow Condensed';letter-spacing:3px}.marquee-track b{padding:0 25px;color:#f46e11}.section{padding:116px 0;scroll-margin-top:82px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.section-head h2,.live-info h2,.shop-copy h2{font-size:clamp(58px,7vw,100px);margin:15px 0 0;letter-spacing:-1px}.section-head p{max-width:380px;line-height:1.75;color:var(--muted);font-size:15px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:335px;padding:28px;background:linear-gradient(145deg,#19231a,#111712);border:1px solid var(--border);display:flex;flex-direction:column;transition:transform .25s,border-color .25s;overflow:hidden}.feature-card:hover{transform:translateY(-7px);border-color:var(--green)}.feature-number,.event-top{font-size:10px;letter-spacing:2px;font-weight:800;color:#a1b098}.feature-icon{font:900 75px 'Barlow Condensed';color:var(--green);margin:20px 0 5px}.feature-card:nth-child(2) .feature-icon{color:var(--orange)}.feature-card h3{font-size:42px;margin-bottom:10px}.feature-card p{font-size:14px;line-height:1.7;color:var(--muted);max-width:300px}.feature-arrow{margin-top:auto;color:var(--green);font-size:11px;font-weight:800;letter-spacing:1px}.live-section{background:#121a13;border-block:1px solid var(--border)}.live-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center}.live-info h2{margin:20px 0 25px}.live-info p,.shop-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:450px}.live-channel{display:flex;align-items:center;gap:14px;margin:30px 0}.live-avatar{width:50px;height:50px;background:#7335b9;display:grid;place-items:center;border-radius:12px}.live-channel strong,.live-channel small{display:block}.live-channel strong{font-size:13px}.live-channel small{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:6px}.stream-shell{background:#080d0a;border:1px solid #4d6449;box-shadow:0 30px 80px #0007;min-width:0}.stream-top,.stream-foot{display:flex;justify-content:space-between;gap:15px;padding:15px 18px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#a7b6a2}.stream-dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:6px}.stream-player{aspect-ratio:16/9;background:radial-gradient(circle at center,#314c24,#090d0b 65%);position:relative}.stream-player iframe{width:100%;height:100%;border:0;display:block}.stream-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.play-circle{width:70px;height:70px;background:var(--orange);color:#18110a;display:grid;place-items:center;border-radius:50%;font-size:28px;margin-bottom:20px}.stream-fallback strong{font:900 28px 'Barlow Condensed'}.stream-fallback p{font-size:12px;max-width:310px;color:var(--muted);line-height:1.6}.stream-fallback a{color:var(--green);font-size:11px;font-weight:800}.stream-foot span{color:var(--green)}.planning-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.planning-card,.planning-promo{padding:35px;border:1px solid var(--border);background:#121a13}.planning-header{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:800;letter-spacing:1.5px;padding-bottom:20px}.pill{color:var(--green);border:1px solid #6c9a36;padding:7px 10px;font-size:10px}.planning-row{display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--border)}.calendar-icon{width:43px;height:43px;display:grid;place-items:center;background:#263723;color:var(--green);font-size:25px;flex-shrink:0}.planning-row div{flex:1}.planning-row strong,.planning-row small{display:block}.planning-row strong{font-size:12px}.planning-row small{font-size:12px;color:var(--muted);margin-top:8px}.planning-status{font-size:10px;color:var(--orange);font-weight:800;white-space:nowrap}.planning-note{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 0 0}.planning-promo{background:linear-gradient(135deg,#243a1d,#131b12)}.promo-kicker{color:var(--green);font-size:11px;font-weight:800;letter-spacing:2px}.planning-promo h3{font-size:53px;margin:24px 0 16px}.planning-promo p{font-size:14px;line-height:1.7;color:var(--muted);max-width:340px}.planning-promo .button{margin-top:12px}.events-section{background:#0e140f}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.event-card{min-height:420px;padding:36px;position:relative;overflow:hidden;border:1px solid #54633c;display:flex;flex-direction:column}.event-gift{background:radial-gradient(circle at 90% 20%,#a6f5292b,transparent 45%),linear-gradient(145deg,#26351b,#10170f)}.event-trophy{background:radial-gradient(circle at 90% 20%,#ff76172d,transparent 45%),linear-gradient(145deg,#342116,#14100d);border-color:#6c3d23}.event-symbol{position:absolute;right:36px;top:35px;font-size:90px;line-height:1;color:var(--green);opacity:.8}.event-trophy .event-symbol{color:var(--orange)}.event-card h3{font-size:65px;margin:90px 0 14px}.event-card p{font-size:14px;line-height:1.7;max-width:360px;color:#bfc6b8}.event-card a{font-size:11px;letter-spacing:1px;font-weight:800;color:var(--green);margin-top:auto;padding-top:20px}.event-trophy a{color:var(--orange)}.shop-section{border-top:1px solid var(--border)}.shop-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.shop-copy h2{margin:22px 0}.shop-copy .button{margin-top:18px}.shop-art{min-height:400px;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#1d2a16 0,#1d2a16 2px,#172015 2px,#172015 15px);border:1px solid #3b522c;overflow:hidden}.shop-art img{width:88%;filter:drop-shadow(0 18px 20px #0009);transform:rotate(-6deg)}.shop-sticker{position:absolute;z-index:2;right:28px;top:22px;transform:rotate(12deg);background:var(--orange);color:#181008;font:900 23px/1 'Barlow Condensed';padding:15px}.shop-art-footer{position:absolute;bottom:15px;left:24px;font-size:10px;letter-spacing:2px;font-weight:800;color:#d2e3c1}.shop-art-footer span{color:var(--orange)}.join-section{padding:110px 0;background:var(--green);color:#17210d;position:relative;overflow:hidden;scroll-margin-top:82px}.join-inner{position:relative;text-align:center}.join-section .section-index{color:#3a561d}.join-section h2{font-size:clamp(80px,11vw,160px);margin:20px 0}.join-section h2 em{color:#f36e13}.join-section p{max-width:520px;line-height:1.7;margin:auto;font-size:16px}.join-section .hero-actions{justify-content:center}.join-burst{position:absolute;left:-80px;top:-80px;font-size:420px;line-height:1;color:#19290b10;pointer-events:none}.footer{padding:55px 0 25px;background:#070a07}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:45px}.footer-brand{display:flex;align-items:center;gap:12px;font:900 30px 'Barlow Condensed'}.footer-brand img{width:90px}.footer-links,.footer-social{display:flex;flex-wrap:wrap;gap:20px}.footer-social a{font-size:11px;color:var(--green);font-weight:800}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#81907c;font-size:10px;letter-spacing:1px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes slide{to{transform:translateX(-50%)}}@media(max-width:1100px){.navlinks{gap:15px}.navjoin{display:none}.hero-grid{grid-template-columns:1fr .9fr}.hero-art{height:480px}.hero-ring{width:370px;height:370px}.live-grid,.shop-grid{gap:30px}}@media(max-width:780px){.container{width:min(100% - 36px,600px)}.nav{height:70px}.brand img{width:64px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:#101810;border-bottom:1px solid var(--border);padding:14px 20px 22px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:13px 10px;font-size:14px}.hero-grid{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:72px 0 0}.hero-art{height:340px;margin-top:-8px}.hero-logo{width:min(108%,600px)}.hero-ring{width:300px;height:300px}.art-caption{bottom:5px;font-size:9px}.hero-bottom .bottom-inner span:last-child{display:none}.hero-lead{font-size:15px}.hero-note{margin-top:30px}.section{padding:75px 0}.section-head{display:block}.section-head p{margin-top:20px}.feature-grid,.live-grid,.planning-grid,.event-grid,.shop-grid{grid-template-columns:1fr}.feature-card{min-height:270px}.feature-icon{margin:8px 0}.live-grid{gap:35px}.stream-shell{width:100%}.event-card{min-height:360px}.event-card h3{margin-top:70px}.shop-art{min-height:310px}.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.join-section{padding:85px 0}}@media(max-width:420px){h1{font-size:73px}.section-head h2,.live-info h2,.shop-copy h2{font-size:59px}.hero-actions .button{width:100%}.hero-art{height:260px}.hero-ring{width:240px;height:240px}.hero-note{font-size:8px;letter-spacing:1px}.hero-note span{padding:0 4px}.event-card h3{font-size:54px}.planning-row{gap:10px}.planning-status{font-size:9px}.join-section h2{font-size:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo,.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.feature-card{transition:none}}

/* Réseaux sociaux officiels OSRT */
.social-section{background:linear-gradient(160deg,#101810,#0b110d);border-top:1px solid var(--border)}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.social-card{background:#172119;border:1px solid #344632;padding:27px 22px;min-height:290px;display:flex;align-items:flex-start;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s}
.social-card:hover,.social-card:focus-visible{transform:translateY(-6px);border-color:var(--green);box-shadow:0 14px 40px #0007}
.social-icon-wrap{height:78px;width:78px;display:grid;place-items:center;background:#0b100d;border-radius:18px;padding:9px;margin-bottom:21px}
.social-icon-wrap img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.social-card-name{font:900 32px 'Barlow Condensed',sans-serif;letter-spacing:1px}
.social-card-desc{color:var(--muted);font-size:13px;line-height:1.55;margin:7px 0 22px}
.social-card-link{color:var(--green);font-size:11px;font-weight:800;letter-spacing:1px;margin-top:auto}
.social-youtube .social-card-link{color:#ff706b}.social-tiktok .social-card-link{color:#7cefe8}.social-twitch .social-card-link{color:#b998ff}
.footer-social{align-items:center}.footer-social a{display:inline-flex;align-items:center;gap:7px}.footer-social img{width:23px;height:23px;object-fit:contain}.live-avatar img{width:32px;height:32px;object-fit:contain}.live-avatar{background:#18111f}
@media(max-width:1050px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-card{padding:18px 14px;min-height:260px}.social-icon-wrap{width:65px;height:65px}.social-card-name{font-size:27px}.footer-social{gap:14px}}

/* Logos OSRT fournis par le crew */
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-logo{height:145px;margin:8px 0 16px;display:flex;align-items:center;justify-content:center}
.feature-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 15px #0008);transition:transform .25s ease}
.feature-card:hover .feature-logo img{transform:scale(1.055)}
.event-logo{width:min(45%,225px);top:18px;right:16px;opacity:1}
.event-logo img{width:100%;height:auto;max-height:170px;object-fit:contain;filter:drop-shadow(0 9px 20px #0008)}
.shop-art img{width:95%;max-height:350px;object-fit:contain;transform:none}
@media(max-width:780px){.feature-grid{grid-template-columns:1fr}.feature-logo{height:125px}.event-logo{width:42%}}
@media(min-width:781px) and (max-width:1100px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.feature-logo img{transition:none}}

/* OSRT Twitch : vrai lecteur et chat intégrés, avec prévisualisation locale explicite */
.stream-player{min-height:300px;aspect-ratio:16/9;overflow:hidden}
.stream-player iframe{height:100%;min-height:300px;width:100%;border:0;display:block;background:#000}
.stream-player .stream-fallback[hidden], .twitch-chat[hidden], .stream-chat-toggle[hidden]{display:none!important}
.stream-fallback{background:radial-gradient(circle at 50% 45%,#392355,#0d120e 72%);gap:12px}
.stream-fallback strong{color:#fff;line-height:1.25;max-width:330px;font-size:15px}
.stream-fallback p{max-width:390px;font-size:13px;line-height:1.6;color:#c8d6c5}
.stream-twitch-link{background:#9146ff;color:#fff!important;padding:12px 18px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.05em}
.stream-twitch-link:hover{background:#a66aff}
.stream-chat-toggle{background:#24202e;border:1px solid #9146ff;border-radius:7px;color:#e8d9ff;font:800 11px Outfit,Arial,sans-serif;padding:10px 13px;cursor:pointer;letter-spacing:.06em}
.stream-chat-toggle:hover,.stream-chat-toggle:focus-visible{background:#43315e}
.stream-foot{gap:12px;flex-wrap:wrap}
.twitch-chat{height:470px;background:#15141a;border-top:1px solid #44305b}
.twitch-chat iframe{display:block;width:100%;height:100%;border:0;min-width:0}
.stream-hint{padding:11px 17px;background:#111913;color:#9fac9d;font-size:11px;line-height:1.4;border-top:1px solid #2a3828}
@media(max-width:440px){.stream-player{min-height:300px}.stream-fallback{padding:15px}.stream-foot{font-size:9px}.stream-chat-toggle{font-size:10px}}