html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}
trivia-game {
  display: block;
  height: 100%;
}
.fp-i .SzDvzc {
  display: none;
}
.fp-f {
  bottom: 0;
  height: auto;
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  width: auto;
  z-index: 127;
}
.fp-h:not(.fp-nh):not(.goog-modalpopup-bg):not(.goog-modalpopup) {
  display: none !important;
}
.fp-zh.fp-h:not(.fp-nh):not(.goog-modalpopup-bg):not(.goog-modalpopup) {
  display: block !important;
  height: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-i .fp-c {
  display: block;
  min-height: 100vh;
}
li.fp-c {
  list-style: none;
}
.fp-w {
  box-sizing: border-box;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1217px;
  right: 0;
}

/* ---------- SEO content ---------- */
  #ContentLayout {
      width: 100%;
      max-width: 100%;
      background: #161b22;
      color: #e6edf3;
      padding: 40px 0px 10px 0px;
      margin-top: 24px;
	  margin-bottom: 0px;
  }
  #ContentLayout .ContentInner {
      max-width: 900px;
      margin: 0 auto;
  }
  #ContentLayout h2 {font-size: 22px; margin: 28px 0 10px 0;}
  #ContentLayout h3 {font-size: 20px; margin: 20px 0 8px 0;}
  #ContentLayout p, #ContentLayout li {font-size: 16px; line-height: 1.2;}


body{margin:0;background:#05070f;}
.ct-container-full{padding:0;width:100%;}
h1,h2,h3,h4,h5,h6{color:revert;}
h1{color:revert;font-family:revert;font-size:52px;line-height:1;}
#header [data-row]>div{border:none!important;}
#header [data-row*=middle]{max-height:75px;}

#App{
    --sn-bg:#0c1622;--sn-bg2:#070d16;--sn-fg:#E8F2FB;--sn-muted:#8AA0B8;
    --sn-panel:#13233a;--sn-border:#274a6b;--sn-accent:#38BDF8;--sn-accent2:#FB7185;
    --sn-cyan:#22D3EE;--sn-gold:#FBBF24;--sn-overlay:rgba(12,22,34,0.92);
    --sn-accent-sh:#1c6f97;--sn-glow:rgba(56,189,248,0.45);--sn-title:#A9E6FF;
    width:100%;max-width:100%;margin-bottom:0;position:relative;min-height:100vh;
    display:flex;flex-direction:column;align-items:center;
    background:radial-gradient(120% 90% at 50% 0%,#16293f 0%,#0c1622 45%,#070d16 100%);
    color:var(--sn-fg);font-family:'Nunito',sans-serif;font-size:16px;
    box-sizing:border-box;padding:10px 12px 16px;transition:background .45s ease;
}
#App.sn-mode-chill{
    --sn-accent:#3FA9F5;--sn-accent-sh:#1c6f97;--sn-glow:rgba(63,169,245,0.5);--sn-title:#BCDDFF;--sn-border:#2c557d;
    background:radial-gradient(120% 90% at 50% 0%,#1b3754 0%,#0e2238 45%,#08111e 100%);
}
#App.sn-mode-classic{
    --sn-accent:#2BD96B;--sn-accent-sh:#147a44;--sn-glow:rgba(43,217,107,0.45);--sn-title:#9CF0BE;--sn-border:#1f5e3f;
    background:radial-gradient(120% 90% at 50% 0%,#143c2b 0%,#0c2419 45%,#06140d 100%);
}
#App.sn-mode-hard{
    --sn-accent:#FF5C3D;--sn-accent-sh:#a5331f;--sn-glow:rgba(255,92,61,0.5);--sn-title:#FFC2B2;--sn-border:#7a3327;
    background:radial-gradient(120% 90% at 50% 0%,#3c1611 0%,#220a0e 45%,#120406 100%);
}
#App *,#App *::before,#App *::after{box-sizing:border-box;}

#SnakeHeader{width:100%;text-align:center;padding:6px 12px 4px;flex:0 0 auto;}
#SnakeHeader h1{
    font-family:'Orbitron',sans-serif;font-size:44px;line-height:1;font-weight:900;
    margin:0 0 8px;letter-spacing:6px;text-transform:uppercase;
    color:var(--sn-title);
    text-shadow:0 0 8px var(--sn-glow),0 0 22px var(--sn-glow),0 3px 0 rgba(0,0,0,0.45);
}
#SnakeHeader .tagline{color:#9FC6E0;font-size:16px;margin:2px 0 0;font-weight:800;}

