/* Home Page Laptop Media Query */
@media screen and (max-width: 1366px) {
  /* Remove ALL scrollbars and margins */
  html, body {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #000000 !important;
  }

  /* Main wrapper */
  #site-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: -360px !important;
    width: 156.25% !important;
    height: 156.25% !important;
    transform: scale(0.64);
    transform-origin: top center;
  }

  /* Main content area */
  .memedex-layout {
    position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove ALL backgrounds that could cause margins */
  .footer-buttons,
  .footer-buttons > div,
  #button-1,
  #button-2,
  #button-3,
  #button-4 {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Scale bottom buttons */
  #button-1,
  #button-2,
  #button-3,
  #button-4 {
    transform: scale(0.64);
  }

  /* Position top buttons */
  #player-name-button {
    left: 32px !important;
  }

  #ca-screen {
    transform: translateX(-50%);
  }

  .gtli-button {
    right: 33px !important;
    top: 34px !important;
    transform: scale(0.999) !important;
  }

  /* Ensure Sirrious footer stays at bottom */
  #sirrious-branding {
    position: fixed !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  /* Notification */
  #copied-notification {
    visibility: hidden;
    opacity: 0;
    z-index: 40 !important;
  }

  #ca-screen:active ~ #copied-notification {
    visibility: visible;
    opacity: 1;
  }
}

/* 15.5" Laptop Media Query */
@media screen and (min-width: 1367px) and (max-width: 1600px) {
  /* Remove ALL scrollbars and margins */
  html, body {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #000000 !important;
  }

  /* Main wrapper */
  #site-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: -360px !important;
    width: 156.25% !important;
    height: 156.25% !important;
    transform: scale(0.75);
    transform-origin: top center;
  }

  /* Main content area */
  .memedex-layout {
    position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove ALL backgrounds that could cause margins */
  .footer-buttons,
  .footer-buttons > div,
  #button-1,
  #button-2,
  #button-3,
  #button-4 {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Position and scale bottom buttons */
  #button-1 {
    left: calc(50% - 37.5vw + 95px) !important; /* Moved right by 64px total */
  }
  #button-2 {
    left: calc(50% - 12.5vw - 33px) !important; /* Moved right by further 3px */
  }
  #button-3 {
    left: calc(50% + 12.5vw - 160px) !important; /* Moved right by 32px */
  }
  #button-4 {
    left: calc(50% + 37.5vw - 288px) !important; /* Moved left by 64px total */
  }

  #button-1,
  #button-2,
  #button-3,
  #button-4 {
    transform: scale(0.75);
  }

  /* Position top buttons */
  #player-name-button {
    left: 180px !important; /* Moved 200px right (32px - 200px) */
  }

  #ca-screen {
    transform: translateX(-50%);
  }

  .gtli-button {
    right: 373px !important; /* Match help page perfect positioning */
    top: 32px !important;
    transform: none !important;
  }

  /* Ensure Sirrious footer stays at bottom */
  #sirrious-branding {
    position: fixed !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  /* Notification */
  #copied-notification {
    visibility: hidden;
    opacity: 0;
    z-index: 40 !important;
  }

  #ca-screen:active ~ #copied-notification {
    visibility: visible;
    opacity: 1;
  }
}