root { 
    display: block;
}

body{
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: top;  
}

*, *:before, *:after {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

input, input:before, input:after {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

::selection { background: transparent;color:inherit; }
::-moz-selection { background: transparent;color:inherit; }

#canvas{
    position: fixed;  
}

canvas {
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
	-ms-touch-action: none;
}

.ani_hack{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent; /* mobile webkit */
}

/***************FONTS*******************/

.check-fonts{
                position: fixed;
                opacity:0;
}

.check-font-1{
        font-family: 'Montserrat';
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Black.woff2') format('woff2'),
        url('Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/* Core Wallet Gating Overlay Styles */
#wallet-gate {
  position: fixed;
  z-index: 9999;
  top: 0; left: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#wallet-gate-content {
  background: #222;
  padding: 32px 24px;
  border-radius: 12px;
  box-shadow: 0 0 24px #000;
  text-align: center;
}
#wallet-message {
  color: #fff;
  margin-bottom: 18px;
  font-size: 1.1em;
}
#connect-wallet-btn {
  background: #ffb800;
  color: #222;
  border: none;
  border-radius: 6px;
  padding: 12px 32px;
  font-size: 1.1em;
  cursor: pointer;
  font-weight: bold;
}
#connect-wallet-btn:hover {
  background: #ffd966;
}

/* Zero-Value Transaction Overlay Styles */
#tx-overlay {
  position: fixed;
  z-index: 10000;
  top: 0; left: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#tx-overlay-content {
  background: #222;
  padding: 32px 24px;
  border-radius: 12px;
  box-shadow: 0 0 24px #000;
  text-align: center;
  min-width: 320px;
}
#tx-message {
  color: #fff;
  margin-bottom: 18px;
  font-size: 1.1em;
}
#tx-spinner {
  color: #ffb800;
  margin-bottom: 12px;
  font-size: 1.1em;
}
#tx-error {
  color: #ff4d4f;
  margin-bottom: 10px;
  font-size: 1em;
}
#tx-send-btn, #tx-cancel-btn {
  background: #ffb800;
  color: #222;
  border: none;
  border-radius: 6px;
  padding: 12px 32px;
  font-size: 1.1em;
  cursor: pointer;
  font-weight: bold;
  margin: 0 8px 0 0;
}
#tx-send-btn:hover, #tx-cancel-btn:hover {
  background: #ffd966;
}