#NavToolbar{
    width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:8px;padding:25px 6px 8px;
}
#NavToolbar button,#NavToolbar a.sn-toolbtn{
    background:var(--sn-panel);color:var(--sn-fg);border:2px solid var(--sn-border);
    border-radius:10px;padding:7px 14px;font-size:15px;cursor:pointer;
    text-decoration:none;line-height:1.2;display:inline-block;font-weight:800;
    font-family:'Nunito',sans-serif;box-shadow:0 3px 0 #060a14;transition:.15s;
}
#NavToolbar button:hover,#NavToolbar a.sn-toolbtn:hover{
    border-color:var(--sn-accent);color:var(--sn-accent);transform:translateY(-1px);
    box-shadow:0 4px 0 #060a14,0 0 12px var(--sn-glow);
}
#NavToolbar button:active{transform:translateY(2px);box-shadow:0 1px 0 #060a14;}

#GameLayout{
    width:100%;display:flex;align-items:flex-start;justify-content:center;
    gap:16px;flex-wrap:nowrap;
}
.Ads{
    width:300px;height:600px;flex:0 0 300px;border:1px dashed var(--sn-border);
    border-radius:8px;background:var(--sn-bg2);display:flex;align-items:center;
    justify-content:center;color:var(--sn-muted);overflow:hidden;
}
  .horizontalads {
      display: flex; 
      background:var(--sn-bg2);
      color: #8b98a5; 
      width: 920px;
      height: 90px;
	  margin-top:40px;
	  border:1px dashed var(--sn-border);
      border-radius: 8px;
      align-items: center;
      justify-content: center;
      overflow: hidden;
  }

#GameStage{
    position:relative;width:800px;max-width:100%;height:600px;
    border-radius:16px;overflow:hidden;background:#0a0e1a;
    box-shadow:0 8px 30px rgba(0,0,0,0.55),inset 0 0 0 2px var(--sn-glow),0 0 30px var(--sn-glow);
    border:3px solid var(--sn-border);flex:0 0 auto;
}
#GameStage:fullscreen,#GameStage:-webkit-full-screen{
    width:100vw;height:100vh;max-width:100vw;border-radius:0;border:none;
}
#GameStage.sn-fs{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none;z-index:99999;aspect-ratio:auto;}

