.debugred {
  border: 1px dotted red;
  font-size: 9px; }

.debuggreen {
  border: 1px dotted green;
  font-size: 9px; }

.debuggray {
  border: 1px dotted gray;
  font-size: 9px; }

.square50 {
  position: absolute;
  width: 50px;
  height: 50px; }

.square5pc {
  position: absolute;
  width: 6%;
  height: 6%; }

.dnd div[id] {
  position: absolute;
  color: rgba(0, 0, 0, 0); }
.dnd div[id^=zone_] {
  -webkit-user-select: none; }

/* Flashlight Overlay */
:root {
  --cursorX: 50vw;
  --cursorY: 50vh; }

html[flashlight=on] body:before {
  content: '';
  cursor: none;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  pointer-events: none;
  background: radial-gradient(circle 9vmax at var(--cursorX) var(--cursorY), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.95) 100%); }

.whramasseobject {
  width: 7.813%;
  height: 13.889%; }

#pickup1container .trouve {
  opacity: 0; }
#pickup1container .sol {
  opacity: 1; }

.fixed {
  position: fixed;
  display: block; }

.pointer {
  cursor: hand;
  cursor: pointer; }

html {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  background: #000000;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

.ratiocontainer {
  width: 100vw;
  height: 56.25vw;
  max-width: 177.7777777778vh;
  max-height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 0; }
  .ratiocontainer .fullsize {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }

.absolute {
  position: absolute; }

.wh100pc {
  width: 100%;
  height: 100%; }

.whbtnextprev {
  width: 5.417%;
  height: 9.63%; }

.topbtnextprev {
  top: 45.185%; }

.btprev {
  background-image: url(../img/precedent.png);
  left: 2%;
  display: none; }

.btnext {
  background-image: url(../img/suivant.png);
  right: 2%; }

.imgfull {
  background-size: contain;
  background-repeat: no-repeat; }

.nobg {
  background: none !important; }

.hidden {
  display: none; }

.mobile-position-warning {
  display: none;
  pointer-events: none; }

@media (orientation: portrait) {
  .mobile-position-warning {
    z-index: 19999;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    background-size: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../img/turnphone.png"); } }

/*# sourceMappingURL=main.css.map */