*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#241d2d;background:#f7f3ec;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.container{width:min(1120px,100% - 40px);margin:0 auto}.site-header{z-index:20;color:#fff;backdrop-filter:blur(12px);background:#191220f5;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:28px;min-height:78px;display:flex}.brand{align-items:center;gap:12px;line-height:1.2;text-decoration:none;display:flex}.brand-logo-frame{background:#ead9bb;border:1px solid #e0bd7d80;border-radius:12px;flex:0 0 54px;width:54px;height:54px;overflow:hidden;box-shadow:0 6px 18px #00000040}.brand-logo-frame img{object-fit:cover;transform-origin:top;width:100%;height:100%;transform:scale(1.42)}.brand strong,.brand small{display:block}.brand small{color:#c9c0ce;margin-top:4px;font-size:.75rem}nav{align-items:center;gap:26px;display:flex}nav a,.footer-links a{color:#eee9f1;font-size:.94rem;text-decoration:none}nav a:hover,.footer-links a:hover{color:#e0bd7d}.button{color:#201726;background:#d3a85d;border:1px solid #d3a85d;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-weight:750;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}.button:hover{background:#e1be7e;transform:translateY(-2px)}.button-small{min-height:40px;padding:0 18px;font-size:.9rem}.button-secondary{color:#fff;background:#110c1673;border-color:#ffffff8c}.button-secondary:hover{background:#ffffff1f}.hero{color:#fff;background:radial-gradient(circle at 76% 35%,#8139a173,#0000 34%),radial-gradient(circle at 18% 35%,#d3a85d61,#0000 32%),linear-gradient(125deg,#17101e 10%,#352044 55%,#15101d);align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000)}.hero-overlay{border:1px solid #d8ba8138;border-radius:50%;width:520px;height:520px;position:absolute;top:70px;right:-100px;box-shadow:0 0 0 70px #d8ba8109,0 0 0 140px #d8ba8105}.hero-content{z-index:2;padding-top:90px;padding-bottom:90px;position:relative}.eyebrow{color:#b680c9;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}.hero .eyebrow,.section-dark .eyebrow{color:#e0bd7d}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;max-width:840px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7vw,5.8rem);line-height:.98}h2{margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}h3{margin-bottom:10px;font-size:1.2rem}.hero-description{color:#ded7e2;max-width:690px;margin-bottom:34px;font-size:1.16rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.section{padding:100px 0}.section-heading{max-width:760px;margin-bottom:52px}.section-heading>p:last-child{color:#655d68;font-size:1.08rem}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:#fff;border:1px solid #ded5e3;border-radius:16px;padding:34px;box-shadow:0 18px 45px #2c1f3312}.card-icon{margin-bottom:20px;font-size:2.2rem}.card p,.step p{color:#6b626d;margin-bottom:0}.section-dark{color:#fff;background:#21172a}.split{grid-template-columns:1.35fr .85fr;align-items:center;gap:70px;display:grid}.split>div:first-child p{color:#d2c9d5;max-width:650px;font-size:1.05rem}.feature-panel{text-align:center;background:linear-gradient(145deg,#d3a85d1f,#0000),#ffffff0b;border:1px solid #ffffff24;border-radius:18px;padding:46px}.feature-number{color:#e0bd7d;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:4.5rem;font-weight:700;line-height:1}.feature-label{margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-equivalent{color:#bfb5c3;margin-bottom:28px;font-size:.9rem}.steps{grid-template-columns:repeat(3,1fr);gap:38px;display:grid}.step span{color:#f0ce92;background:#392444;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:22px;font-weight:800;display:grid}.shop-section{background:#ece3d4;padding:72px 0}.shop-content{justify-content:space-between;align-items:center;gap:50px;display:flex}.shop-content>div{max-width:690px}.shop-content p:last-child{color:#665c60;margin-bottom:0}.coming-soon{color:#5d452a;border:1px solid #8e7351;border-radius:999px;flex:none;padding:14px 22px;font-weight:750}footer{color:#fff;background:#16101c;padding:54px 0 24px}.footer-content{justify-content:space-between;gap:40px;display:flex}.footer-content p{color:#a99fac;margin:8px 0 0;font-size:.9rem}.footer-links{gap:24px;display:flex}.copyright{color:#918793;border-top:1px solid #ffffff1a;margin-top:38px;padding-top:20px;font-size:.82rem}@media (width<=900px){nav{display:none}.cards,.steps{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:42px}.shop-content,.footer-content{flex-direction:column;align-items:flex-start}}@media (width<=600px){.brand-logo-frame{border-radius:10px;flex-basis:46px;width:46px;height:46px}.container{width:min(100% - 28px,1120px)}.header-content{min-height:68px}.brand small{display:none}.button-small{padding:0 13px}.hero{min-height:610px}.hero-content{padding-top:70px;padding-bottom:70px}.hero-description{font-size:1rem}.hero-actions .button{width:100%}.section{padding:72px 0}.card,.feature-panel{padding:28px}.footer-links{flex-direction:column;gap:10px}}.hero{color:#fff;background-color:#17101e;background-image:linear-gradient(90deg,#0c0810a8 0%,#0f091485 25%,#120a183d 52%,#0c081012 78%,#0c08100a 100%),linear-gradient(#0000 56%,#0a070e52 100%),url(/images/hero-confrerie-mj.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#08060b0d 45%,#08060b40 100%);position:absolute;inset:0}.hero-overlay{display:none}.hero-content{z-index:2;position:relative}.hero h1,.hero-description{text-shadow:0 3px 14px #000000d1,0 1px 4px #000000f2}@media (width<=900px){.hero{background-position:58%}}@media (width<=600px){.hero{background-position:62%;min-height:640px}.hero:before{content:"";pointer-events:none;background:#0c08103d;position:absolute;inset:0}}.games-section{color:#fff;background:radial-gradient(circle at 92% 8%,#7037891c,#0000 30%),#21172a;position:relative;overflow:hidden}.games-heading{max-width:800px}.games-heading>p:last-child{color:#d2c9d5;font-size:1.08rem}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.game-card{background:linear-gradient(145deg,#ffffff17,#ffffff06);border:1px solid #ffffff26;border-radius:20px;min-height:410px;padding:38px;position:relative;overflow:hidden;box-shadow:0 24px 55px #00000038}.game-card:before{content:"";background:#ffffff0a;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-105px;right:-85px}.game-card-cyberpunk{background:linear-gradient(145deg,#226c9b36,#ffffff06)}.game-card-cthulhu{background:linear-gradient(145deg,#674a2945,#ffffff06)}.game-card-top{z-index:1;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex;position:relative}.game-status,.game-day{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.game-status{color:#21172a;background:#d3a85d}.game-day{color:#ddd3df;border:1px solid #ffffff3d}.game-icon{z-index:1;color:#e0bd7d;background:#0f0a146b;border:1px solid #e0bd7d80;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:24px;font-size:1.7rem;display:grid;position:relative}.game-card h3{z-index:1;margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.55rem);position:relative}.game-card p{z-index:1;color:#d2c9d5;position:relative}.game-schedule{border-bottom:1px solid #ffffff21;margin-bottom:20px;padding-bottom:20px}.game-schedule strong{color:#fff}.upcoming-games{background:#ffffff09;border:1px solid #ffffff1f;border-radius:20px;margin-top:64px;padding:38px}.upcoming-heading{margin-bottom:30px}.upcoming-heading h3{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,3vw,2.3rem)}.upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.upcoming-card{background:#ffffff0d;border-radius:14px;align-items:flex-start;gap:18px;padding:22px;display:flex}.upcoming-symbol{color:#e0bd7d;background:#d3a85d26;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.upcoming-card h4{margin:0 0 7px;font-size:1.03rem}.upcoming-card p{color:#bfb5c3;margin-bottom:0;font-size:.9rem}.practical-panel{color:#241d2d;background:#f2eadf;border-radius:20px;grid-template-columns:1fr 1.25fr;gap:48px;margin-top:64px;padding:44px;display:grid}.practical-location h3{margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,3vw,2.25rem)}.practical-location address{color:#665d68;font-style:normal}.practical-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.practical-list li{border-bottom:1px solid #d7ccbd;gap:3px;padding-bottom:17px;display:grid}.practical-list li:last-child{border-bottom:0;padding-bottom:0}.practical-list strong{color:#2c2233}.practical-list span{color:#716773;font-size:.88rem}.practical-actions{flex-wrap:wrap;grid-column:1/-1;gap:14px;padding-top:4px;display:flex}.button-muted{cursor:default;color:#756a72;background:0 0;border-color:#c6b8a7}.button-muted:hover{background:0 0;transform:none}@media (width<=900px){.games-grid,.upcoming-grid,.practical-panel{grid-template-columns:1fr}.practical-actions{grid-column:auto}}@media (width<=600px){.game-card,.upcoming-games,.practical-panel{padding:26px}.game-card{min-height:auto}.game-card-top{flex-direction:column;align-items:flex-start;gap:10px}.upcoming-card{padding:18px}.practical-actions .button{width:100%}}.participate-section{background:radial-gradient(circle at 8% 12%,#d3a85d1f,#0000 28%),#f7f3ec}.participation-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.participation-step{background:#fff;border:1px solid #ded5e3;border-radius:18px;align-items:flex-start;gap:20px;padding:30px;display:flex;position:relative;box-shadow:0 18px 45px #2c1f3312}.participation-number{color:#f0ce92;background:#392444;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.participation-step h3{margin-bottom:9px}.participation-step p{color:#6b626d;margin-bottom:0;font-size:.95rem}.contact-panel{color:#fff;background:#21172a;border-radius:22px;grid-template-columns:.9fr 1.1fr;gap:48px;margin-top:64px;padding:46px;display:grid;box-shadow:0 28px 65px #23172a2e}.contact-introduction h3{margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.5rem)}.contact-introduction>p:last-child{color:#cbc1ce}.contact-methods{gap:14px;display:grid}.contact-method{color:#fff;background:#ffffff0b;border:1px solid #ffffff21;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:flex}.contact-method:hover{background:#ffffff14;border-color:#e0bd7d99;transform:translateY(-2px)}.contact-symbol{color:#e0bd7d;background:#d3a85d29;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:800;display:grid}.contact-method small,.contact-method strong{display:block}.contact-method small{color:#aaa0ad;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:.75rem}.contact-method strong{font-size:.98rem}.contact-actions{flex-wrap:wrap;grid-column:1/-1;gap:14px;padding-top:4px;display:flex}.button-outline-dark{color:#fff;background:0 0;border-color:#ffffff7a}.button-outline-dark:hover{background:#ffffff1a}@media (width<=900px){.participation-steps,.contact-panel{grid-template-columns:1fr}.contact-actions{grid-column:auto}}@media (width<=600px){.participation-step{padding:24px}.contact-panel{padding:28px}.contact-actions .button{width:100%}}.footer-legal{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding-top:20px;font-size:.84rem;display:flex}.footer-legal a{color:inherit;opacity:.75;text-decoration:none}.footer-legal a:hover{opacity:1;text-decoration:underline}.footer-legal span{opacity:.35}.legal-site-header{color:#fff;background:#21172a}.legal-site-header-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1120px,100% - 40px);min-height:82px;margin:0 auto;display:flex}.legal-brand{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.legal-brand img{object-fit:cover;background:#ead9bb;border:1px solid #e0bd7d80;border-radius:11px;width:48px;height:48px}.legal-brand strong,.legal-brand small{display:block}.legal-brand strong{font-family:Georgia,Times New Roman,serif;font-size:1rem}.legal-brand small{color:#bdb3c0;margin-top:2px;font-size:.72rem}.legal-header-nav{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.legal-header-nav a{color:#e2dce4;font-size:.88rem;text-decoration:none}.legal-header-nav a:hover{color:#e0bd7d}.legal-main{background:radial-gradient(circle at 90% 6%,#7e4b941a,#0000 26%),#f7f3ec;min-height:70vh;padding:72px 0 88px}.legal-container{width:min(860px,100% - 40px);margin:0 auto}.legal-back-link{color:#604d67;margin-bottom:34px;font-weight:700;text-decoration:none;display:inline-flex}.legal-back-link:hover{text-decoration:underline}.legal-heading{margin-bottom:42px}.legal-heading h1{color:#291f30;margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,7vw,4rem);line-height:1.05}.legal-heading>p:last-child{color:#756b77;margin-bottom:0;font-size:.9rem}.legal-card{background:#fff;border:1px solid #ded5e3;border-radius:18px;margin-bottom:22px;padding:34px;box-shadow:0 16px 42px #2b1e320f}.legal-card h2{color:#2b2132;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.legal-card p,.legal-card li,.legal-card address{color:#645b66;line-height:1.75}.legal-card p:last-child,.legal-card ul:last-child{margin-bottom:0}.legal-card address{margin-bottom:18px;font-style:normal}.legal-card ul{padding-left:22px}.legal-card a{color:#68487a;font-weight:700}.legal-page-footer{color:#cfc6d1;background:#19121f;padding:28px 0}.legal-page-footer-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 40px);margin:0 auto;display:flex}.legal-page-footer p{margin:0;font-size:.84rem}.legal-page-footer nav{flex-wrap:wrap;gap:20px;display:flex}.legal-page-footer a{color:#cfc6d1;font-size:.84rem;text-decoration:none}.legal-page-footer a:hover{color:#fff;text-decoration:underline}@media (width<=720px){.legal-site-header-inner{flex-direction:column;align-items:flex-start;padding:18px 0}.legal-header-nav{gap:16px}.legal-main{padding:52px 0 68px}.legal-card{padding:26px}.legal-page-footer-inner{flex-direction:column;align-items:flex-start}}.mobile-menu{display:none}@media (width<=760px){html{scroll-padding-top:78px}body{overflow-x:hidden}.site-header{z-index:1000;position:sticky;top:0;overflow:visible}.header-inner{gap:8px;min-height:72px;padding-top:8px;padding-bottom:8px}.site-nav{display:none!important}.brand{gap:10px;min-width:0}.brand strong{white-space:nowrap;font-size:.88rem}.brand small{display:none}.brand-logo-frame{border-radius:10px;flex:0 0 42px;width:42px;height:42px}.site-header .header-inner>.button{white-space:nowrap;min-height:42px;padding:0 14px;font-size:.82rem}.mobile-menu{flex:none;display:block;position:relative}.mobile-menu summary{cursor:pointer;background:#ffffff0f;border:1px solid #e0bd7d6b;border-radius:10px;place-items:center;width:42px;height:42px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:hover,.mobile-menu[open] summary{background:#ffffff1a;border-color:#e0bd7dcc}.mobile-menu-bars{gap:4px;display:grid}.mobile-menu-bars span{background:#f0dfbf;border-radius:999px;width:19px;height:2px;transition:transform .16s,opacity .16s;display:block}.mobile-menu[open] .mobile-menu-bars span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu[open] .mobile-menu-bars span:nth-child(2){opacity:0}.mobile-menu[open] .mobile-menu-bars span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu nav{background:#21172a;border:1px solid #e0bd7d4d;border-radius:14px;width:min(280px,100vw - 28px);padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 45px #0000005c}.mobile-menu nav a{color:#eee7ef;border-radius:9px;align-items:center;min-height:46px;padding:0 14px;font-size:.94rem;font-weight:700;text-decoration:none;display:flex}.mobile-menu nav a:hover{color:#fff;background:#ffffff14}.mobile-menu nav .mobile-menu-join{color:#21172a;text-align:center;background:#d3a85d;justify-content:center;margin-top:8px}.mobile-menu nav .mobile-menu-join:hover{color:#21172a;background:#e0bd7d}.hero{background-position:58%;min-height:590px}.hero-content{max-width:none;padding-top:68px;padding-bottom:54px}.hero h1{letter-spacing:-.025em;max-width:100%;font-size:clamp(2.7rem,12.5vw,3.35rem);line-height:.96}.hero-content>p{font-size:1rem;line-height:1.55}.hero-actions{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.hero-actions .button{text-align:center;width:100%;min-height:48px}.section{padding-top:68px;padding-bottom:68px}.section-heading{margin-bottom:32px}.games-grid,.upcoming-grid,.participation-steps{gap:18px}.game-card,.upcoming-games,.practical-panel,.participation-step,.contact-panel{padding:24px}.practical-actions .button,.contact-actions .button{text-align:center;width:100%;min-height:48px}.contact-method{align-items:flex-start}.contact-method strong{overflow-wrap:anywhere}.footer-legal{padding-left:14px;padding-right:14px;line-height:1.5}}@media (width<=360px){.site-header .header-inner>.button{display:none}.brand strong{font-size:.82rem}}.not-found-page{color:#fff;text-align:center;background:linear-gradient(90deg,#140d1bf5 0%,#1f1427db 48%,#1f14279e 100%),url(/images/hero-confrerie-mj.webp) 50%/cover no-repeat;place-items:center;min-height:100vh;padding:56px 20px;display:grid;overflow:hidden}.not-found-container{backdrop-filter:blur(8px);background:#180f1fd1;border:1px solid #e0bd7d47;border-radius:26px;width:min(760px,100%);padding:clamp(30px,6vw,58px);box-shadow:0 28px 80px #0000006b}.not-found-brand{color:#fff;align-items:center;gap:14px;margin-bottom:34px;font-family:Georgia,Times New Roman,serif;font-weight:700;text-decoration:none;display:inline-flex}.not-found-brand img{object-fit:cover;border:1px solid #e0bd7d8c;border-radius:14px;width:62px;height:62px}.not-found-code{color:#e0bd7d38;letter-spacing:-.08em;margin-bottom:6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(6rem,24vw,12rem);font-weight:800;line-height:.76}.not-found-page h1{max-width:650px;margin:0 auto 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,7vw,4rem);line-height:1.05}.not-found-description{color:#d5ccd8;max-width:610px;margin:0 auto;font-size:1.05rem;line-height:1.7}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}@media (width<=600px){.not-found-page{padding:24px 16px}.not-found-container{padding:30px 22px}.not-found-brand{margin-bottom:28px}.not-found-actions{grid-template-columns:1fr;display:grid}.not-found-actions .button{width:100%}}html{width:100%;min-height:100%}body{width:100%;min-height:100%;margin:0}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
