/* ========================================
   IndianGod.in – Main Stylesheet
   Saffron & Neon Gaming Theme
   ======================================== */
:root {
  --bg-dark:#080a10;--bg-card:#10131f;--bg-card2:#141826;
  --neon:#ff9933;--neon2:#138808;--neon3:#ffe600;--accent:#ff4500;
  --text:#eceef8;--text-muted:#7b8ab8;
  --border:rgba(255,153,51,0.18);
  --header-h:70px;--radius:12px;
  --font-head:'Orbitron',monospace;--font-body:'Exo 2',sans-serif;
  --shadow-neon:0 0 20px rgba(255,153,51,0.35);
  --shadow-card:0 8px 32px rgba(0,0,0,0.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg-dark);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}

/* India tricolor stripe */
.india-stripe{height:4px;background:linear-gradient(to right,#ff9933 0%,#ff9933 33.3%,#fff 33.3%,#fff 66.6%,#138808 66.6%,#138808 100%)}

/* AD BANNERS */
.ad-banner{background:#0a0d16;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 16px;text-align:center;position:relative}
.ad-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;position:absolute;top:4px;left:12px;background:#0a0d16;padding:0 4px}
.ad-placeholder{display:inline-block;background:linear-gradient(135deg,#10131f,#0a0d16);border:1px dashed rgba(255,153,51,0.2);color:var(--text-muted);font-size:12px;padding:12px 24px;min-height:90px;line-height:66px;border-radius:6px;max-width:970px;width:100%}
.ad-placeholder.vertical{line-height:1.5;display:flex;align-items:center;justify-content:center;text-align:center;min-height:280px;width:100%}
.ad-placeholder.small{min-height:120px;line-height:80px;max-width:250px;margin-top:12px}
.ad-sidebar{text-align:center;margin-bottom:20px}
.ad-footer-box{margin-top:16px}
.ad-inline{margin:32px 0;padding:12px;border-radius:var(--radius)}

/* HEADER */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(8,10,16,0.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);height:var(--header-h);box-shadow:0 2px 20px rgba(255,153,51,0.08)}
.header-inner{max-width:1440px;margin:0 auto;padding:0 18px;height:100%;display:flex;align-items:center;gap:14px}

/* Logo */
.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:1.2rem;font-weight:900;white-space:nowrap;transition:opacity .2s;flex-shrink:0}
.logo:hover{opacity:.85}
.logo-icon{font-size:1.5rem}
.logo-text{color:#fff}
.accent{color:var(--neon)}
.footer-logo{font-size:1rem}
.logo-sub{font-size:.55rem;color:var(--text-muted);font-family:var(--font-body);display:block;margin-top:-2px;letter-spacing:2px;text-transform:uppercase}

/* Nav */
.main-nav{display:flex;align-items:center;gap:1px;flex:1;flex-wrap:nowrap;overflow-x:auto}
.nav-link{padding:7px 9px;border-radius:6px;font-size:.76rem;font-weight:600;color:var(--text-muted);transition:color .2s,background .2s;letter-spacing:.3px;white-space:nowrap;cursor:pointer}
.nav-link:hover,.nav-link.active{color:var(--neon);background:rgba(255,153,51,0.08)}
.nav-new{color:var(--neon3)!important}
.nav-indian{color:#ff9933!important}

/* Dropdown */
.nav-dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:165px;box-shadow:var(--shadow-card);z-index:999;padding:8px 0;animation:fadeDown .15s ease}
.nav-dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:8px 16px;font-size:.81rem;color:var(--text-muted);transition:color .2s,background .2s}
.dropdown-menu a:hover{color:var(--neon);background:rgba(255,153,51,0.07)}
@keyframes fadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Header game icons */
.header-games{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}
.hgame-btn{width:32px;height:32px;border-radius:7px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:border-color .2s,transform .2s,box-shadow .2s}
.hgame-btn:hover{border-color:var(--neon);transform:scale(1.1);box-shadow:var(--shadow-neon)}

/* Hamburger */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;margin-left:auto}
.hamburger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}

/* HERO */
.hero{position:relative;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:60px 20px 0}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,153,51,0.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(19,136,8,0.08) 0%,transparent 60%),linear-gradient(180deg,#080a10 0%,#060810 100%);z-index:0}
.hero-bg::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,153,51,0.06) 1px,transparent 1px);background-size:40px 40px}
.hero-content{position:relative;z-index:1;text-align:center;margin-bottom:40px}
.hero-content h1{font-family:var(--font-head);font-size:clamp(1.7rem,5vw,3rem);font-weight:900;line-height:1.1;margin-bottom:14px;text-shadow:0 0 40px rgba(255,153,51,0.4)}
.hero-content p{color:var(--text-muted);font-size:1rem;margin-bottom:24px}
.btn-play{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff9933,#ff6600);color:#fff;font-family:var(--font-head);font-weight:700;font-size:.86rem;padding:13px 30px;border-radius:50px;letter-spacing:1px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 30px rgba(255,153,51,0.4)}
.btn-play:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 50px rgba(255,153,51,0.6)}

