body {
    overscroll-behavior-x: none;
    letter-spacing: -0.01rem;
  }
  
  a {
    color: #2a7cd3;
  }
  
  .post a {
    text-decoration: underline;
  }
  
  footer span,
  footer a {
    margin-right: 2em;
    color: #666;
  }
  
  .main-content a {
    color: rgb(0, 0, 238);
  }
  
  .ajaxlink {
    cursor: pointer;
    color: #007bff;
  }
  
  #helpModal h4 {
    font-size: 1em;
  }
  .sgg-btn.ajaxlink,
  .sgg-btn.ajaxlink:hover {
    color: #fff;
    text-decoration: none;
  }
  
  .top-status-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    text-align: center;
    color: white;
    background: #99017d;
    background: linear-gradient(225deg, #99017d, #3f0180);
  }
  
  .top-status-banner a {
    color: pink;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
    text-decoration: underline;
  }
  
  .top-status-banner-content {
    flex-grow: 1;
  }
  
  .ajaxlink:hover {
    text-decoration: underline;
    color: #0056b3;
  }
  
  .container img {
    max-width: 100%;
  }
  .converting {
    padding: 10px;
    background-color: white;
    color: gray;
    position: absolute;
    top: 40%;
    left: 30%;
    font-size: 2em;
    z-index: 10000;
    display: none;
  }
  
  .luckiest-guy {
    font-family: "Luckiest Guy", sans-serif;
  }
  
  .light-yellow {
    background-color: #ffdc73;
  }
  /* LOGO */
  
  nav.navbar {
    padding: 0.35em !important;
    font-size: 14px !important;
    /* prevent preroll ad message from covering the mobile dropdown. */
    z-index: 100;
  }
  
  .dropdown-menu.account-details {
    min-width: 0;
    left: auto;
    right: 0px;
  }
  
  .dropdown-menu.account-details .dropdown-item {
    white-space: normal;
    word-wrap: break-word;
  }
  
  
  
  .blog-post h1,
  .blog-post h2,
  .guides-post h1,
  .guides-post h2,
  .homepage-headline {
    color: #137113;
    font-weight: 600;
    margin: 20px 0px;
  }
  
  .blog-post h3,
  .guides-post h3,
  .homepage-subheading {
    color: #5e9952;
    font-weight: 600;
    margin: 20px 0px;
  }
  
  .blog-post h4,
  .guides-post h4,
  .homepage-h4 {
    color: #005000;
    font-weight: 600;
    font-size: 1.2rem;
    margin: 20px 0px;
  }
  
  .navbar-brand {
    font-weight: 300;
    margin-bottom: -1px;
    padding: 0.1em;
  }
  .navbar-brand img {
    width: 160px;
  }
  
  .all-game-container {
    position: relative;
    text-align: center;
    border-radius: 10px;
  }
  
  .all-game-gradient {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, #00000000, #00000066);
    border-radius: 10px;
  }
  .all-game-thumbnail {
    aspect-ratio: 5 / 3;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #005000;
    background-position: center;
    border-radius: 10px;
  }
  
  .all-game-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 5px #000;
    padding: 20px 30px;
    border-radius: 20px;
    border: 1px solid white;
    background: linear-gradient(#005000, #003000);
    box-shadow: 5px 5px 5px #00000066;
    font-size: 1.5em;
    width: 80%;
  }
  
  nav.navbar a,
  nav.navbar span,
  nav.navbar .nav-item.dropdown a.nav-link {
    color: #1c7430;
    font-size: 0.8rem;
  }
  .nav-item.trophy-case .sgg-btn {
    cursor: pointer;
  }
  
  .nav.navbar-nav.solitaire a.solitaire-nav-link,
  .nav.navbar-nav.spider a.spider-nav-link,
  .nav.navbar-nav.freecell a.freecell-nav-link,
  .nav.navbar-nav.mahjong a.mahjong-nav-link,
  .nav.navbar-nav.hearts a.hearts-nav-link,
  .nav.navbar-nav.spades a.spades-nav-link,
  .nav.navbar-nav.pyramid a.pyramid-nav-link,
  .nav.navbar-nav.tripeaks a.tripeaks-nav-link,
  .nav.navbar-nav.yukon a.yukon-nav-link,
  .nav.navbar-nav.golf a.golf-nav-link,
  .nav.navbar-nav.fortythieves a.fortythieves-nav-link,
  .nav.navbar-nav.canfield a.canfield-nav-link,
  .nav.navbar-nav.yahtzee a.yahtzee-nav-link,
  .nav.navbar-nav.phrazle a.phrazle-nav-link,
  .nav.navbar-nav.crossword a.crossword-nav-link,
  .nav.navbar-nav.cluehurdle a.cluehurdle-nav-link,
  .nav.navbar-nav.wordhunt a.wordhunt-nav-link {
    font-weight: 700;
  }
  
  span.sol {
    display: none;
  }
  
  h1.game-title {
    color: #fff;
  }
  #nav-title {
    display: none;
  }
  
  .nav-item.l-border {
    border-left: 1px solid #ccc;
  }
  
  .sgg-timer {
    position: absolute;
    bottom: 20px;
    width: 95%;
  }
  
  .timer_container,
  #timerContainerBottom {
    font-size: 12px;
  }
  
  .timer_container .btn {
    padding: 0.35em !important;
    font-size: 13px !important;
  }
  
  .edition .timer_container {
    margin-top: -7px;
  }
  .timer_container .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .timer_container .long-mobile-menu {
    display: inline;
  }
  
  #card-resize-slider {
    appearance: none; /* Override default CSS styles */
    -webkit-appearance: none;
    background: black;
    outline: none;
    cursor: pointer;
    height: 2px;
  }
  
  .card-resize-button {
    padding: 4px 14px;
  }
  
  .card-resize-button:hover {
    background-color: #999;
  }
  
  #card-resize-label {
    width: 8em;
    font-variant-numeric: tabular-nums;
  }
  
  #card-resize-slider::-webkit-slider-thumb {
    appearance: none; /* Override default look */
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: #f7be10;
    cursor: pointer;
    border-radius: 10px;
  }
  
  #card-resize-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #f7be10;
    cursor: pointer;
    border-radius: 10px;
  }
  
  .edition .timer_container #info-box {
    left: initial;
    right: 10px;
    color: white;
  }
  
  .multiplayer-info-box {
    color: white;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
  
  .playerOneCardsLeft,
  .playerTwoCardsLeft {
    font-size: 1.8em;
  }
  
  .game_container {
    user-select: none;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
  }
  
  #gameRow {
    display: flex;
  }
  
  .pyramid-game-row {
    padding-top: 10px;
  }
  
  #canvasContainer {
    flex: 1;
  }
  
  #canvas {
    touch-action: none;
    display: block;
  }
  
  #adSidebarContainer {
    flex: 0 0 405px;
    height: 100vh;
    overflow-x: hidden;
    margin-top: -32px;
    position: relative;
  }
  
  #solitaired_desktop_right_rail_1 {
    max-width: 300px;
    margin: 0 auto;
  }
  
  .sidebar-slogan {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sidebar-stats {
    background-color: #004000;
    border-radius: 10px;
  }
  
  .sidebar-stats {
    font-size: 0.8em;
  }
  
  .sidebar-stats .small {
    font-size: 0.7em;
    line-height: 1;
  }
  
  #solitaired_D1,
  #solitaired_wg_D1 {
    min-height: 50px;
  }
  #solitaired_D2,
  #solitaired_wg_D2 {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
  }
  /**
   * Stupid malicious ad fix
   * https://unwind-media.slack.com/archives/C02FPRQ41K7/p1698107178110539
  **/
  div[draggable="false"][style*="inset"] {
    display: none !important;
  }
  #solitaired_D2 div,
  #solitaired_wg_D2 div {
    max-width: 300px !important;
    inset: 0px !important;
    transform: none !important;
    overflow: hidden !important;
  }
  
  .sidebar-stats .sidebar-stats-adunit {
    width: 320px;
    min-height: 50px;
    max-height: 600px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 1.75em;
    color: #136813;
  }
  
  #save-stats-text {
    color: #ffd1d1;
    font-weight: bold;
  }
  
  #save-stats-link {
    color: #ffd1d1;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
  }
  
  .daily-win-sidebar-table {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: white;
    margin-bottom: 0rem;
  }
  
  .daily-win-sidebar a {
    color: #50c069;
  }
  .daily-win-sidebar th,
  .daily-win-sidebar td {
    padding: 0.1rem;
    font-size: 0.9em;
  }
  
  .daily-win-username {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 180px;
  }
  .openPassLink {
    padding: 4px 2px 2px 2px;
    border: 2px solid #78cc00;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 12px;
    height: 32px;
    width: 150px;
  }
  
  #loginMessage {
    color: #fff;
    font-weight: bold;
    background-color: lightcoral;
    display: inline-block;
    padding: 5px 20px;
  }
  
  #loginMessage:empty {
    padding: 0;
  }
  
  #replay-modal {
    display: none;
    position: sticky;
    width: 40%;
    max-width: 400px;
    min-width: 300px;
    bottom: 5%;
    z-index: 1000;
    margin: 0 auto;
  }
  
  #loginModal,
  #registerModal {
    overflow: scroll;
  }
  
  #loginModal iframe {
    border: none;
  }
  
  #registerModal iframe {
    border: none;
  }
  
  #openPassSignInLinkContainer,
  #openPassRegisterLinkContainer {
    min-height: 370px;
    width: 100%;
  }
  
  .sso-login-container {
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
  
  .sso-button-container {
    display: inline-block;
    width: 200px;
    margin: 0 10px;
  }
  
  .email_and_pw_button {
    width: 100%;
    margin: 0px;
  }
  
  #momentsRegisterLink {
    text-decoration: underline;
    color: white;
    font-weight: bold;
  }
  
  .celtra-ad-inline-host .notranslate {
    max-width: 400px !important;
    max-height: 300px !important;
    position: initial !important;
  }
  
  #pause-modal .gray-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    box-shadow: 0px 0px 40px 40px rgba(0, 0, 0, 0.5);
    text-shadow: #000 2px 2px 2px;
  }
  
  #pause-modal .pause-modal-stat {
    width: 70px;
  }
  #pause-modal #resume-game-button {
    box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0);
    text-shadow: 2px 2px 0px #0d441a;
    border-color: #105a21;
    border-right-width: 3px;
    border-bottom-width: 3px;
    padding: 0.6em !important;
    font-size: 1.5em !important;
    font-weight: 800;
    border-radius: 8px;
  }
  
  #pause-modal iframe {
    margin: 0 auto;
  }
  
  #rewarded-root {
    padding-right: 10px;
    margin-top: 30px;
    display: none;
  }
  
  #rewarded-button {
    display: none;
    font-size: 0.9em;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  #onboardingBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  
  #onboardingModal {
    position: absolute;
    z-index: 100;
    min-width: 320px;
    max-width: 700px;
    background-color: #003300;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    border: 1px solid white;
  }
  
  .onboarding-content {
    max-height: 40vh;
    overflow: scroll;
  }
  .onboarding-close {
    cursor: pointer;
  }
  
  .work-mode {
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
  }
  
  .work-mode-btn {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  #adSidebarContainer #solitaired_desktop_right_rail_2 {
    /* width: 100%; */
  }
  
  .game-description {
    height: 15vh;
    overflow: auto;
  }
  
  .timer_container.work_nav {
    background-color: #ffffff;
    border-bottom: 4px solid white;
  }
  
  .timer_container.work_nav #turns,
  .timer_container.work_nav #turnCount {
    color: #999;
  }
  
  .dialog-content {
    margin-top: 0;
  }
  
  .menu-buttons .btn.btn-clear {
    color: #efefef;
    background-color: rgba(0, 0, 0, 0.2);
    text-shadow: none;
    box-shadow: none;
  }
  
  .timer-icon {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0px 2px;
    border-radius: 5px;
    min-width: 24px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }
  .inner-btn {
    font-size: 0.9em;
    line-height: 0.9;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 3px;
    right: 4px;
    padding: 4px 6px 4px;
    border-radius: 5px;
    margin-left: 3px;
    min-width: 30px;
  }
  
  .audio-toggle {
    vertical-align: text-bottom;
  }
  
  #subscribeButton {
    top: 1px;
  }
  
  #info-box {
    display: flex;
    color: #fff;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #003000;
    margin-left: 5px;
    padding: 3px;
  }
  
  .info-box-metrics-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .info-metric-yellow {
    color: #f7be10;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000;
  }
  .info-box-metrics-border-left {
    border-left: 1px solid #003000;
  }
  .info-box-metrics {
    text-align: center;
    margin: 0 5px;
  }
  
  #solvable-button {
    color: #fff;
    font-size: 12px;
  }
  
  .timer-button {
    font-size: 1.5em;
  }
  
  .end-of-game-modal.fade {
    transition: opacity 0.5s linear;
  }
  
  img.sponsor {
    display: none;
  }
  
  #caption {
    border-radius: 5px;
    width: 0%;
    opacity: 0;
    padding: 5px;
  }
  
  .row.menu-buttons {
    color: #ffffff;
    margin-left: -5px;
  }
  .menu-buttons .btn,
  .sgg-btn,
  .gamenav-btn,
  .sgg-container .btn {
    line-height: 1;
    padding: 4px 8px 4px 8px;
    position: relative;
    /* text-transform: uppercase; */
    font-size: 0.75em;
    /* letter-spacing: .05em; */
    font-weight: 600;
    text-shadow:
      -1px -1px 1px rgba(0, 0, 0, 0.2),
      0px 2px 1px rgba(255, 255, 255, 0.15);
  }
  
  span.edition-soli-link {
    font-size: 0.8em;
  }
  
  .menu-buttons .btn.edition-soli-link {
    text-transform: capitalize;
  }
  
  .menu-buttons .dropdown,
  .menu-buttons .dropdown-more {
    display: inline-block;
  }
  #moreMenuDropdown a.ajaxlink:active {
    color: white;
  }
  
  .menu-buttons .btn,
  .sgg-btn,
  .gamenav-btn,
  .sgg-container .btn {
    border-radius: 6px;
    box-shadow:
      2px -2px 2px rgba(0, 0, 0, 0.1),
      0px 1px 2px rgba(255, 255, 255, 0.1);
  }
  
  #all-games h5 {
    margin-bottom: 0px;
  }
  
  #pauseTimer {
    font-variant-numeric: tabular-nums;
    display: inline-block;
    padding-right: 5px;
  }
  
  #superBtn {
    left: 5px;
    bottom: 30px;
    position: absolute;
    display: none;
  }
  
  #winner {
    position: absolute;
  }
  
  #leaderboardContainer {
    display: none;
  }
  #commentList,
  #leaderboard-list {
    max-height: 365px;
    overflow-y: scroll;
  }
  
  #congrats .congrats-stats {
    min-height: 120px;
  }
  
  #congrats.leaderboardOnly .congrats-stats {
    display: none;
  }
  
  #congrats.leaderboardOnly .congrats-bottom {
    display: none;
  }
  
  #congrats .table-sm .bg-warning td:first-of-type {
    padding-left: 0.4rem;
  }
  #congrats .table-sm .bg-warning td:last-of-type {
    padding-right: 0.4rem;
  }
  
  #congrats .congrats-comment-input {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
  }
  
  #congrats .congrats-bottom {
    padding-top: 5px;
  }
  
  #congrats .table-sm td {
    padding: 0.3rem 0;
  }
  
  .avatarCongratsLink {
    display: inline-block;
  }
  
  .avatarCongratsLink:hover {
    text-decoration: none;
  }
  
  .avatarCongratsIcon {
    aspect-ratio: 1;
  }
  
  .avatarCongratsResizer {
    height: 14px;
    vertical-align: bottom;
    transform: scale(1.5);
    padding-left: 2px;
    padding-right: 2px;
  }
  
  #avatarAccountDropdown {
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
  }
  
  .plus-5-coin {
    position: absolute;
    font-size: 20px;
    width: 100px;
  }
  
  .coin {
    background: url("images/coin.png");
    display: inline-block;
    background-size: contain;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  
  .gotd-streak-flex {
    display: flex;
    align-items: center;
  }
  
  .gotd-stats-flex {
    display: flex;
    justify-content: center;
  }
  
  .gotd-reminder-tooltip {
    padding: 10px;
  }
  
  .gotd-reminder-tooltip {
    padding: 10px;
  }
  
  .gotd-reminder-icon {
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 10V13" stroke="%23dc3545" stroke-width="2" stroke-linecap="round"/><path d="M12 16V15.9888" stroke="%23dc3545" stroke-width="2" stroke-linecap="round"/><path d="M10.2518 5.147L3.6508 17.0287C2.91021 18.3618 3.87415 20 5.39912 20H18.6011C20.126 20 21.09 18.3618 20.3494 17.0287L13.7484 5.147C12.9864 3.77538 11.0138 3.77538 10.2518 5.147Z" stroke="%23dc3545" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: inline-block;
    background-size: contain;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  
  .heart-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 107.39'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ed1b24;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ered-heart%3C/title%3E%3Cpath class='cls-1' d='M60.83,17.18c8-8.35,13.62-15.57,26-17C110-2.46,131.27,21.26,119.57,44.61c-3.33,6.65-10.11,14.56-17.61,22.32-8.23,8.52-17.34,16.87-23.72,23.2l-17.4,17.26L46.46,93.55C29.16,76.89,1,55.92,0,29.94-.63,11.74,13.73.08,30.25.29c14.76.2,21,7.54,30.58,16.89Z'/%3E%3C/svg%3E");
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  
  .diamond-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 122.88'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fe0000;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eplaying-card-diamond-shape%3C/title%3E%3Cpath class='cls-1' d='M0,61.51A234.72,234.72,0,0,0,61.51,0a204.09,204.09,0,0,0,61.37,61.37,229.27,229.27,0,0,0-61.39,61.51A215.26,215.26,0,0,0,0,61.51Z'/%3E%3C/svg%3E");
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  
  .club-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 119.53 122.88'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eplaying-card-club-shape%3C/title%3E%3Cpath class='cls-1' d='M30.14,41.83c.64,0,1.28,0,1.91.06a30.14,30.14,0,1,1,55.52,0c.61,0,1.21-.06,1.83-.06A30.14,30.14,0,1,1,65.55,90.38c5.35,10,11.91,20.24,22.73,25.61v6.89h-57V116c8.36-3,15-12.62,20.84-23.38a30.14,30.14,0,1,1-22-50.78Z'/%3E%3C/svg%3E");
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  
  .spade-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 116.93 122.88'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eplaying-card-spade-shape%3C/title%3E%3Cpath class='cls-1' d='M62.61,91.7a35.65,35.65,0,0,0,5.2,5.22c17.88,14.5,43.85,5.1,48.52-17.79a26.74,26.74,0,0,0-.27-12.43c-2.17-7.89-9.4-15.88-17.15-23.19-3.71-3.5-7.27-6.76-10.77-10C77.7,23.73,66.06,12.12,58.47,0h0C50.87,12.12,39.23,23.73,28.79,33.48c-3.5,3.27-7.06,6.53-10.77,10C10.27,50.82,3,58.81.87,66.7A26.74,26.74,0,0,0,.6,79.13C5.27,102,31.24,111.42,49.12,96.92A35.68,35.68,0,0,0,54.88,91c-5.41,12.62-13,21.27-23.79,25.27v6.62h55v-6.62C75.47,112.33,68,103.93,62.61,91.7Z'/%3E%3C/svg%3E");
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
  
  .coin.coin-small {
    height: 12px;
    width: 12px;
    vertical-align: text-bottom;
  }
  
  #congrats,
  #lasVegasNewGameModal {
    display: none;
    position: absolute;
    min-width: 40%;
    z-index: 200;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
    background: rgba(255, 255, 255, 0.95);
    padding: 3vh 3vh 3vh 3vh;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 44px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 44px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 44px 5px rgba(0, 0, 0, 0.55);
    text-align: center;
  }
  
  #congrats .congrats_text {
    color: #333;
    text-shadow: none;
    font-family: "Luckiest Guy", sans-serif;
    font-size: 4vh;
  }
  #congrats .social_share {
    font-family: "Luckiest Guy", sans-serif;
    font-size: 1.3em;
  }
  
  #congratsRetry.disabled {
    background-color: #ffc10799;
    border-color: #ffc10799;
    color: #00000099;
    cursor: not-allowed;
  }
  
  #congrats .congrats-stats {
    font-size: 1em;
  }
  
  #congrats .co2-message {
    display: inline-block;
    background-color: #c0e1c8;
    color: #005000;
  }
  
  #congrats hr.dotted-border {
    border-top: 1px dashed #ccc;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    width: 90%;
  }
  
  #closeCongrats,
  #closeVegasCongrats {
    font-weight: bold;
    font-size: 1.5rem;
    color: #ccc;
    position: absolute;
    top: 5px;
    right: 16px;
    cursor: pointer;
  }
  
  #closeCongrats:hover,
  #closeVegasCongrats:hover {
    text-decoration: none;
  }
  
  #congrats.minimizeCongrats {
    height: 25%;
    min-height: 150px;
    top: 73%;
  }
  
  #congrats.maximizeCongrats {
    height: auto;
    top: 50%;
  }
  
  #shareScore.btn:hover,
  #shareScore.btn-outline-success:hover {
    color: #28a745;
    background-color: #ffffff;
  }
  .trophy-bg {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .trophyHeadlines {
    font-family: "Luckiest Guy", sans-serif;
  }
  
  #gotd-streak-status:hover {
    text-decoration: none;
  }
  
  .trophy-month-streak-labels {
    margin: 0 5px;
  }
  
  .trophy-month-streak-labels .col {
    padding: 0;
  }
  
  .trophy-help {
    display: inline-block;
    border: 1px solid #999;
    padding: 2px 7px;
    font-size: 10px;
    border-radius: 10px;
    color: #999;
  }
  
  .trophy-help:hover {
    border: 1px solid #75b7ff;
    color: #75b7ff;
  }
  
  #congrats .congrats-stats .jumbotron {
    margin-bottom: 0.5rem;
  }
  
  #congrats .highscore-body {
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: capitalize;
  }
  
  #congrats .highscore-body .table {
    margin-bottom: 0rem;
  }
  
  #congrats .highscore-body .table .highscore-row {
    position: relative;
  }
  
  #congrats .highscore-body thead {
    position: sticky;
    top: 0;
    background-color: #e9ecef;
    z-index: 1;
  }
  
  .pr-trophy {
    animation: medal 0.5s ease-out infinite alternate;
  }
  @keyframes medal {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.5);
    }
  }
  
  .pr-wins-trophy {
    animation: trophyScale 2s ease-out 1 alternate;
  }
  
  @keyframes trophyScale {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      opacity: 0.9;
    }
    80% {
      transform: scale(12);
      opacity: 0;
    }
    81% {
      transform: scale(0.1);
      opacity: 0;
    }
    97% {
      transform: scale(1.1);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  .high-score-username {
    word-break: break-all;
  }
  .page-link {
    font-size: 1.2em;
  }
  .post img {
    max-width: 100%;
  }
  
  .post ul li,
  .post ol li {
    margin-bottom: 10px;
  }
  
  .complete_container {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 50%;
    width: 90%;
    text-align: center;
  }
  
  .version {
    color: gray;
  }
  
  .cc-window.cc-banner,
  .cc-window.cc-floating {
    width: 40%;
    margin-left: 30%;
    font-size: 0.7em;
  }
  
  #timerContainer h1,
  #timerContainer .game-title,
  #timerContainer h2 {
    font-size: 1.5em;
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
    font-weight: 500;
    top: 2px;
    margin-right: 10px;
  }
  #timerContainer .game-title {
    line-height: 1.2;
  }
  
  .simple-mobile-show {
    display: none !important;
  }
  
  .btn-gotd .badge {
    top: 0px;
    display: inline;
    text-shadow: none;
    font-size: 0.7em;
  }
  
  .btn-gotd.active {
    cursor: text;
  }
  
  #gotd {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    display: inline;
    border-radius: 5px;
    color: white;
  }
  
  #gotd {
    font-family: "Luckiest Guy", sans-serif;
  }
  
  #gameStatusMessage {
    position: absolute;
    bottom: 0;
    left: 100px;
    display: inline-block;
    /* override */
    border: none;
    font-size: 0.8rem;
    display: flex;
    height: 100px;
    z-index: 1000;
  }
  /* override */
  #gameStatusMessage .alert {
    padding: 4px 17px;
    border-radius: 20px;
    align-self: flex-end;
  }
  #gameStatusMessage .alert-success {
    color: rgba(255, 255, 255, 0.9);
    background-color: #576497;
    border: none;
    border-radius: 90px 90px 90px 0;
    margin: 0 0 40px -10px;
  }
  #gameStatusMessage .alert .ajaxlink,
  #gameStatusMessage .alert a {
    color: white;
    text-decoration: underline;
  }
  .game_container:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background: radial-gradient(rgb(150 0 29 / 64%), #0e0054);
    }
  .freda {
    background-image: url("images/freda.png?v=1");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 120px;
    height: 100px;
    display: block;
    align-self: flex-end;
  }
  
  .custom-card-back img,
  .custom-card-deck,
  .custom-theme {
    border: 2px solid #fff;
  }
  
  .custom-card-deck img {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin: 2px;
  }
  
  .custom-card-back img,
  .custom-theme img {
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 2px;
  }
  
  .custom-card-back .cardBackSelected,
  .custom-card-deck.cardBackSelected,
  .custom-theme.cardBackSelected {
    border: 2px solid #666;
  }
  
  .custom-card-deck,
  .custom-theme {
    text-align: center;
    font-size: 0.7em;
    cursor: pointer;
  }
  
  img.custom-theme-card {
    margin-left: -20px;
  }
  #colorPicker {
    width: 60px;
    height: 60px;
  }
  #ot-sdk-btn.ot-sdk-show-settings,
  #ot-sdk-btn.optanon-show-settings {
    font-size: 1em !important;
    color: #666 !important;
    padding: 0px !important;
    border: 0px !important;
  }
  
  #ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: white !important;
  }
  #ot-sdk-btn-floating.ot-floating-button {
    display: none;
  }
  
  .solve-move-container {
    position: relative;
  }
  
  .solve-move::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px; /* Adjust fade length */
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0)
    );
    pointer-events: none;
  }
  
  .solve-move {
    scrollbar-width: none;
    height: 34px;
    overflow-y: auto;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  
  .solve-move li {
    margin-bottom: 0px;
    color: #666;
    width: 100%;
  }
  
  .solve-move li:last-child {
    color: #212529;
  }
  
  .report-bug {
    cursor: pointer;
    padding-left: 10px;
  }
  
  .report-bug:hover {
    text-decoration: underline;
  }
  
  #lngtd-video-player {
    z-index: 0 !important;
  }
  
  #solitaired_MA {
    display: none;
  }
  
  #hint-explanations-enable {
    display: none;
  }
  
  #hint-explanation-modal {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 10px;
    margin: 0;
    font-size: small;
    padding: 5px 10px;
    background: white;
    border-radius: 8px;
    border: 4px solid #005000;
    max-width: 640px;
  }
  
  #hint-explanation-modal .btn {
    font-size: 0.85em;
    font-weight: bold;
  }
  
  #hint-explanation-modal .rules-explanation {
    margin: 3px 0px 0px 7px;
  }
  
  #hint-explanation-modal-expander a.collapsed::after {
    content: "+ Show Explanation";
  }
  
  #hint-explanation-modal-expander a:not(.collapsed)::after {
    content: "- Hide Explanation";
  }
  
  .placed {
    width: 20%;
    display: inline-block;
    padding: 1px;
    text-align: center;
  }
  
  #userStats {
    min-height: 700px;
  }
  
  .dropdown-item {
    cursor: pointer;
  }
  .new-game-modal-all-games {
    max-height: 70vh;
  }
  
  .single-play-button {
    min-width: 150px;
  }
  
  .new-game-modal-description-container {
    max-height: 70vh;
    overflow: scroll;
  }
  
  .new-game-modal-col {
    overflow: scroll;
  }
  
  #new-game-modal .dropdown-item:hover {
    background-color: #28a74533;
  }
  
  #new-game-modal .dropdown-item:active {
    background-color: #28a745;
    font-weight: bold;
  }
  
  .new-game-modal-description-text {
    margin-bottom: 10px;
  }
  .new-game-modal-description-img {
    width: 350px;
    object-fit: contain;
    outline: 2px solid green;
  }
  
  .new-game-modal-description-additional {
    list-style: none;
    padding-left: 0px;
    margin-top: -10px;
  }
  .new-game-modal-description-additional h4 {
    font-size: 1em;
    padding-top: 10px;
    font-weight: bold;
  }
  .new-game-modal-description-additional ul {
    list-style: none;
    padding-left: 10px;
  }
  .new-game-modal-description-additional ul li {
    padding-bottom: 5px;
  }
  
  .disclaimer-modal {
    font-size: 0.6em;
    color: #999;
    text-align: left;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
  .personal-stats-secondary {
    font-size: 0.7em;
  }
  
  .reset-warning-message {
    background-color: #bb0000;
    font-size: 0.8em;
  }
  
  .reset-warning-green {
    background-color: #c0e1c8;
  }
  
  .helpdesk-topic {
    margin: 10px;
  }
  
  .menu-buttons .settings-svg {
    display: none;
  }
  .menu-buttons .settings-label {
    display: inline-block;
  }
  
  #claimTrophyModal .trophy-image {
    transform: scale(1);
    animation: pulse 2s infinite;
  }
  
  @keyframes pulse {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 gold;
    }
  
    50% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
  
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
  }
  
  @media (max-width: 1200px) {
    #adSidebarContainer {
      margin-top: 0px;
    }
  }
  @media (max-width: 1024px) {
    #adSidebarContainer {
      flex: 0 0 300px;
    }
  
    #solitaired_desktop_right_rail_2_container {
      display: none;
    }
    #congrats {
      width: 70%;
      top: 5%;
      left: 15%;
      height: 90%;
      transform: initial;
      z-index: 1000;
      overflow-y: scroll;
    }
  
    #congrats.minimizeCongrats {
      height: 25%;
      min-height: 150px;
      top: 71%;
    }
  
    #congrats.maximizeCongrats {
      height: 90%;
      top: 5%;
    }
  }
  
  @media (max-width: 919px) {
    #info-box {
      font-size: 0.7em;
    }
    .info-metric-yellow {
      font-size: 1.5em;
    }
  
    #adSidebarContainer {
      flex: 0 0 0px;
    }
    #adSidebarContainer #solitaired_desktop_right_rail_2 {
      /* width: 160px; */
    }
    .leaderboard-nav-btn,
    #subscribeButton {
      display: none;
    }
    #usernameHelp {
      display: none;
    }
    .all-game-text {
      font-size: 1em;
    }
  }
  
  @media (min-width: 451px) and (max-width: 919px) and (orientation: portrait) {
    #timerContainerBottom {
      height: 170px;
    }
  }
  
  @media (max-width: 770px) {
    #subscribeButton {
      display: none;
    }
    #adSidebarContainer {
      display: none;
    }
    #adSidebarContainer ins {
      display: none;
    }
  
    .all-game-thumbnail {
      aspect-ratio: 7 / 3;
    }
  }
  
  @media (max-width: 769px) {
    #adSidebarContainer {
      display: none;
    }
    #adSidebarContainer ins {
      display: none;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .navbar-brand {
      margin-right: 0;
    }
  
    .personal-stats-secondary {
      font-size: 0.6em;
    }
  }
  
  @media (max-width: 576px) {
    .sso-button-container {
      margin: 2px;
    }
  
    .cc-window.cc-banner,
    .cc-window.cc-floating {
      width: 100%;
      margin-left: 0%;
      font-size: 0.7em;
    }
  
    .nav-item.l-border {
      border-left: 0px;
      margin-left: 0px;
      padding-left: 0px !important;
    }
  
    li.nav-item {
      margin: 5px 0px;
    }
    .row.menu-buttons .btn {
      /* display: block; */
      margin-bottom: 5px;
    }
    .row.menu-buttons .btn,
    .row.menu-buttons a,
    .row.menu-buttons .dropdown-item {
      font-size: 0.8em;
    }
  
    #openPassSignInLinkContainer,
    #openPassRegisterLinkContainer {
      min-height: 400px;
    }
  }
  @media (max-width: 450px) {
    .trophy-help {
      padding: 1px 3px;
      margin-left: 5px;
    }
  
    #scoreTooltip {
      display: none;
    }
  
    .menu-buttons .settings-svg {
      display: inline-block;
    }
    .menu-buttons .settings-label {
      display: none;
    }
  
    .timer_container,
    #timerContainerBottom {
      font-size: 11px;
    }
  
    #info-box {
      font-size: 0.65em;
    }
  
    #info-box {
      font-size: 0.65em;
    }
  
    .info-box-metrics {
      margin: 0 2px;
    }
    .info-metric-yellow {
      font-size: 1.25em;
    }
  
    .trophy-personal-stats .col {
      padding-right: 2px;
      padding-left: 2px;
    }
  
    .trophy-personal-stats h4 {
      font-size: 1.25rem;
    }
  
    .celtra-ad-inline-host .notranslate {
      max-width: none;
      max-height: 169px !important;
      position: initial !important;
    }
  
    #hint-explanation-modal {
      bottom: 200px;
    }
  
    #solitaired_ad_mobile {
      height: 50px !important;
      overflow: hidden !important;
    }
  
    #solitaired_MA {
      display: block;
    }
  
    #congrats .congrats-title {
      height: 64px;
    }
  
    #congrats .congrats-stats {
      min-height: 120px;
    }
  
    #congrats .trophy-month-streak-labels {
      min-height: 25px;
    }
  
    span.navbar-brand {
      font-size: 0.65em;
    }
    .fullscreen-btn {
      display: none;
    }
  
    #congrats {
      width: 95%;
      height: 95%;
      top: 3%;
      left: 2.5%;
      transform: initial;
      padding: 3vh 2vh 3vh 2vh;
    }
  
    #congrats.leaderboardOnly {
      height: 50%;
    }
  
    #lasVegasNewGameModal {
      width: 95%;
      height: 95%;
      top: 20%;
      left: 2.5%;
      transform: initial;
      padding: 3vh 2vh 3vh 2vh;
    }
  
    .co2-message {
      font-size: 0.85em;
    }
  
    #gameStatusMessage {
      position: absolute;
      bottom: 200px;
      left: 10px;
      display: inline-block;
      height: 50px;
      font-size: 0.5rem;
    }
  
    #gameStatusMessage .freda {
      height: 50px;
      width: 60px;
    }
    #gameStatusMessage .alert {
      margin-bottom: 0.2rem;
    }
  
    .row.menu-buttons .btn,
    .row.menu-buttons a,
    .row.menu-buttons .dropdown-item {
      display: inline-block;
      margin-bottom: 5px;
      font-size: 0.8em;
    }
    .row.menu-buttons .col {
      padding-left: 11px;
      padding-right: 2px;
    }
  
    .timer_container {
      margin-bottom: 10px;
    }
    .timer_container .btn {
      font-size: 11px !important;
    }
    #timerContainer h1,
    #timerContainer h2 {
      display: inline-block;
      margin-bottom: 0px;
      position: relative;
      font-weight: 300;
      top: -2px;
      margin-right: 5px;
      padding: 3px 5px;
      font-size: 0.9em;
      line-height: 1.1;
    }
    .mr-2,
    .mx-2 {
      margin-right: 5px;
    }
  
    .game-description {
      height: 7vh;
    }
    .page-link {
      font-size: 1em;
    }
  
    .new-game-modal-all-games {
      max-height: 20vh;
    }
    .new-game-modal-description-container {
      max-height: 50vh;
    }
    nav.navbar span.navbar-toggler-icon {
      font-size: 1rem;
    }
    .navbar-toggler-icon {
      width: 1em;
      height: 0.5em;
    }
    .navbar-toggler {
      padding: 0.1rem;
      margin: 0.25rem 0.5rem 1rem 0.5rem;
    }
  }
  
  @media (max-width: 919px) and (max-height: 420px) {
    #site-header {
      height: 0;
      display: none;
    }
  
    .timer_container,
    #timerContainerBottom {
      position: relative;
      z-index: 1000;
    }
  
    .timer_container {
      z-index: 2000;
    }
  
    #info-box {
      padding: 0px 5px;
    }
  
    .sidebar-slogan,
    .sidebar-stats,
    #solitaired_D1,
    #solitaired_wg_D1 {
      display: none;
    }
  
    .timer_container {
      position: absolute;
      width: 140px;
      top: 0px;
      right: 1px;
      left: initial;
    }
  
    .timer-container .row.menu-buttons .col {
      padding-left: 5px;
      margin-left: 5px;
    }
    .timer_container .btn {
      margin-bottom: 5px;
    }
  
    /* Make other game buttons flex vertically */
    div:not(.sgg-container) > .timer_container .btn-group.turn-btns,
    div:not(.sgg-container) > .timer_container #mahjong-shape-btns.btn-group {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
  
    div:not(.sgg-container)
      > .timer_container
      .btn-group.turn-btns
      > .btn-group.turn-btns:not(:last-child)
      > .btn,
    div:not(.sgg-container)
      > .timer_container
      .btn-group.turn-btns
      > .btn:not(:last-child),
    div:not(.sgg-container)
      > .timer_container
      #mahjong-shape-btns.btn-group
      > .btn-group.turn-btns:not(:last-child)
      > .btn,
    div:not(.sgg-container)
      > .timer_container
      #mahjong-shape-btns.btn-group
      > .btn {
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
    }
  }
  
  #facebookOneTap {
    display: none;
    width: 385px;
    position: fixed;
    top: 40px;
    right: 20px;
    z-index: 1000;
    border-radius: 0.75rem;
    filter: drop-shadow(5px 5px 4px #2d2d2d);
  }
  
  #facebookOneTap .card-header {
    border-radius: 0.75rem 0.75rem 0 0;
  }
  
  @media screen and (max-width: 500px) {
    #facebookOneTap {
      width: 100%;
      top: unset;
      bottom: 0;
      left: 0;
      right: 0;
      filter: unset;
      border-radius: 0;
    }
    #facebookOneTap .card-header {
      border-radius: 0;
    }
  }
  
  .gotd-cal-day {
    width: 50px;
    border: #00000066 solid 1px;
    text-align: center;
    padding: 5px 0px;
  }
  
  .gotd-cal-day.completed,
  .trending-game-info.completed {
    background-color: #28a74533;
  }
  
  .gotd-cal-day.current-game {
    background-color: #007bff33;
    color: white;
  }
  .gotd-cal-day.current-game.completed {
    background-color: #28a745;
    color: white;
  }
  
  .gotd-cal-day.in-progress {
    border: white solid 1px;
  }
  
  .trending-game-info.in-progress {
    border: white solid 2px;
  }
  
  .gotd-cal-day.current-game.completed a {
    color: white;
  }
  
  .seed-indicator {
    display: inline-block;
    font-size: 8px;
    position: relative;
    vertical-align: middle;
    margin: 0 10px;
    cursor: pointer;
  }
  
  .mobile-seed-indicator {
    display: none;
  }
  
  .trending-games-table {
    margin-bottom: 0px;
    font-size: 0.9em;
  }
  .trending-games-table a {
    display: block;
  }
  
  .trending-games-table.table-sm th,
  .trending-games-table.table-sm td {
    padding: 0.05rem;
  }
  
  .modal-tab-item {
    cursor: pointer;
    padding: 5px 10px;
    color: #007bff;
    display: block;
    border-radius: 3px;
  }
  
  .modal-tab-item:hover {
    background-color: #007bff10;
  }
  
  .modal-tab-item.active {
    color: white;
    background-color: #007bff;
  }
  
  #calendarSelector {
    display: none;
  }
  
  @media (max-width: 500px) {
    #calendarTabs {
      display: none;
    }
  
    #calendarSelector {
      display: flex;
    }
  
    .modal-tab-item {
      display: inline-block;
      font-size: small;
    }
  }
  
  #gameOfDayBtn.btn.btn-warning {
    text-shadow: none;
  }
  
  #gameOfDayStatsBtn:hover {
    text-decoration: underline;
    cursor: pointer;
  }
  
  /* Fun design overrides */
  .nav-background {
    background-color: #3c0c01;
    background-image: url("images/site-backgrounds/leather.png");
    background-size: 150px;
  }
  
  nav.navbar {
    padding: 0.7em !important;
    font-size: 14px !important;
    /* prevent preroll ad message from covering the mobile dropdown. */
    z-index: 100;
    background: linear-gradient(
      180deg,
      #00000000 60%,
      #ffffff11 90%,
      #00000033 100%
    );
    box-shadow: 0px 2px 5px #00000066;
  }
  
  .homepage-headline {
    color: #245324;
  }
  
  .homepage-h4 {
    color: #245324;
  }
  
  .all-game-thumbnail {
    background-color: #245324;
  }
  
  .all-game-text {
    background: linear-gradient(#245324, #003000);
  }
  
  nav.navbar a,
  nav.navbar span,
  nav.navbar .nav-item.dropdown a.nav-link {
    color: #ffe2d1;
    font-size: 0.8rem;
  }
  
  nav.navbar a.dropdown-item {
    color: #5c3525;
  }
  .nav-item.l-border {
    border-left: 1px solid #503232;
  }
  
  .nav-item.l-border {
    border-left: 0px;
  }
  
  .game_container {
    box-shadow: inset 0px 0px 100px #00000066;
  }
  
  .sidebar-stats {
    background-color: #00000033;
  }
  
  .menu-buttons .btn,
  .sgg-btn,
  .gamenav-btn,
  .sgg-container .btn {
    padding: 0.6em !important;
    font-size: 1.1em !important;
    font-weight: 800;
    border-radius: 8px;
  }
  .menu-buttons .btn:focus {
    box-shadow: none !important;
  }
  
  .menu-buttons .btn-group > .btn:not(.active):hover {
    z-index: auto;
  }
  
  .menu-buttons .btn.btn-success {
    background-color: #ed193d;
    border-color: #b30e18;
    border-right-width: 3px;
    border-bottom-width: 3px;
    text-shadow: 1px 1px 0px #b30e18;
  }
  
  .menu-buttons .btn-success:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #134b20;
    border-color: #124b20;
    border-width: 0px;
    box-shadow: inset 0px 0px 2px #000;
  }
  
  .menu-buttons .btn-group > .btn-group:not(:last-child) > .btn,
  .menu-buttons .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-right-width: 0px;
  }
  
  .menu-buttons .btn.btn-info {
    background-color: #ed193d;
    border-color: #b30e18;
    text-shadow: 1px 1px 0px #ed193d;
    color: #fff;
    position: relative;
    border-bottom-width: 3px;
    border-right-width: 3px;
  }
  
  .menu-buttons .btn.btn-info:hover {
    background-color: #b30e18;
    border-color: #b30e18;
  }
  
  .menu-buttons .btn.btn-info:active {
    background-color: #b30e18;
    color: #fff;
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #b30e18;
  }
  
  .menu-buttons .btn.btn-success:not(:disabled):not(.disabled).active,
  .menu-buttons .btn.btn-success:not(:disabled):not(.disabled):active {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #b30e18;
  }
  
  .menu-buttons.word-game-menu .btn {
    padding: 0.6em !important;
    font-size: 0.9em !important;
    margin-top: 5px;
  }
  
  .menu-buttons.word-game-menu
    .btn.btn-success:not(:disabled):not(.disabled).active,
  .menu-buttons.word-game-menu
    .btn.btn-success:not(:disabled):not(.disabled):active {
    top: 0px;
    left: 0px;
  }
  
  .menu-buttons .settings-svg {
    display: none;
  }
  .menu-buttons .settings-label {
    display: inline-block;
  }
  
  #congrats .co2-message {
    color: #245324;
  }
  
  #timerContainer h1,
  #timerContainer .game-title,
  #timerContainer h2 {
    font-weight: 700;
    top: 3px;
  }
  
  #hint-explanation-modal {
    border: 4px solid #245324;
  }
  
  .spider-menu .menu-buttons .settings-svg,
  .freecell-menu .menu-buttons .settings-svg {
    display: inline-block;
  }
  .spider-menu .menu-buttons .settings-label,
  .spider-menu .menu-buttons .gotd-menu-text,
  .freecell-menu .menu-buttons .settings-label,
  .freecell-menu .menu-buttons .gotd-menu-text {
    display: none !important;
  }
  
  @media (max-width: 767px) {
    .menu-buttons .btn {
      font-size: 0.9em !important;
      padding: 0.7em 0.4em !important;
    }
  
    .menu-buttons .settings-svg {
      display: inline-block;
    }
    .menu-buttons .settings-label {
      display: none;
    }
  }
  
  @media (max-width: 576px) {
    .row.menu-buttons .btn,
    .row.menu-buttons a {
      font-size: inherit;
    }
  }
  
  @media (max-width: 450px) {
    .timer_container .long-mobile-menu {
      display: block;
    }
  
    .seed-indicator {
      display: none;
    }
  
    .top-status-banner {
      font-size: 0.7rem;
    }
  
    .mobile-seed-indicator {
      display: inline-block;
      font-size: 0.5em;
      margin-left: 10px;
    }
  
    .navbar-toggler {
      margin: 0px;
    }
  
    .menu-buttons.word-game-menu .btn {
      font-size: 0.7em !important;
    }
  
    .timer_container .btn {
      font-size: inherit;
    }
    #timerContainer h1,
    #timerContainer h2 {
      display: block;
      text-align: center;
      font-weight: 800;
      font-size: 1.2em;
      margin-bottom: 5px;
    }
  
    #gotdcalendar-modal .modal-title {
      font-size: 1.2em;
    }
  
    #gotdcalendar-modal .modal-tab-item {
      padding: 2px 5px;
    }
  
    .gotd-cal-day {
      padding: 1px 0;
    }
  
    .simple-mobile {
      font-size: 1.3em;
      display: flex;
      align-content: flex-start;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      align-items: center;
    }
  
    .simple-mobile h1#gameName {
      font-size: 1em;
      top: 0px;
    }
  
    .simple-mobile-hide {
      display: none;
    }
    .simple-mobile-show {
      display: inline-block !important;
    }
  }
  
  @media (max-width: 919px) and (max-height: 420px) {
    .menu-buttons .btn,
    .sgg-btn,
    .gamenav-btn,
    .sgg-container .btn {
      padding: 0.5em !important;
    }
  }
  
  #solver-loader {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 10px;
    align-items: center;
  }
  
  .solver-loading-container {
    position: relative;
    width: 47px;
    height: 67px;
    margin: 0 auto 20px;
  }
  
  .solver-loading-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    opacity: 0;
    animation: dealIn 3s ease-in-out infinite;
  }
  
  .solver-loading-container img:nth-child(1) {
    animation-delay: 0s;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  .solver-loading-container img:nth-child(2) {
    animation-delay: 0.5s;
    top: 5px;
    left: 5px;
    z-index: 2;
  }
  
  .solver-loading-container img:nth-child(3) {
    animation-delay: 1s;
    top: 10px;
    left: 10px;
    z-index: 3;
  }
  
  @keyframes dealIn {
    0% {
      transform: translateX(-200%) rotate(-10deg);
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    40%,
    80% {
      transform: translateX(0%) rotate(0deg);
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .nav-background {
    display: none;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #b30e18;
  border-color: #b30e18;
}
.gameMenuCol2 {
    text-align: right;
    font-size: 15px;
}

.gameMenuCol2 a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    font-weight: 600;
}
.dropdown .dropdown-menu {
  transition: all 0.2s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
}
.dropdown-item:focus, .dropdown-item:hover {
  background: linear-gradient(45deg, #5f0d16, #c71b25, #ec183c);
  color: #fff;
}
.dropdown-item {
  padding: 12px 15px;
}