:root{--ink:#0a0918;--ink-2:#12102a;--ink-3:#1a1740;--line:rgba(168,150,255,.14);--txt:#f4f2ff;--muted:#a49dce;--violet:#8b5cf6;--violet-2:#6d28d9;--amber:#fbbf24;--cyan:#22d3ee;--good:#34d399;--bad:#7c8296;--maxw:1200px;--sans:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;--logo:url('/images/logo.png?v=2');--hero-img:url('/images/hero/bar-ambiance.jpg');--shot-tv:url('/images/hero/tv-geoquiz.png');--shot-tv-qz:url('/images/hero/tv-quiz.png');--shot-tv-fd:url('/images/hero/tv-feud.png');--shot-tv-dl:url('/images/hero/tv-duel.png');--shot-tv-bt:url('/images/hero/tv-blindtest.png');--shot-player:url('/images/hero/ph-geoquiz.png');--shot-player-qz:url('/images/hero/ph-quiz.png');--shot-player-fd:url('/images/hero/ph-feud.png');--shot-player-dl:url('/images/hero/ph-duel.png');--shot-player-bt:url('/images/hero/ph-blindtest.png')}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}#bg{position:fixed;inset:-14%;z-index:-1;pointer-events:none;background:radial-gradient(130% 120% at 50% 22%,transparent 46%,rgba(0,0,0,.62)),radial-gradient(40% 32% at 12% 6%,rgba(124,58,237,.32),transparent 70%),radial-gradient(34% 28% at 88% 2%,rgba(34,211,238,.16),transparent 70%),radial-gradient(32% 30% at 80% 58%,rgba(162,56,255,.18),transparent 72%),radial-gradient(34% 28% at 6% 72%,rgba(251,191,36,.1),transparent 72%),radial-gradient(48% 40% at 50% 118%,rgba(124,58,237,.16),transparent 70%),var(--ink);animation:28s ease-in-out infinite alternate bgfloat}@keyframes bgfloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-2.2%,0) scale(1.05)}}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--violet);display:inline-flex;align-items:center;gap:.55rem}.eyebrow::before{content:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800;font-size:1rem;padding:1rem 1.8rem;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s}.btn-primary{background:linear-gradient(135deg,#a238ff,#6d28d9);color:#fff;box-shadow:0 12px 34px rgba(124,58,237,.45)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(124,58,237,.6)}.btn-ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--txt)}.btn-ghost:hover{background:rgba(255,255,255,.08)}.section{padding:clamp(3.2rem,7vw,6rem) 0}.sec-top{max-width:36rem;margin-bottom:2.6rem}.h2{font-weight:900;letter-spacing:-.03em;line-height:1;font-size:clamp(2.1rem,5vw,3.5rem);margin-top:1rem;text-wrap:balance}.sub{color:var(--muted);font-size:clamp(1rem,1.5vw,1.15rem);margin-top:1rem;max-width:52ch}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);max-width:var(--maxw);margin:0 auto}nav{position:sticky;top:0;z-index:50;background:rgba(10,9,24,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:.55rem;font-weight:900;letter-spacing:.02em;font-size:1.3rem;color:var(--txt)}.logo .logo-img{width:30px;height:30px;background:var(--logo,none) center/contain no-repeat;flex:0 0 auto}.nav-links{display:flex;align-items:center;gap:1.35rem;font-weight:600;color:var(--muted)}.nav-login{color:var(--txt);font-weight:700}.nav-links a:hover{color:var(--txt)}.nav-cta{background:linear-gradient(135deg,#a238ff,#6d28d9);color:#fff;padding:.6rem 1.3rem;border-radius:999px;font-weight:800}.hero{position:relative;padding:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,5vw,3.5rem);overflow:hidden}.hero::before{content:"";position:absolute;inset:-30% -10% auto -10%;height:80%;background:radial-gradient(60% 60% at 30% 20%,rgba(124,58,237,.35),transparent 70%),radial-gradient(50% 50% at 85% 10%,rgba(34,211,238,.14),transparent 70%);pointer-events:none;filter:blur(2px);z-index:0}.hero-photo{position:absolute;inset:0;z-index:-1;background-image:var(--hero-img,none);background-size:cover;background-position:center;opacity:.6}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,24,.45),rgba(10,9,24,.72) 62%,var(--ink)),radial-gradient(70% 90% at 28% 18%,rgba(124,58,237,.4),transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}}.h1{font-weight:900;letter-spacing:-.035em;line-height:.95;text-wrap:balance;font-size:clamp(2.9rem,7.5vw,5.2rem);margin:1.3rem 0 0}.h1 .accent{background:linear-gradient(120deg,#a238ff 10%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:36ch;margin-top:1.4rem}.hero-cta{display:flex;gap:.9rem;margin-top:2rem;flex-wrap:wrap}.hero-note{margin-top:1.1rem;color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.hero-note b{color:var(--amber)}.device{position:relative;width:100%;max-width:540px;margin:0 auto;filter:drop-shadow(0 40px 70px rgba(0,0,0,.55))}.tv{background:#0c0a1f;border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/9;padding:6px}.tv .shot{position:absolute;inset:6px;border-radius:10px;background-size:cover;background-position:center;opacity:0;transition:opacity .8s}.tv .shot.active{opacity:1}.shot-geoquiz{background-image:var(--shot-tv,none)}.shot-blindtest{background-image:var(--shot-tv-bt,none)}.phone-frame{position:absolute;right:3%;bottom:-6%;width:22%;aspect-ratio:390/844;background:#0e0c24;border:2px solid rgba(168,150,255,.28);border-radius:24px;box-shadow:0 24px 50px rgba(0,0,0,.65);padding:5px;overflow:hidden}.phone-frame .shot{position:absolute;inset:5px;border-radius:18px;background-size:cover;background-position:top center;opacity:0;transition:opacity .8s}.phone-frame .shot.active{opacity:1}.shotp-geoquiz{background-image:var(--shot-player,none)}.shotp-blindtest{background-image:var(--shot-player-bt,none)}.shot-quiz{background-image:var(--shot-tv-qz,none)}.shotp-quiz{background-image:var(--shot-player-qz,none)}.shot-feud{background-image:var(--shot-tv-fd,none)}.shotp-feud{background-image:var(--shot-player-fd,none)}.shot-duel{background-image:var(--shot-tv-dl,none)}.shotp-duel{background-image:var(--shot-player-dl,none)}@media(max-width:1100px){.hero{padding-bottom:5rem}.device{max-width:500px}.phone-frame{width:26%;right:4%;bottom:-7%}}.hstats{padding:clamp(2.4rem,5vw,3.5rem) 0}.hstats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,3vw,2rem)}@media(max-width:760px){.hstats-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}}.stat .num{font-weight:900;letter-spacing:-.04em;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;font-variant-numeric:tabular-nums}.stat:first-child .num{color:var(--violet)}.stat:nth-child(2) .num{background:linear-gradient(120deg,#a238ff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.stat:nth-child(3) .num{color:var(--cyan)}.stat:nth-child(4) .num{color:var(--amber)}.stat .lbl{color:var(--muted);font-weight:600;margin-top:.5rem}.mq{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-2)}.mq-track{display:flex;width:max-content;white-space:nowrap;will-change:transform;align-items:center;gap:1.5rem;padding:.7rem 0;animation:32s linear infinite slide}@keyframes slide{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){#bg,.mq-track{animation:none}}.mq .g{font-weight:900;letter-spacing:-.02em;font-size:clamp(1.5rem,2.8vw,2.3rem);flex:0 0 auto}.mq .g.fill{color:var(--txt)}.mq .g.out{color:transparent;-webkit-text-stroke:1.5px rgba(162,56,255,.6)}.mq .sep{color:var(--violet);font-size:.85rem;flex:0 0 auto;opacity:.9}.duo{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:820px){.nav-links a:not(.nav-cta){display:none}.duo{grid-template-columns:1fr}}.panel{background:var(--ink-3);border:1px solid var(--line);border-radius:20px;padding:2rem;transition:transform .18s,border-color .18s}.panel:hover{transform:translateY(-4px);border-color:rgba(162,56,255,.5)}.panel .pin{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(124,58,237,.18);color:#c4b5fd;margin-bottom:1.1rem}.panel .pin svg{width:26px;height:26px}.panel.loisirs .pin{background:rgba(34,211,238,.14);color:#7fe9f7}.panel h3{font-size:1.4rem;font-weight:800;letter-spacing:-.01em}.checklist{list-style:none;margin-top:1.1rem;display:flex;flex-direction:column;gap:.7rem}.checklist li{display:flex;gap:.6rem;color:var(--muted);font-size:.98rem}.checklist li::before{content:"✓";color:var(--amber);font-weight:900;flex:0 0 auto}.showcase{display:flex;flex-direction:column;gap:1.2rem;align-items:center}.sc-tv{width:100%;max-width:820px;background:#0c0a1f;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.5)}.sc-screen{border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#141033,#0a0818);aspect-ratio:16/9;position:relative;padding:1.2rem 1.4rem;display:flex;flex-direction:column}.sc-bar{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:.8rem}.sc-bar .l{color:#c4b5fd;letter-spacing:.12em}.sc-bar .r{color:var(--amber)}.sc-q{font-weight:900;font-size:clamp(1rem,2.4vw,1.7rem);margin:auto 0 .9rem;letter-spacing:-.02em}.sc-opts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.sc-opt{padding:.7rem .9rem;border-radius:10px;font-weight:800;font-size:.85rem;border:1px solid var(--line);background:rgba(255,255,255,.05)}.sc-opt.win{background:var(--cyan);color:#08131a;border-color:#fff}.sc-cap{color:var(--muted);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:.7rem;font-weight:700}.sc-row{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:820px}.sc-small{flex:1 1 240px;background:#0e0c24;border:1px solid var(--line);border-radius:14px;padding:10px}.sc-small .mini{aspect-ratio:4/3;border-radius:9px;background:linear-gradient(160deg,#171335,#0c0a1e);padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.sc-tablet .mini{aspect-ratio:16/10}.mini-line{height:9px;border-radius:99px;background:rgba(255,255,255,.09)}.mini-btn{padding:.5rem;border-radius:8px;font-size:.65rem;font-weight:800;text-align:center}.games{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.gcard{flex:0 0 calc(33.333% - .7rem)}@media(max-width:820px){.gcard{flex-basis:calc(50% - .5rem)}}@media(max-width:520px){.gcard{flex-basis:100%}}.gcard{position:relative;background:var(--ink-3);border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.5rem 1.6rem;transition:transform .18s,border-color .18s,background .18s;overflow:hidden;display:flex;flex-direction:column;min-height:172px}.gcard:hover{transform:translateY(-4px);border-color:rgba(162,56,255,.55);background:#1e1a48}.gcard .tag{align-self:flex-start;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .65rem;border-radius:99px;margin-bottom:.7rem}.gcard:nth-child(3n+1) .tag{background:rgba(124,58,237,.2);color:#c4b5fd}.gcard:nth-child(3n+2) .tag{background:rgba(251,191,36,.16);color:var(--amber)}.gcard:nth-child(3n+3) .tag{background:rgba(34,211,238,.14);color:var(--cyan)}.gcard h4{font-size:1.3rem;font-weight:900;letter-spacing:-.02em}.gcard p{color:var(--muted);font-size:.9rem;margin-top:.45rem}.gcard .arrow{margin-top:auto;padding-top:.9rem;color:var(--violet);font-weight:900;font-size:1.15rem;opacity:.45;transition:transform .18s,opacity .18s}.gcard:hover .arrow{opacity:1;transform:translateX(4px)}.gcard .ribbon{position:absolute;top:12px;right:-30px;transform:rotate(45deg);background:var(--amber);color:#231a00;font-size:.62rem;font-weight:900;padding:.2rem 2.4rem;letter-spacing:.1em}.games-cta{text-align:center;margin-top:2.2rem}.try{background:var(--ink-2);border:1px solid var(--line);border-radius:24px;padding:clamp(1.6rem,4vw,2.8rem)}.steps{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.6rem}.step{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-weight:600;font-size:.95rem}.step .n{width:26px;height:26px;border-radius:99px;background:linear-gradient(135deg,#a238ff,#6d28d9);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.85rem}.choices{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.choice{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--txt);font-family:inherit;font-weight:800;font-size:.92rem;cursor:pointer;transition:border-color .15s,background .15s}.choice:hover{border-color:rgba(162,56,255,.6);background:rgba(124,58,237,.12)}.choice .cdot{width:7px;height:7px;border-radius:99px;flex:0 0 auto}.try-hint{text-align:center;color:var(--muted);font-size:.85rem;margin-top:1.2rem}.try-cta{text-align:center;margin-top:1.6rem}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:820px){.compare{grid-template-columns:1fr}}.col{border-radius:20px;padding:1.8rem;border:1px solid var(--line)}.col.classic{background:rgba(255,255,255,.02)}.col.us{background:linear-gradient(180deg,rgba(124,58,237,.14),rgba(26,23,64,.6));border-color:rgba(162,56,255,.4)}.col .ch{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem}.col h3{font-size:1.3rem;font-weight:800}.badge{font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#a238ff,#6d28d9);color:#fff;padding:.3rem .7rem;border-radius:99px}.clist{list-style:none;display:flex;flex-direction:column;gap:.7rem}.clist li{display:flex;gap:.6rem;font-size:.95rem}.clist.no li{color:var(--bad)}.clist.no li::before{content:"✕";flex:0 0 auto;font-weight:900}.clist.yes li{color:var(--txt)}.clist.yes li::before{content:"✓";color:var(--good);font-weight:900;flex:0 0 auto}.why{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}@media(max-width:820px){.why{grid-template-columns:1fr}}.wcard{background:var(--ink-3);border:1px solid var(--line);border-radius:18px;padding:1.8rem;text-align:center}.wcard .wi{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(162,56,255,.35),rgba(124,58,237,.12));display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 1.1rem}.wcard h3{font-size:1.25rem;font-weight:800}.wcard p{color:var(--muted);margin-top:.5rem;font-size:.97rem}.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}.faq details{background:var(--ink-3);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:1.15rem 1.4rem;font-weight:800;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--violet);font-weight:900;font-size:1.4rem;transition:transform .2s}.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{padding:0 1.4rem 1.25rem;color:var(--muted);font-size:.96rem}.faq details p strong{color:var(--txt)}.faq a{color:var(--cyan)}.cta{position:relative;margin:clamp(2rem,5vw,4rem) auto;max-width:var(--maxw);border:1px solid var(--line);border-radius:26px;overflow:hidden;background:radial-gradient(90% 120% at 50% -20%,rgba(124,58,237,.35),transparent 60%),var(--ink-2);padding:clamp(3rem,7vw,5rem) 1.5rem;text-align:center}.cta .ghost{position:absolute;inset:auto 0 -6% 0;font-weight:900;font-size:clamp(4rem,17vw,13rem);letter-spacing:-.04em;color:rgba(255,255,255,.03);text-align:center;pointer-events:none;line-height:.8}.cta h2{position:relative;font-weight:900;letter-spacing:-.03em;line-height:1;font-size:clamp(2rem,5vw,3.6rem);text-wrap:balance}.cta p{position:relative;color:var(--muted);margin:1rem auto 0;max-width:52ch}.cta p b{color:var(--amber)}.cta .btn{position:relative;margin-top:2rem}.cta .small{margin-top:1rem;font-size:.9rem}.cta .small a{color:var(--cyan)}.contact{max-width:680px;margin:0 auto;background:var(--ink-3);border:1px solid var(--line);border-radius:22px;padding:clamp(1.8rem,4vw,2.8rem)}.contact h3{font-size:1.5rem;font-weight:800;text-align:center}.contact .sub{text-align:center;margin:.5rem auto 1.6rem}.frow{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}@media(max-width:560px){.frow{grid-template-columns:1fr}}.contact input,.contact textarea{width:100%;padding:.9rem 1rem;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:10px;color:#fff;font:inherit;font-size:.95rem}.contact input::placeholder,.contact textarea::placeholder{color:#6b7080}.contact input:focus,.contact textarea:focus{outline:0;border-color:var(--violet)}.contact .btn{width:100%;margin-top:.4rem}.site-footer{background:var(--ink-2);border-top:1px solid var(--line);padding:clamp(3rem,6vw,4.5rem) 0 1.6rem;margin-top:2rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem}@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}.f-brand .f-logo{display:flex;align-items:center;gap:.55rem;font-weight:900;letter-spacing:.02em;font-size:1.25rem}.f-brand .f-logo .logo-img{width:28px;height:28px;background:var(--logo,none) center/contain no-repeat;flex:0 0 auto}.f-brand p{color:var(--muted);font-size:.92rem;margin-top:1rem;max-width:34ch;line-height:1.65}.f-col h4{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--violet);margin-bottom:1.1rem}.f-col a{display:block;color:var(--muted);font-size:.95rem;margin-bottom:.7rem;transition:color .15s}.f-col a:hover{color:var(--txt)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.6rem;color:var(--muted);font-size:.9rem}.footer-bottom .heart{color:#f87171}.f-social{display:flex;gap:.65rem}.f-social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s,border-color .15s,background .15s}.f-social a:hover{color:#fff;border-color:rgba(162,56,255,.6);background:rgba(124,58,237,.18)}.f-social svg{width:16px;height:16px;fill:currentColor}.disclaimer{background:var(--ink-2);border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;text-align:center;padding:1rem;letter-spacing:.02em}.hero-photo{display:block}.demo-real{margin-top:1.8rem;background:radial-gradient(circle at 85% 0,rgba(162,56,255,.16),transparent 50%),linear-gradient(160deg,rgba(124,58,237,.13),rgba(79,70,229,.06) 55%,rgba(14,17,48,.55));border:1px solid rgba(162,56,255,.28);border-radius:24px;padding:clamp(1.6rem,3.2vw,2.6rem);position:relative;overflow:hidden}.demo-real .steps{margin-bottom:1.6rem}.demo-real-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:.75rem}.demo-real-choices button{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1.05rem .6rem .95rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;font-family:inherit;font-weight:700;font-size:.92rem;cursor:pointer;transition:transform .14s,border-color .15s,background .15s,box-shadow .15s}.demo-real-choices button .dr-ico{font-size:1.65rem;line-height:1}.demo-real-choices button:hover:not(:disabled){transform:translateY(-3px);border-color:rgba(162,56,255,.55);background:rgba(162,56,255,.12);box-shadow:0 10px 26px rgba(88,28,180,.28)}.demo-real-choices button:disabled{opacity:.45;cursor:wait}.demo-real-choices button.loading{opacity:1;border-color:rgba(162,56,255,.8);background:rgba(162,56,255,.16)}.demo-real-choices button.loading .dr-ico{animation:.9s ease-in-out infinite drPulse}@keyframes drPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.55}}.demo-real-hint{margin:1rem 0 0;text-align:center;color:rgba(255,255,255,.5);font-size:.85rem}.demo-real-status{margin:.7rem 0 0;text-align:center;color:#fca5a5;font-size:.9rem;min-height:1.2em}.demo-real-grid{display:grid;grid-template-columns:1.7fr 0.9fr;gap:clamp(1.1rem,2.5vw,1.8rem);align-items:start}.demo-real-tv{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0a0720;box-shadow:0 24px 60px rgba(0,0,0,.45);aspect-ratio:16/9}.demo-real-fs{position:absolute;top:.55rem;right:.55rem;z-index:6;width:2.3rem;height:2.3rem;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:rgba(10,7,32,.55);color:#fff;font-size:1.05rem;line-height:1;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s}.demo-real-fs:hover{background:rgba(10,7,32,.9);border-color:rgba(255,255,255,.5)}.demo-real-tv iframe{width:100%;height:100%;border:0;display:block}.demo-real-side{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.3rem 1.2rem}.demo-real-side img{border-radius:12px;background:#fff;padding:6px;width:172px;height:172px}.demo-real-steps{text-align:left;margin:.9rem auto;padding-left:1.15rem;color:rgba(255,255,255,.85);font-size:.92rem;line-height:1.75}.dr-btn{width:100%;padding:.8rem 1.2rem;border-radius:999px;font-family:inherit;font-weight:800;font-size:.98rem;cursor:pointer;transition:transform .14s,filter .15s}.dr-btn:hover:not(:disabled){transform:translateY(-2px)}.dr-btn:disabled{opacity:.55;cursor:default}.dr-btn-primary{border:none;background:linear-gradient(135deg,#a238ff,#6366f1);color:#fff;box-shadow:0 10px 26px rgba(88,28,180,.35)}.dr-btn-ghost{margin-top:.55rem;border:1px solid rgba(255,255,255,.25);background:0 0;color:rgba(255,255,255,.75)}.dr-btn-ghost:hover{color:#fff;border-color:rgba(255,255,255,.5)}.demo-real-timer{margin:.7rem 0 0;color:rgba(255,255,255,.55);font-size:.85rem;min-height:1.1em}#demo-real-live:fullscreen{background:#0a0720}#demo-real-live:fullscreen .demo-real-grid{display:block;height:100vh;gap:0}#demo-real-live:fullscreen .demo-real-tv{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}#demo-real-live:fullscreen .demo-real-side{position:fixed;right:1rem;bottom:1rem;width:auto;max-width:min(300px,46vw);z-index:7;background:rgba(10,7,32,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 40px rgba(0,0,0,.5)}#demo-real-live:fullscreen .demo-real-side img{width:132px;height:132px}#demo-real-live:fullscreen .demo-real-fs{top:1rem;right:1rem}#demo-real-live:-webkit-full-screen{background:#0a0720}#demo-real-live:-webkit-full-screen .demo-real-grid{display:block;height:100vh;gap:0}#demo-real-live:-webkit-full-screen .demo-real-tv{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}#demo-real-live:-webkit-full-screen .demo-real-side{position:fixed;right:1rem;bottom:1rem;width:auto;max-width:min(300px,46vw);z-index:7;background:rgba(10,7,32,.92);box-shadow:0 12px 40px rgba(0,0,0,.5)}#demo-real-live:-webkit-full-screen .demo-real-side img{width:132px;height:132px}@media(max-width:860px){.demo-real-grid{grid-template-columns:1fr}.demo-real-choices{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.demo-real-choices button{font-size:.85rem;padding:.85rem .4rem}}