@media (hover:none) and (pointer:coarse){#snDpad{display:grid;}}

@media(max-width:1450px){#AdsRight{display:none;}}
@media(max-width:1150px){#AdsLeft{display:none;}}
@media(max-width:850px){
    #GameStage{width:100%;height:auto;aspect-ratio:4/3;max-height:80vh;}
    #SnakeHeader h1{font-size:32px;}
    body{overflow:auto;}
}
@media(max-width:520px){
    #SnakeHeader h1{font-size:24px;letter-spacing:2px;}
    #NavToolbar button,#NavToolbar a.sn-toolbtn{padding:5px 10px;font-size:13px;}
}
 @media(max-width:850px) {
        body {
            background: #18181b;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        #App {
            padding: 0;
            min-height: 100vh;
            background: #18181b;
        }

        #SnakeHeader,
        #NavToolbar,
        .Ads {
            display: none !important;
        }

        #GameLayout {
            margin: 0;
            padding: 0;
            display: block;
        }

        #GameStage {
            width: 100vw;
            height: 100vh;
            max-width: 100vw;
            max-height: 100vh;
            border-radius: 0;
            border: none;
            aspect-ratio: auto;
            box-shadow: none;
            position: fixed;
            inset: 0;
            z-index: 99999;
        }
    }
	
	
	
	
 .EjCLSb {
          width: 800px;
          height: 600px;
          margin: auto;
        }
        #Q3CKle {
          position: relative;
          width: 100%;
          height: 70px;
          background-color: #4a752c;
          user-select: none;
        }
        .wSwbef {
          overflow: hidden;
        }
        .TO4uAe {
          position: relative;
          top: 16px;
          height: 38px;
          width: 38px;
          display: inline-block;
        }
        .UJhXPd {
          height: 60px;
          width: 60px;
          margin-bottom: 3px;
        }
        .XUtzXd {
          height: 100%;
          position: relative;
          top: 0;
          left: 0;
          user-drag: none;
          user-select: none;
        }
        .MR2r3b {
          position: absolute;
          top: 21px;
          visibility: hidden;
        }
        .ZEpI5d {
          position: absolute;
          top: 20px;
        }
        .mL9Mvb {
          position: absolute;
          top: 23px;
        }
        .jNB0Ic {
          width: 100%;
          height: calc(100% - 70px);
        }
        .cer0Bd {
          width: 100%;
          height: 100%;
        }
        .dyP0v {
          font-family: Roboto, Arial, sans-serif;
          color: white;
          font-size: 20px;
          width: 60px;
          height: 35px;
          position: relative;
          padding-left: 5px;
          top: 8px;
          display: inline-block;
        }
        #EfeGfb {
          position: absolute;
          left: 20px;
          height: 70px;
        }
        #RprIte {
          position: absolute;
          right: 20px;
          height: 70px;
        }
        #TqOHCc {
          width: 28px;
          right: 80px;
          z-index: 1000;
          cursor: pointer;
        }
        #yhjoFc {
          width: 30px;
          right: 40px;
          z-index: 1001;
          cursor: pointer;
        }
        #Xc2gWd {
          width: 25px;
          right: 8px;
          z-index: 1002;
          cursor: pointer;
        }
        .yZz3de #yhjoFc {
          right: 8px;
        }
        .yZz3de #TqOHCc {
          right: 46px;
        }
        #fj6BWc {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #578a34;
          z-index: 1003;
        }
        #Z3vFrd {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: rgb(0, 0, 0);
          background-color: rgba(0, 0, 0, 0.7);
          transition: opacity 0.3s;
        }
        #wkV5ib {
          position: relative;
          top: 50%;
          transform: translateY(-50%);
        }
        .T7SB3d {
          position: relative;
          background: #4ac0fd;
          width: 300px;
          height: 300px;
          margin: auto;
          border-radius: 8px;
          text-align: center;
          background-size: contain;
          user-select: none;
        }
        .jfYnYe {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          border-radius: 8px;
        }
        .bF4Gmf {
          display: inline-block;
          margin: 32px;
          text-align: center;
        }
        .dxb8tb {
          font: 400 28px Roboto, Arial, sans-serif;
          color: white;
        }
        .wUt0xf {
          width: 300px;
          margin: auto;
          display: flex;
        }
        .FL0z2d {
          background: #15c;
          height: 64px;
          border-radius: 8px;
          border: none;
          color: #fff;
          font-size: 20px;
          text-align: center;
          user-select: none;
          cursor: pointer;
          display: inline-block;
        }
        .Uxkl7b {
          margin: 12px 0 0 6px;
          flex-grow: 1;
        }
        .Uxkl7b img {
          vertical-align: middle;
          margin: 0 6px 2px -5px;
          width: 30px;
          height: 30px;
        }
        .Uxkl7b h2 {
          font: 400 20px Roboto, Arial, sans-serif;
          color: white;
          padding: 0;
          margin: 0;
          margin-top: 20px;
          display: inline-block;
        }
        .SesFYc {
          width: 64px;
          margin: 12px 6px 0 0;
        }
        .SesFYc img {
          vertical-align: middle;
          margin: 15px auto;
          width: 35px;
          height: 35px;
        }
        #pPeeKb {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          width: 800px;
          height: 600px;
          z-index: 999;
          margin: auto;
          transition: opacity 200ms;
        }
        #mbPNob {
          width: 120px;
          height: 120px;
          background-image: url(./snake_arcade/keys.svg);
          background-size: 100px auto;
          background-repeat: no-repeat;
          background-position: center;
          background-color: rgb(0, 0, 0);
          background-color: rgba(0, 0, 0, 0.6);
          border-radius: 16px;
          position: relative;
          top: 35%;
          transform: translateY(-50%);
          display: block;
          margin: auto;
          user-select: none;
        }