/* Policies 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: -42px !important; /* Moved right by further 2px: -38px + 2px */
    top: 10px !important;
    transform: scale(0.64) !important; /* Original 14.5" scaling */
  }

  /* 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 - Match index page perfect positioning */
  #player-name-button {
    left: 180px !important; /* Match index page perfect positioning */
  }

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

  /* MATCH HOME PAGE BUTTON SIZE EXACTLY */
  .gtli-button {
    right: 76px !important; /* Moved right by 3px: 79px - 3px */
    top: 24px !important; /* Moved down by 1px: 23px + 1px */
    transform: none !important;
    width: 288px !important; /* SCALED DOWN: 384px * 0.75 = 288px */
    height: 48px !important; /* SCALED DOWN: 64px * 0.75 = 48px */
    position: fixed !important;
    display: flex !important; /* Use flexbox like default */
    justify-content: center !important; /* Flexbox horizontal centering */
    align-items: center !important; /* Flexbox vertical centering */
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2000 !important; /* Match default z-index */
    background: #1a2a1a !important; /* Original dark background */
    border: 3.5px solid #9acd32 !important; /* Balanced border thickness */
    border-radius: 8px !important; /* Scaled border-radius: 10px * 0.75 = 7.5px, rounded to 8px */
    box-shadow: 3.5px 3.5px 0 #333, inset 1.5px 1.5px 0 #b0ff57, inset -2px -2px 0 #669900 !important; /* Match balanced border */
    color: #9acd32 !important; /* Original green text */
    cursor: pointer !important; /* Pointer cursor on hover */
    font-family: 'Courier New', monospace !important;
    font-size: 15px !important; /* Scaled down font: 20px * 0.75 = 15px */
    font-weight: normal !important;
    text-shadow: 0 0 3px #9acd32 !important; /* Scaled text glow: 4px * 0.75 = 3px */
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.1s !important; /* Smooth transitions */
  }

  /* MATCH HOME PAGE HOVER EFFECT */
  .gtli-button:hover {
    border-color: #b0ff57 !important; /* Bright green border on hover */
    box-shadow: 3.5px 3.5px 0 #333, inset 1.5px 1.5px 0 #b0ff57, inset -2px -2px 0 #669900, 0 0 10.5px #b0ff57 !important; /* Match balanced border with scaled glow */
  }
  }

  /* 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;
  }
}