@font-face{
font-family:bold;
src:url(https://www.fcukaar.com/assets/fonts/bold.ttf) 
}
@font-face{
font-family:semibold;
src:url(https://www.fcukaar.com/assets/fonts/semibold.ttf) 
}
@font-face{
font-family:medium;
src:url(https://www.fcukaar.com/assets/fonts/medium.ttf) 
}
*{box-sizing:border-box;font-family:Inter,system-ui;margin:0;padding:0}
body{
background:#ECEFF1;
}
/* ===== APP LAYOUT (LOCKED) ===== */
.header{
width: 1050px;
height: 100px;
position:fixed;
top:0;
z-index:10000000;
}
.header-content{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.social-legal{
width: 100%;
height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ECEFF1;
}
.logo-contact{
width: 100%;
height: 60px;
background-color: #000;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo{
width: auto;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
}
.logo a{
text-decoration:none;
color:#fff;
}
.logo-img{
width: 60px;
height: auto;
margin-top: 10px;
}
.logo-text{
font-family: "bold";
font-weight: 900;
color: white;
font-size: 30px;
margin-left: 10px;
}
.contact{
text-decoration: none;
width: 100px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-family: "inter";
font-size: 15px;
font-weight: 500;
background-color: #C60000;
margin-right: 10px;
color: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
border-radius: 4px;
}
.app {
width: 100vw;
display: flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.main{
width:728px;
display: flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
#main{
width:100%;
display: flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.main-content{
width:1050px;
display:flex;
margin-top:100px;
}
.left-sidebar,.right-sidebar{
width:300px;
height:900px;
position:sticky;
top:120px;
display:flex;
flex-direction:column;
align-items:center;
margin-left:20px;
}
.title{
color:#c60000;
font-family:"bold";
font-size:30px; 
text-decoration:underline;
text-decoration-thickness: 5px; 
text-underline-offset: 6px;  
margin-bottom:20px;
}
.ads-300x250{
width:300px;
height:250px;
background:#fff;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.ads-300x600{
width:300px;
height:500px;
background:#fff;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
margin-top:20px;
}
.ads-728x90{
width:728px;
height:90px;
background:#fff;
margin-top:20px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
#main h2{
color:#212121;
font-family:"bold";
font-family:30px;
margin-bottom:20px;
}
#main p{
color:#212121;
font-family:"medium";
font-size:18px;
text-align:justify;
}
#loadMore{
width:100%;
height:40px;
background:#c60000;
color:#fff;
font-family:"medium";
margin-top:20px;
}
.social-share-left{
position:fixed;
top:40vh;
left:0
}
.social-share-bottom{
position:fixed;
bottom:0;
width:100%;
display:flex;
visibility:hidden
}
.share-box{
width:60px;
height:60px;
box-shadow:0 2px 4px 0 rgba(0,0,0,.2);
display:flex;
align-items:center;
justify-content:center
}
.share-box-grow{
flex-grow: 1;
height:50px;
box-shadow:0 2px 4px 0 rgba(0,0,0,.2);
display:flex;
align-items:center;
justify-content:center;
z-index:500;
}
.facebook{
background-color:#316ff6;
}
.twitter{
background-color:#000;
}
.linkedin{
background-color:#0077b5;
}
.whatsapp{
background-color:#25d366;
}
.reddit{
background-color:#ff4500;
}
.pintrest{
background-color:#e60023;
}
/* Container for each post + ad */
.post-row {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  align-items: flex-start;
}

/* Content */
.post {
  flex: 1;
}

/* Ad */
.post-ad {
  width: 300px;
  min-width: 300px;
  display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
}
/* ---------- Mobile behavior ---------- */
@media (max-width: 700px) {
  .post-row {
    flex-direction: column;
    align-items:center;
    justify-content:center;
  }

  /* Ad first, content below */
  .post-ad {
    width: 100%;
    order: -1;
  }
}

@media only screen and (max-width:1330px){
.social-share-left{
display:none
}
.social-share-bottom{
visibility:visible;
z-index:10000000000;
}
.main-content{
margin-bottom:100px;
}
}
@media only screen and (max-width:1050px){
.header,.main,.main-content{
width:100%;     
}
.main{
padding:5px;
}
.right-sidebar{
display:none;
}
}
@media(max-width:970px){
.main{
display:flex;
flex-direction:column;
align-items:center;
width:100%;
}
}
@media(max-width:730px){
.ads-728x90{
width:100%;
}
}
@media(max-width:600px){
.difficulty-custom {
width: 90px;
}
.difficulty-selected {
width:90px;
}
.difficulty-options {
width:90px;
}
.game-header-center{
font-size:0.65rem;
}
#time,.difficulty-custom {
font-size:0.65rem;
}
}