.hero-games-row{position:relative;z-index:1;display:flex;gap:12px;overflow-x:auto;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:var(--neon) transparent}
.hero-game-card{flex-shrink:0;width:100px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center;background:var(--bg-card)}
.hero-game-card:hover{transform:translateY(-6px);border-color:var(--neon);box-shadow:var(--shadow-neon)}
.hgcard-img{width:100%;height:70px}
.hero-game-card span{display:block;font-size:.7rem;font-weight:600;padding:5px;color:var(--text-muted)}

/* GAME THUMBNAILS */
.snake-bg{background:linear-gradient(135deg,#003d1a,#00a832,#003d1a);position:relative}
.snake-bg::after,.breakout-bg::after,.tetris-bg::after,.memory-bg::after,.flappy-bg::after,
.cricket-bg::after,.ludo-bg::after,.carrom-bg::after,.teenpatti-bg::after,.kabaddi-bg::after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem}
.snake-bg::after{content:'🐍'}
.breakout-bg{background:linear-gradient(135deg,#1a0033,#9b00ff,#ff006e);position:relative}.breakout-bg::after{content:'🧱'}
.tetris-bg{background:linear-gradient(135deg,#001a2e,#0066ff,#00e5ff);position:relative}.tetris-bg::after{content:'🟦'}
.memory-bg{background:linear-gradient(135deg,#1a1200,#ff9900,#ffe600);position:relative}.memory-bg::after{content:'🃏'}
.flappy-bg{background:linear-gradient(135deg,#001433,#0044cc,#00bbff);position:relative}.flappy-bg::after{content:'🐦'}
.cricket-bg{background:linear-gradient(135deg,#004d00,#138808,#a3d977);position:relative}.cricket-bg::after{content:'🏏'}
.ludo-bg{background:linear-gradient(135deg,#6a0000,#cc0000,#ff6633);position:relative}.ludo-bg::after{content:'🎲'}
.carrom-bg{background:linear-gradient(135deg,#3d2b00,#996600,#ffcc44);position:relative}.carrom-bg::after{content:'🪙'}
.teenpatti-bg{background:linear-gradient(135deg,#1a0033,#6600cc,#ff33cc);position:relative}.teenpatti-bg::after{content:'🎴'}
.kabaddi-bg{background:linear-gradient(135deg,#330000,#990000,#ff4500);position:relative}.kabaddi-bg::after{content:'🤼'}

/* MAIN LAYOUT */
.site-main{padding:40px 0 60px}
.container{max-width:1440px;margin:0 auto;padding:0 20px}
.layout-with-sidebar{display:grid;grid-template-columns:170px 1fr 270px;gap:24px}
.content-area{min-width:0}
.sidebar{position:sticky;top:calc(var(--header-h) + 12px);align-self:start}

/* SECTIONS */
.section{margin-bottom:46px}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:11px}
.section-header h2{font-family:var(--font-head);font-size:1.1rem;color:#fff}
.see-all{color:var(--neon);font-size:.8rem;font-weight:600;transition:color .2s}
.see-all:hover{color:#fff}

/* GAMES GRID */
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}
.featured-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}

.game-card{border-radius:var(--radius);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .25s,box-shadow .25s,border-color .25s;display:block}
.game-card:hover{transform:translateY(-6px);border-color:var(--neon);box-shadow:var(--shadow-neon)}
.game-thumb{position:relative;width:100%;padding-top:60%;overflow:hidden}
.game-thumb>*{position:absolute}
.game-thumb::after{font-size:2.8rem}

.play-overlay{inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}
.play-overlay span{font-family:var(--font-head);font-size:.75rem;font-weight:700;color:var(--neon);border:2px solid var(--neon);padding:7px 15px;border-radius:50px;letter-spacing:1px}
.game-card:hover .play-overlay{opacity:1}

.game-badge{top:8px;left:8px;z-index:3;font-size:.6rem;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:1px;font-family:var(--font-head)}
.game-badge.hot{background:#ff3838;color:#fff}
.game-badge.new{background:var(--neon);color:#000}
.game-badge.ind{background:#138808;color:#fff}

.game-info{padding:10px 12px}
.game-info h3{font-size:.86rem;font-weight:600;margin-bottom:5px;color:#fff}
.game-meta{display:flex;align-items:center;justify-content:space-between}
.cat-tag{font-size:.67rem;padding:2px 8px;border-radius:4px;background:rgba(255,153,51,0.12);color:var(--neon);font-weight:600}
.cat-tag.action{background:rgba(255,56,56,.15);color:#ff5c5c}
.cat-tag.puzzle{background:rgba(255,230,0,.12);color:var(--neon3)}
.cat-tag.racing{background:rgba(255,107,53,.15);color:#ff6b35}
.cat-tag.indian{background:rgba(19,136,8,.2);color:#4cde4c}
.stars{color:var(--neon3);font-size:.78rem}

/* SIDEBAR */
.sidebar-top-games{margin-top:18px}
.sidebar-top-games h4{font-family:var(--font-head);font-size:.76rem;color:var(--neon);margin-bottom:11px;border-bottom:1px solid var(--border);padding-bottom:7px}
.sidebar-game{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:.8rem;color:var(--text-muted);transition:color .2s,background .2s;margin-bottom:3px}
.sidebar-game:hover{color:var(--neon);background:rgba(255,153,51,0.06)}

/* CATEGORIES */
.categories-section{background:var(--bg-card2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px 20px}
.categories-section h2{font-family:var(--font-head);font-size:1.35rem;text-align:center;margin-bottom:28px;color:#fff}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px;max-width:1200px;margin:0 auto}
.cat-card{border-radius:var(--radius);border:1px solid var(--border);padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;font-size:.8rem;transition:transform .2s,box-shadow .2s,border-color .2s;background:var(--bg-card)}
.cat-card:hover{transform:translateY(-4px);border-color:var(--neon);box-shadow:var(--shadow-neon)}
.cat-icon{font-size:1.8rem}

/* GAME PAGE */
.game-page-layout{display:grid;grid-template-columns:1fr 290px;gap:24px;max-width:1440px;margin:0 auto;padding:24px 20px}
.game-frame-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.game-header-bar{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:13px}
.game-title-big{font-family:var(--font-head);font-size:1rem;color:#fff}
.game-canvas-wrap{position:relative;width:100%;background:#000;display:flex;align-items:center;justify-content:center}
.game-canvas-wrap canvas{display:block;max-width:100%}
.game-sidebar{display:flex;flex-direction:column;gap:18px}
.related-games h4{font-family:var(--font-head);font-size:.8rem;color:var(--neon);margin-bottom:11px}
.related-grid{display:grid;gap:11px}

/* FOOTER */
.site-footer{background:#050710;border-top:1px solid var(--border)}
.footer-top{padding:48px 0 28px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:28px}
.footer-col h4{font-family:var(--font-head);font-size:.76rem;color:var(--neon);margin-bottom:13px;text-transform:uppercase;letter-spacing:1px}
.footer-col p{color:var(--text-muted);font-size:.82rem;line-height:1.7;margin-top:10px}
.footer-col ul li{margin-bottom:7px}
.footer-col ul li a{color:var(--text-muted);font-size:.82rem;transition:color .2s}
.footer-col ul li a:hover{color:var(--neon)}
.brand-col .logo{margin-bottom:12px}

.footer-games-bar{background:var(--bg-card2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0}
.footer-games-bar .container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.fgbar-label{font-size:.74rem;color:var(--text-muted);font-weight:600;margin-right:6px}
.fgbar-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:50px;padding:5px 12px;font-size:.74rem;font-weight:600;color:var(--text-muted);transition:color .2s,border-color .2s,background .2s}
.fgbar-btn:hover{color:var(--neon);border-color:var(--neon);background:rgba(255,153,51,0.07)}

.footer-bottom{padding:15px 0;border-top:1px solid var(--border)}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.footer-bottom p{color:var(--text-muted);font-size:.79rem}
.footer-bottom-links{display:flex;gap:16px}
.footer-bottom-links a{color:var(--text-muted);font-size:.79rem;transition:color .2s}
.footer-bottom-links a:hover{color:var(--neon)}

/* PAGE CONTENT */
.page-hero{background:linear-gradient(135deg,rgba(255,153,51,0.09),rgba(19,136,8,0.05));border-bottom:1px solid var(--border);padding:60px 20px 38px;text-align:center}
.page-hero h1{font-family:var(--font-head);font-size:clamp(1.7rem,4vw,2.5rem);color:#fff;margin-bottom:11px}
.page-hero p{color:var(--text-muted);max-width:600px;margin:0 auto}
.page-content{max-width:900px;margin:0 auto;padding:48px 20px}
.page-content h2{font-family:var(--font-head);font-size:1.05rem;color:var(--neon);margin:28px 0 10px}
.page-content p{color:var(--text-muted);line-height:1.8;margin-bottom:14px}
.page-content ul li{color:var(--text-muted);padding:5px 0 5px 17px;position:relative;line-height:1.7}
.page-content ul li::before{content:'▸';position:absolute;left:0;color:var(--neon)}

/* Contact form */
.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-top:28px}
.form-group{margin-bottom:17px}
.form-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}
.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:.86rem;transition:border-color .2s,box-shadow .2s}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(255,153,51,0.12)}
.form-group textarea{min-height:130px;resize:vertical}
.btn-submit{background:linear-gradient(135deg,#ff9933,#ff6600);color:#fff;font-family:var(--font-head);font-weight:700;font-size:.82rem;padding:11px 26px;border:none;border-radius:50px;cursor:pointer;letter-spacing:1px;transition:transform .2s,box-shadow .2s}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,153,51,0.4)}

/* Score bars / overlays */
.score-bar{display:flex;gap:20px;padding:12px 18px;background:#060810;border-bottom:1px solid var(--border);font-family:var(--font-head)}
.score-item{display:flex;flex-direction:column;align-items:center}
.score-val{font-size:1.4rem;color:var(--neon);font-weight:900}
.score-lbl{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}
.overlay-screen{position:absolute;inset:0;background:rgba(0,0,0,.87);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:var(--font-head)}
.overlay-screen h2{font-size:1.85rem;color:var(--neon);text-shadow:0 0 20px var(--neon)}
.overlay-screen p{color:var(--text-muted)}
.btn-start{background:linear-gradient(135deg,#ff9933,#ff6600);color:#fff;font-family:var(--font-head);font-weight:700;padding:11px 26px;border:none;border-radius:50px;cursor:pointer;font-size:.86rem;transition:transform .2s,box-shadow .2s}
.btn-start:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,153,51,.5)}

/* Touch controls */
.touch-controls{display:none;justify-content:center;gap:10px;padding:14px;flex-wrap:wrap}
@media(max-width:760px){.touch-controls{display:flex}}
.tc-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:11px 17px;color:var(--text);font-size:1.1rem;cursor:pointer}
.tc-btn:active{background:rgba(255,153,51,.2)}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg-dark)}
::-webkit-scrollbar-thumb{background:rgba(255,153,51,0.35);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--neon)}

/* RESPONSIVE */
@media(max-width:1200px){.layout-with-sidebar{grid-template-columns:1fr}.sidebar{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  :root{--header-h:60px}
  .hamburger{display:flex}
  .main-nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;background:rgba(8,10,16,0.98);backdrop-filter:blur(16px);flex-direction:column;align-items:flex-start;padding:14px;border-bottom:1px solid var(--border);z-index:999;gap:2px}
  .main-nav.open{display:flex}
  .nav-dropdown{width:100%}
  .dropdown-menu{position:static;display:none;background:rgba(255,153,51,.04);border:none;padding:0 0 0 12px}
  .nav-dropdown.open .dropdown-menu{display:block}
  .header-games{display:none}
  .game-page-layout{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .categories-grid{grid-template-columns:repeat(4,1fr)}
  .footer-bottom-inner{flex-direction:column;text-align:center}
}
@media(max-width:460px){.categories-grid{grid-template-columns:repeat(3,1fr)}.games-grid{grid-template-columns:repeat(2,1fr)}}