/* Fonts: self-hosted (latin, variable), SIL OFL */ @font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"JetBrains Mono";src:url(fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Oxanium";src:url(fonts/oxanium.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* thrill1.fr — design v2 « crypto-terminal » */ :root{ --bg:#1b1d29; --panel:#202433; --panel-2:#262c3e; --line:#2c3247; --line-2:#3a415b; --text:#eef0f6; --muted:#a0acc7; --mint:#5cffc1; --mint-d:#2fe0a0; --violet:#5956ff; --violet-l:#8f8cff; --red:#ff5c7a; --w:1200px; --g:16px; --r:4px; --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --display:"Oxanium","Inter",sans-serif; --toc-h:46px; } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:72px} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.62 var(--sans);-webkit-font-smoothing:antialiased; background-image:linear-gradient(rgba(92,255,193,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,255,193,.035) 1px,transparent 1px);background-size:48px 48px} img{max-width:100%;height:auto;display:block} a{color:var(--mint)} a:hover{color:#b6ffe5} :focus-visible{outline:2px solid var(--violet-l);outline-offset:2px} .sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .skip{position:absolute;left:8px;top:-60px;z-index:200;background:var(--mint);color:#06130d;padding:8px 14px;font-weight:700} .skip:focus{top:8px} .wrap{max-width:var(--w);margin:0 auto;padding:0 var(--g)} .mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums} /* Buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r);font:600 15px var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s} .btn-primary{background:var(--mint);color:#06130d} .btn-primary:hover{background:#9dffdc;color:#06130d} .btn-ghost{background:transparent;color:var(--text);border-color:var(--line-2)} .btn-ghost:hover{border-color:var(--mint);color:var(--text)} /* Header: bar + mega */ .site-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(10px);background:rgba(27,29,41,.96);border-bottom:1px solid var(--line)} .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;gap:16px} .switch ul{list-style:none;margin:0;padding:3px;display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r)} .switch a{display:block;padding:6px 14px;font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-decoration:none;border-radius:2px} .switch a:hover,.switch a[aria-current="page"]{background:var(--panel-2);color:var(--mint)} .logo{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none} .logo svg{width:92px;height:auto;color:#fff} .logo small{font:600 11px var(--mono);color:#06130d;background:var(--mint);padding:1px 6px;border-radius:2px;text-transform:uppercase} .bar-end{display:flex;justify-content:flex-end;align-items:center;gap:10px} .menu-top{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:transparent;border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);font:600 13px var(--mono);text-transform:uppercase;cursor:pointer} .menu-top:hover{border-color:var(--mint)} .burger{width:16px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative} .burger::after{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor} .header-cta{min-height:40px;padding:0 16px;font-size:14px} .mega{display:none;position:absolute;left:0;right:0;top:100%;background:#202433;border-bottom:1px solid var(--line-2);box-shadow:0 20px 40px rgba(0,0,0,.5)} .mega.open{display:block} .mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:22px;padding-bottom:26px} .mega-h{margin:0 0 8px;font:600 12px var(--mono);color:var(--mint);text-transform:uppercase;letter-spacing:.6px} .mega ul{list-style:none;margin:0;padding:0} .mega a{display:block;padding:5px 0;color:var(--text);text-decoration:none;font-size:15px} .mega a:hover,.mega a[aria-current="page"]{color:var(--mint)} /* Hero */ .hero{padding:34px var(--g) 26px} .crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font:12px var(--mono);color:var(--muted)} .crumbs li+li::before{content:"/ ";color:var(--line-2)} .crumbs a{color:var(--muted);text-decoration:none} .crumbs a:hover{color:var(--mint)} .prompt{margin:0 0 12px;font:13px var(--mono);color:var(--muted)} .prompt span{color:var(--mint);margin-right:6px} h1{font:700 clamp(30px,4.4vw,52px)/1.06 var(--display);margin:0 0 16px;max-width:22ch;letter-spacing:.2px} h1 em{font-style:normal;color:var(--mint)} .lead{font-size:18px;color:#d5d8e4;margin:0 0 12px;max-width:72ch} .updated{margin:0 0 20px;font:12px var(--mono);color:var(--muted)} .updated::before{content:"● ";color:var(--mint)} .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px} .metrics-wrap{border:1px solid var(--line-2);background:var(--panel)} table.metrics{display:block;width:100%;border-collapse:collapse} .metrics caption{display:none} .metrics thead{display:block;border-bottom:1px solid var(--line)} .metrics thead tr{display:flex;justify-content:space-between;padding:8px 14px} .metrics thead th{font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:0} .metrics tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} .metrics tbody tr{display:flex;flex-direction:column;gap:4px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)} .metrics th,.metrics td{border:0} .metrics tbody th{font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:0} .metrics tbody td{font:700 24px/1.15 var(--display);color:var(--mint);padding:0} .metrics td small{display:block;font:12px var(--mono);color:var(--muted)} /* TOC bar */ .progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;pointer-events:none} .progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--mint),var(--violet))} /* Content */ .content{padding-top:12px;padding-bottom:64px} .blk{position:relative;padding:34px 0 30px;border-top:1px dashed var(--line-2)} .blk:first-child{border-top:0} .blk::before{content:"[" attr(data-n) "]";position:absolute;top:12px;right:0;font:12px var(--mono);color:var(--line-2)} h2{font:700 clamp(24px,3vw,34px)/1.15 var(--display);margin:0 0 14px;max-width:30ch} h3{font:700 20px/1.25 var(--display);margin:26px 0 10px;color:#e6e8f2} h3::before{content:"// ";color:var(--violet-l);font-family:var(--mono);font-size:15px} p{margin:0 0 14px;max-width:78ch} .note{font-size:14px;color:var(--muted)} .content .list{list-style:none;padding:0;margin:0 0 18px;max-width:78ch} .content .list li{position:relative;padding-left:22px;margin-bottom:7px} .content .list li::before{content:"›";position:absolute;left:4px;top:-1px;color:var(--mint);font:700 17px var(--mono)} /* Steps: timeline */ .steps{list-style:none;padding:0;margin:4px 0 20px;counter-reset:s;max-width:78ch;position:relative} .steps::before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--mint),var(--violet))} .steps li{counter-increment:s;position:relative;padding:8px 0 8px 64px;margin:0} .steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:4px;top:7px;width:36px;height:24px;display:grid;place-items:center;font:600 12px var(--mono);color:#06130d;background:var(--mint);border-radius:2px} .steps li span::before{content:"› ";color:var(--muted);font-family:var(--mono)} /* Tables */ .table-wrap{overflow-x:auto;border:1px solid var(--line-2);margin:0 0 18px;background:var(--panel)} table{width:100%;border-collapse:collapse;font-size:15px} table.wide{min-width:640px} th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top} table.data thead th{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#1e2130;border-bottom:1px solid var(--line-2)} table.data tbody th{font-weight:600} table.data tbody tr:nth-child(even){background:rgba(255,255,255,.015)} table.data tbody tr:hover{background:rgba(92,255,193,.04)} tbody tr:last-child>*{border-bottom:0} table.kv tbody th{color:var(--muted);font-weight:500;width:42%} table.kv td{font-family:var(--mono);font-size:14px} /* Meters & bars */ .meter,.sbar{display:inline-block;vertical-align:middle;width:110px;height:6px;background:var(--line);margin-right:10px;border-radius:1px;overflow:hidden} .meter i,.sbar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--violet))} .sbar i{background:linear-gradient(90deg,var(--violet),var(--mint))} .meter-table td.num,.speed-table td.num{white-space:nowrap} /* VIP track */ .track-wrap{margin:0 0 20px;border:1px solid var(--line-2);background:var(--panel)} table.track{display:block} .track thead{display:block;border-bottom:1px solid var(--line)} .track thead tr{display:flex;gap:24px;padding:8px 14px} .track thead th{padding:0;border:0;font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.6px} .track tbody{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))} .track tbody tr{display:flex;flex-direction:column;gap:2px;padding:12px 10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative} .track tbody tr::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--line-2)} .track tbody th,.track tbody td{padding:0;border:0} .track tbody th{font:700 14px var(--display)} .track tbody td{font:12px var(--mono);color:var(--muted)} .track tbody td:last-child{color:var(--mint)} .track .t-bronze::before{background:#c98a5a}.track .t-silver::before{background:#c8ccd8}.track .t-gold::before{background:#f2c94c} .track .t-platinum::before{background:#9ad3e0}.track .t-emerald::before{background:#3ddc97}.track .t-diamond::before{background:#8fb8ff}.track .t-obsidian::before{background:var(--violet)} /* Calendar */ .cal th,.cal td{text-align:center;font-size:14px} .cal td{min-width:110px} .cal tbody th{text-align:left;font:600 12px var(--mono);color:var(--muted);text-transform:uppercase} .cal td:not(:empty){color:var(--text)} .cal td strong{display:block;font:700 15px var(--display);color:var(--mint)} /* Provably fair demo */ .pf-demo{border:1px solid var(--line-2);background:#202433;padding:16px;margin:0 0 20px;display:grid;gap:10px;max-width:880px} .pf-row{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:center} .pf-row label{font:600 12px var(--mono);color:var(--muted);text-transform:uppercase} .pf-row input{width:100%;height:38px;padding:0 10px;background:var(--panel);border:1px solid var(--line-2);border-radius:2px;color:var(--text);font:13px var(--mono)} .pf-row input:focus{border-color:var(--mint);outline:none} .pf-actions{display:flex;flex-wrap:wrap;gap:8px} .pf-out{display:grid;grid-template-columns:170px 1fr;gap:6px 12px;padding:12px;border:1px dashed var(--line-2)} .pf-k{font:600 12px var(--mono);color:var(--muted);text-transform:uppercase} .pf-out code{font:12px/1.5 var(--mono);color:var(--mint);word-break:break-all} .pf-roll{font-size:22px!important;font-weight:600} .pf-demo .note{margin:0} /* Keys (catégories) */ .keys{margin:0 0 20px} .content .keys ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .keys li{min-width:0} .keys a{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--line-2);background:var(--panel);color:var(--text);text-decoration:none;border-radius:var(--r);height:100%} .keys a:hover{border-color:var(--mint);background:rgba(92,255,193,.05)} .keys svg{grid-row:1 / 3;width:26px;height:26px;fill:none;stroke:var(--mint);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .keys b{font-weight:600;font-size:14px;line-height:1.2} .keys small{font:11px var(--mono);color:var(--muted)} /* Games */ .carousel{position:relative;margin:0 0 20px} .content ul.games-grid{list-style:none;margin:0;padding:0 0 4px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 50px) / 6);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain} .content ul.games-grid::-webkit-scrollbar{display:none} .games-grid>li{scroll-snap-align:start} .car-btn{position:absolute;top:calc(50% - 60px);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:rgba(38,44,62,.95);color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:opacity .15s,background .15s} .car-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .car-btn:hover{background:var(--panel-2);color:var(--mint)} .car-btn:focus-visible{outline:2px solid var(--mint);outline-offset:2px} .car-prev{left:-14px}.car-next{right:-14px} .car-btn[disabled]{opacity:0;pointer-events:none} .games-grid>li{min-width:0} .gcard{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);padding:6px;height:100%} .gcard .cover{position:relative;aspect-ratio:3/4;background:var(--panel-2);overflow:hidden} .gcard .cover img{width:100%;height:100%;object-fit:cover} .rtp-badge{position:absolute;left:6px;top:6px;padding:2px 6px;font:600 11px var(--mono);color:#06130d;background:var(--mint);border-radius:2px} .gcard h3,.gcard h4{margin:8px 2px 0;font:600 13px/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gcard h3::before,.gcard h4::before{content:none} .gcard p{margin:0 2px 8px;font:11px var(--mono);color:var(--muted)} .gcard .actions{margin-top:auto;display:flex;gap:4px} .act{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:2px;font:600 12px var(--mono);text-transform:uppercase;text-decoration:none;cursor:pointer} .act-play{background:var(--mint);color:#06130d;border:0} .act-play:hover{background:#9dffdc;color:#06130d} .act-demo{background:transparent;color:var(--text);border:1px solid var(--line-2)} .act-demo:hover{border-color:var(--violet-l);color:var(--violet-l)} /* Tickets (offres) */ .content ul.tickets{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px} .ticket{display:grid;grid-template-columns:1.1fr .8fr 1.6fr auto;gap:18px;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--line-2);border-left:3px solid var(--mint)} .ticket:hover{border-color:var(--mint)} .t-tag{margin:0 0 4px;font:600 11px var(--mono);color:var(--violet-l);text-transform:uppercase;letter-spacing:.5px} .ticket h3,.ticket h4{margin:0;font:700 18px/1.2 var(--display)} .ticket h3::before,.ticket h4::before{content:none} .t-num{margin:0;font:700 30px/1 var(--display);color:var(--mint)} .t-sub{margin:4px 0 0;font:12px var(--mono);color:var(--muted)} .t-body p{margin:0 0 8px;font-size:14px} .content ul.t-terms{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .t-terms li{margin:0;padding:2px 8px;border:1px solid var(--line-2);font:11px var(--mono);color:var(--text)} .t-terms span{color:var(--muted)} .t-act{display:flex;flex-direction:column;gap:8px;align-items:stretch} .t-more{font:12px var(--mono);text-align:center} /* CTA line */ .cta-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px dashed var(--mint);margin:0 0 18px} .cta-line p{margin:0;font:600 14px var(--mono)} /* Legal */ .blk.legal{border:1px solid rgba(255,92,122,.45);background:rgba(255,92,122,.05);padding:28px 20px 16px;margin:20px 0} .blk.legal h2{color:#ff9db0} .blk.legal::before{content:"[!] " attr(data-n);color:var(--red);right:14px} /* FAQ */ .faq details{border-left:2px solid var(--line-2);margin:0 0 8px;padding:0 0 0 14px;max-width:880px} .faq details[open]{border-left-color:var(--mint)} .faq summary{cursor:pointer;list-style:none;padding:10px 0;font-weight:600} .faq summary::-webkit-details-marker{display:none} .faq summary::before{content:"> ";font-family:var(--mono);color:var(--mint)} .faq details p{margin:0 0 12px;color:#d5d8e4} .faq details p::before{content:"← ";font-family:var(--mono);color:var(--violet-l)} /* Footer */ .site-footer{background:#171923;border-top:1px solid var(--line-2);padding:34px 0 40px;font-size:14px;color:var(--muted)} .site-footer h2{font:600 12px var(--mono);color:var(--mint);text-transform:uppercase;letter-spacing:.6px;margin:0 0 10px} .op-card{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:26px} .op-id,.op-rg{border:1px solid var(--line-2);padding:16px;background:var(--panel)} .foot-logo{display:inline-block;margin:0 0 12px} .foot-logo svg{width:84px;height:auto;color:#fff} .op-table{font-size:13px} .op-table thead th{font:600 10px var(--mono);color:var(--muted);text-transform:uppercase;padding:4px 8px} .op-table th,.op-table td{padding:6px 8px} .op-table tbody th{color:var(--muted);font-weight:500;width:38%} .op-table td{font-family:var(--mono);color:var(--text)} .age{display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid var(--red);color:#fff;font:700 11px var(--mono);margin-right:8px;vertical-align:middle} .op-rg h2{display:flex;align-items:center} .sitemap{display:grid;gap:10px;margin-bottom:22px} .sm-row{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)} .sm-row h2{margin:0} .sm-row ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .sm-row a{display:inline-block;padding:3px 9px;border:1px solid var(--line-2);color:var(--text);text-decoration:none;font-size:13px} .sm-row a:hover{border-color:var(--mint);color:var(--mint)} .foot-legal{margin:0;font:12px var(--mono)} .site-footer a{color:var(--mint)} /* Mobile tab bar */ .tabbar{display:none} @media (max-width:1024px){ .track tbody{grid-template-columns:repeat(4,minmax(0,1fr))} .content ul.games-grid{grid-auto-columns:calc((100% - 30px) / 4)} .content .keys ul{grid-template-columns:repeat(3,minmax(0,1fr))} .ticket{grid-template-columns:1fr 1fr;align-items:start} .t-act{flex-direction:row;align-items:center} .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:860px){ .bar{grid-template-columns:auto 1fr;min-height:56px} .switch,.menu-top,.header-cta{display:none} .logo{justify-self:start} .mega{position:fixed;top:auto;bottom:64px;max-height:70vh;overflow:auto;border-top:1px solid var(--line-2)} .op-card{grid-template-columns:1fr} .sm-row{grid-template-columns:1fr;gap:6px} .tabbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(43,52,75,.97);border-top:1px solid var(--line-2);padding-bottom:env(safe-area-inset-bottom)} .tabbar ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)} .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;min-height:58px;color:var(--muted);text-decoration:none;background:none;border:0;font:600 10px var(--mono);text-transform:uppercase;cursor:pointer;width:100%} .tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .tabbar a[aria-current="page"],.tabbar a:hover,.tabbar button[aria-expanded="true"]{color:var(--mint)} .tabbar li:last-child a{color:#06130d;background:var(--mint)} body{padding-bottom:70px} .cal-wrap{overflow:visible} table.cal,.cal tbody,.cal tr,.cal td,.cal th{display:block;width:100%;min-width:0} .cal thead{display:none} .cal tbody tr{border-bottom:1px solid var(--line)} .cal tbody th{padding:10px 14px 4px} .cal td{text-align:left;padding:6px 14px;border:0} .cal td[data-day]::before{content:attr(data-day) " · ";font:600 11px var(--mono);color:var(--violet-l);text-transform:uppercase} .pf-row,.pf-out{grid-template-columns:1fr} } @media (max-width:560px){ .track tbody{grid-template-columns:repeat(2,minmax(0,1fr))} .content ul.games-grid{grid-auto-columns:calc((100% - 20px) / 2.3)} .car-btn{display:none} .content .keys ul{grid-template-columns:repeat(2,minmax(0,1fr))} .ticket{grid-template-columns:1fr} .metrics tbody{grid-template-columns:repeat(2,minmax(0,1fr))} .blk::before{display:none} } @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} .cal thead th{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#1e2130;border-bottom:1px solid var(--line-2)} @media (max-width:560px){.metrics tbody td{font-size:19px}} @media (max-width:560px){ .meter-table th:nth-child(2),.meter-table td:nth-child(2){display:none} .meter,.sbar{width:60px;margin-right:6px} table.data{font-size:14px} th,td{padding:9px 10px} } /* ===== v2.1 : formes arrondies (comme thrill.com : boutons en pilule, cartes 16 px, panneaux 24 px) ===== */ :root{--r:12px;--r-card:16px;--r-panel:24px;--pill:999px} .btn,.menu-top,.header-cta,.act,.switch ul,.switch a,.steps li::before{border-radius:var(--pill)} .meter,.sbar,.meter i,.sbar i{border-radius:var(--pill)} .table-wrap,.metrics-wrap,.track-wrap,.pf-demo,.op-id,.op-rg,.cta-line,.blk.legal{border-radius:var(--r-panel)} .metrics-wrap,.track-wrap{overflow:hidden} .gcard,.keys a,.ticket{border-radius:var(--r-card)} .gcard .cover{border-radius:12px} .ticket{border-left-width:1px;position:relative;overflow:hidden} .ticket::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mint)} .pf-row input,.pf-out,.calc input,.calc select{border-radius:var(--r)} .faq details{border-left:0;border:1px solid var(--line);border-radius:var(--r-card);padding:0 16px;background:var(--panel)} .faq details[open]{border-color:var(--mint)} .age{border-radius:50%} .mega{border-radius:0 0 var(--r-panel) var(--r-panel)} .blk.legal{padding:28px 24px 16px} .cal-wrap{border-radius:var(--r-panel)} @media (max-width:860px){ .mega{border-radius:var(--r-panel) var(--r-panel) 0 0} .tabbar li:last-child a{border-radius:16px;margin:6px 6px 6px 0;min-height:46px;padding:4px 2px} } /* Erreurs fréquentes */ table.errs tbody th{font-weight:600;color:#ffd1da} table.errs .x{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:rgba(255,92,122,.16);color:var(--red);font:700 12px var(--mono);vertical-align:1px} table.errs .ok{color:var(--mint);font-weight:700;margin-right:6px} @media (max-width:700px){ table.errs,table.errs tbody,table.errs tr,table.errs th,table.errs td{display:block;width:100%} table.errs thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} table.errs tbody tr{padding:12px 14px;border-bottom:1px solid var(--line)} table.errs tbody tr:last-child{border-bottom:0} table.errs th,table.errs td{padding:2px 0;border:0} table.errs td:nth-of-type(1){color:var(--muted);font-size:14px;padding-left:28px} table.errs td:nth-of-type(2){padding-left:28px} } /* Calculateurs */ .calc{border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(89,86,255,.10),rgba(92,255,193,.04));padding:18px;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:880px;border-radius:var(--r-panel)} .calc-row{display:grid;gap:6px} .calc-row label{font:600 12px var(--mono);color:var(--muted);text-transform:uppercase} .calc input,.calc select{width:100%;height:44px;padding:0 12px;background:var(--bg);border:1px solid var(--line-2);color:var(--text);font:15px var(--mono)} .calc input:focus,.calc select:focus{border-color:var(--mint);outline:none} .calc-out{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px} .calc-out .cell{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card)} .calc-k{font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px} .calc-out b{font:700 22px/1.15 var(--display);color:var(--mint);word-break:break-word} .calc .note{grid-column:1 / -1;margin:0} .calc-tbl{grid-column:1 / -1;margin:0;max-height:420px;overflow:auto;border-radius:var(--r-card)} .calc-tbl table{width:100%;margin:0} /* Voir aussi */ .related nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px} .related nav a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--panel);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s} .related nav a:hover{border-color:var(--mint);transform:translateY(-2px)} .related nav b{font:700 16px/1.2 var(--display)} .related nav b::after{content:" →";color:var(--mint)} .related nav small{font-size:13px;color:var(--muted)} /* Paiements (footer) */ .pay{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);margin-bottom:10px} .pay h2{margin:0} .pay ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px} .pay img{width:28px;height:28px} @media (max-width:860px){.pay{grid-template-columns:1fr}} #cx-src{font:600 15px/1.3 var(--sans)} /* Captures d'écran */ .content img.shot{width:100%;height:auto;margin:4px 0 20px;border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--panel)} .content img.shot.narrow{width:auto;max-width:min(100%,420px)} /* Hero art */ .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:center} .hero-art{position:relative;justify-self:center;margin-bottom:26px} .hero-art img{display:block;border-radius:var(--r-card);box-shadow:0 18px 50px rgba(0,0,0,.5)} .hero-art.cover1 img{width:240px;height:auto;transform:rotate(3deg);outline:1px solid rgba(255,255,255,.08)} .hero-art.cover1::before{content:"";position:absolute;inset:-18px;border-radius:28px;background:radial-gradient(closest-side,rgba(92,255,193,.25),transparent);z-index:-1} .hero-art.fan{width:340px;height:300px} .hero-art.fan img{position:absolute;top:20px;width:180px;height:auto} .hero-art.fan img:nth-child(1){left:0;transform:rotate(-10deg);top:40px} .hero-art.fan img:nth-child(2){left:80px;z-index:2;top:0} .hero-art.fan img:nth-child(3){left:160px;transform:rotate(10deg);top:40px} .hero-art.shot1 img{width:300px;height:auto;border:1px solid var(--line-2)} .hero-art.art{width:300px;height:300px;border-radius:var(--r-panel);border:1px solid var(--line-2);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px; background:radial-gradient(120% 90% at 30% 0%,rgba(89,86,255,.55) 0%,#1b1d29 55%,#1e2130 100%)} .hero-art.art .g{position:absolute;inset:0;background-image:linear-gradient(rgba(92,255,193,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(92,255,193,.07) 1px,transparent 1px);background-size:24px 24px} .hero-art.art svg{position:relative;width:150px;height:150px;fill:none;stroke:var(--mint);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px rgba(92,255,193,.35))} .hero-art.art span{position:relative;font:600 12px var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--mint)} .hero-art.coins{flex-direction:row;flex-wrap:wrap;gap:6px;padding:40px 30px 0} .hero-art.coins img{position:relative;width:80px;height:80px;box-shadow:none;border-radius:50%;background:#1e2130} .hero-art.coins span{flex-basis:100%;text-align:center} @media (max-width:1024px){.hero-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.hero-art.fan{transform:scale(.75);transform-origin:center}.hero-art.cover1 img{width:200px}.hero-art.art{width:240px;height:240px}.hero-art.shot1 img{width:240px}} @media (max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero-art.cover1,.hero-art.fan{display:block;justify-self:start}.hero-art.cover1 img{width:150px;transform:none}.hero-art.fan{transform:scale(.6);transform-origin:left top;height:180px;margin-bottom:0}} /* Sommaire statique, replié */ .toc{margin-top:4px;margin-bottom:6px} .toc details{border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--panel)} .toc summary{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;list-style:none;font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--text)} .toc summary::-webkit-details-marker{display:none} .toc summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:rotate(-45deg);transition:transform .15s} .toc details[open] summary::before{transform:rotate(45deg)} .toc-n{margin-left:auto;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)} .toc ol{list-style:none;margin:0;padding:4px 16px 14px;columns:3 220px;column-gap:24px;counter-reset:t;border-top:1px solid var(--line)} .toc li{break-inside:avoid;counter-increment:t;padding:4px 0} .toc a{display:flex;gap:8px;color:var(--muted);text-decoration:none;font-size:14px;line-height:1.35} .toc a::before{content:counter(t,decimal-leading-zero);font:12px/1.6 var(--mono);color:var(--violet-l)} .toc a:hover{color:var(--mint)} @media (max-width:860px){html{scroll-padding-top:70px}} .content img.shot.comp{border:0;background:none;border-radius:24px} /* CTA en