:root {
    --base-desc: clamp(10px, calc(10px + (100vw - 640px) * 20 / 1280), 30px);
    --base-mob: clamp(11px, calc(11px + (100vw - 320px) * 11 / 320), 22px);
    --color-gray: #000;
    --color-orange: #ffb400;
    --color-white: #fff;
}

[v-cloak] {
  display: none;
}

.fontGray {
    color: var(--color-gray);
}
.fontWhite {
    color: var(--color-white);
}
.fontOrange {
    color: var(--color-orange);
}

.hoverOrange:hover{
    color:var(--color-orange);
    cursor:pointer;
}

.hidden{
    display:none!important;
}

.full {
    width: 100%;
    height: 100%;
    touch-action: manipulation;
    user-select: none;    
}


.landscape-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  color: #fff;
  text-align: center;
}

.overlay-content span {
}