.gb{position:relative;font-size:calc(var(--w) / 100);width:var(--w);aspect-ratio:1 / 1.62;display:flex;flex-direction:column;box-sizing:border-box;padding:6.5em 6em 0;border-radius:4em 4em 22em 4em;background:var(--lavande,#BCA8D1);box-shadow:inset 0 -1.6em 0 rgba(0,0,0,.14),inset 0 .8em 0 rgba(255,255,255,.35),0 3em 8em rgba(0,0,0,.45)}.gb__ecran{position:relative;display:block;padding:7em 8em 8em;background:#0B0B0B;border-radius:3em 3em 12em 3em}.gb__voyant{position:absolute;left:2.6em;top:50%;width:2.4em;height:2.4em;border-radius:50%;background:var(--papaye);box-shadow:0 0 2.4em var(--papaye)}.gb__vue{position:relative;display:block;aspect-ratio:16 / 15;overflow:hidden;border-radius:1em;background:#000}.gb__vue img,.gb__vue video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.gb__marque{align-self:flex-start;margin:.56em 0 0 .16em;padding:.16em 0;pointer-events:none;font-size:6.4em;line-height:1}.gb__marque img{display:block;width:auto;height:.85em;margin:.075em 0}.gb__cmd{position:relative;display:block;flex:1}.gb__croix{position:absolute;left:4em;top:12em;width:26em;aspect-ratio:1;background:linear-gradient(#0B0B0B,#0B0B0B) center / 100% 33% no-repeat,linear-gradient(#0B0B0B,#0B0B0B) center / 33% 100% no-repeat;filter:drop-shadow(0 .6em 0 rgba(0,0,0,.25))}.gb__a,.gb__b{position:absolute;width:15em;aspect-ratio:1;border-radius:50%;background:var(--papaye);box-shadow:0 .8em 0 rgba(0,0,0,.28),inset 0 -1em 0 rgba(0,0,0,.12)}.gb__a{right:2em;top:9em}.gb__b{right:21em;top:17em}.gb__sys{position:absolute;top:45em;width:13em;height:3.2em;border-radius:99px;background:#0B0B0B;transform:rotate(-25deg)}.gb__sys:nth-of-type(4){left:24em}.gb__sys:nth-of-type(5){left:42em}.gb__hp{position:absolute;right:7em;bottom:7.5em;width:17em;height:12em;transform:rotate(-25deg);background:repeating-linear-gradient(90deg,rgba(0,0,0,.28) 0 1.6em,transparent 1.6em 4.2em);border-radius:1em}html:root .gb{rotate:-4deg;border-radius:6em 6em 24em 6em;background:radial-gradient(120% 70% at 18% 0%,rgba(255,255,255,.42),rgba(255,255,255,0) 55%),linear-gradient(165deg,rgba(255,255,255,.12),rgba(0,0,0,.16)),var(--lavande,#BCA8D1);box-shadow:inset 0 .7em .5em -.2em rgba(255,255,255,.6),inset .6em 0 .8em -.4em rgba(255,255,255,.35),inset -.8em 0 1em -.4em rgba(40,20,70,.28),inset 0 -1.4em 1.4em -.6em rgba(40,20,70,.42),0 1.4em 0 -.1em rgba(0,0,0,.42),0 1.4em 0 -.1em var(--lavande,#BCA8D1),1.5em 4em 4em rgba(0,0,0,.55),4em 9em 12em rgba(0,0,0,.45)}html:root .gb::before{content:"";position:absolute;left:0;right:0;top:3.4em;height:.3em;pointer-events:none;box-shadow:inset 0 .14em 0 rgba(40,20,70,.22),0 .14em 0 rgba(255,255,255,.45)}html:root .gb__ecran{border-radius:3.4em 3.4em 13em 3.4em;background:linear-gradient(170deg,#2a2a30 0%,#0B0B0B 55%);box-shadow:inset 0 .35em 0 rgba(255,255,255,.12),inset 0 -.5em 1em rgba(0,0,0,.6),0 -.35em .3em rgba(40,20,70,.25),0 .35em .3em rgba(255,255,255,.4)}html:root .gb__ecran::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.06) 30%,rgba(255,255,255,0) 31%,rgba(255,255,255,0) 100%)}html:root .gb__vue::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 .8em 1.6em rgba(0,0,0,.65),inset 0 0 0 .3em rgba(0,0,0,.5)}html:root .gb__voyant{box-shadow:0 0 2.4em var(--papaye),inset 0 .4em .5em rgba(255,255,255,.55)}html:root .gb__croix{background:radial-gradient(circle,rgba(0,0,0,.3) 0,rgba(0,0,0,.12) 2.4em,rgba(255,255,255,.05) 3em,transparent 3.4em) center / 100% 100% no-repeat,linear-gradient(180deg,#3a3a40,#121214 70%) center / 100% 33% no-repeat,linear-gradient(180deg,#3a3a40 0%,#1b1b1f 45%,#0B0B0B 100%) center / 33% 100% no-repeat;filter:drop-shadow(0 .9em 0 #000) drop-shadow(.6em 1.6em 1.2em rgba(40,20,70,.45))}html:root .gb__cmd::before{content:"";position:absolute;right:-1.5em;top:11em;width:41em;height:19em;border-radius:99px;rotate:-23deg;background:rgba(40,20,70,.08);box-shadow:inset 0 .7em 1em rgba(40,20,70,.3),inset 0 -.4em .5em rgba(255,255,255,.4)}html:root .gb__a,html:root .gb__b{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.55) 0 1.6em,rgba(255,255,255,0) 6em),radial-gradient(circle at 60% 75%,rgba(0,0,0,.22),rgba(0,0,0,0) 60%),var(--papaye);box-shadow:0 1em 0 rgba(0,0,0,.42),.6em 2em 1.6em rgba(40,20,70,.45),inset 0 -.8em 1em rgba(0,0,0,.18),inset 0 .4em .5em rgba(255,255,255,.35)}html:root .gb__sys{background:linear-gradient(180deg,#4a4854,#1c1b20);box-shadow:0 .5em 0 rgba(0,0,0,.4),0 0 0 .9em rgba(40,20,70,.08),inset 0 .3em 0 rgba(255,255,255,.18)}html:root .gb__hp{background:repeating-linear-gradient(90deg,rgba(20,10,35,.5) 0 1.2em,rgba(255,255,255,.45) 1.2em 1.6em,transparent 1.6em 4.2em);box-shadow:none}