@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--purple:#7657f6;--ink:#19182e;--muted:#77798b;--line:#ececf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:76px;padding:0 max(calc((100vw - 1120px)/2),22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;z-index:5}.logo{font:700 23px 'Space Grotesk';letter-spacing:-1px}nav{display:flex;gap:26px;font-size:14px;color:#55566a}nav a:hover,footer a:hover{color:var(--purple)}main{max-width:1120px;margin:auto;padding:0 22px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;padding:45px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--purple);margin:0 0 12px}h1,h2{font-family:'Space Grotesk';letter-spacing:-1.5px;margin:0 0 16px}h1{font-size:clamp(43px,6vw,66px);line-height:1.04}h1 span{color:var(--purple)}.hero p:not(.eyebrow),.cta p:not(.eyebrow){color:var(--muted);line-height:1.7}.btn{display:inline-block;background:var(--purple);color:white;border:0;border-radius:11px;padding:14px 19px;font-weight:700;font-size:14px;margin-top:12px;cursor:pointer}.hero-art{position:relative;background:linear-gradient(135deg,#f1edff,#f7f9ff);border-radius:35px;height:280px;display:grid;place-items:center;font-size:100px;transform:rotate(1deg)}.hero-art i,.hero-art b,.hero-art em{position:absolute;font-style:normal;font-size:42px;padding:12px;border-radius:15px;box-shadow:0 10px 24px #2222}.hero-art i{top:22px;left:45px;background:#ff9a52;color:white}.hero-art b{right:40px;top:55px;background:#53caa6;color:white}.hero-art em{bottom:20px;left:35%;background:#48a9f8;color:white}.ad{margin:10px 0 40px;min-height:100px;border:1px dashed #d7d5e6;border-radius:14px;background:#fbfbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:20px;color:#888}.ad small{font-size:9px;letter-spacing:1.5px}.ad strong{font-size:14px}.ad span{font-size:11px}section:not(.hero):not(.cta){margin:55px 0}h2{font-size:31px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips button{border:1px solid var(--line);background:white;border-radius:11px;padding:12px 16px;font:600 13px 'DM Sans';cursor:pointer;color:#55566a}.chips button.active,.chips button:hover{background:#f5f2ff;color:var(--purple);border-color:#d8ceff}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-title input{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:14px 'DM Sans';width:230px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:block}.card:hover{transform:scale(1.035);box-shadow:0 15px 35px #211c4a18;z-index:1}.cover{height:135px;display:grid;place-items:center;font-size:53px;background:linear-gradient(135deg,#e5e0ff,#f7f5ff)}.cover.orange{background:linear-gradient(135deg,#ffdfc4,#fff5eb)}.cover.blue{background:linear-gradient(135deg,#d8edff,#eff8ff)}.cover.green{background:linear-gradient(135deg,#d8f8e9,#f1fff8)}.cover.pink{background:linear-gradient(135deg,#ffe0ed,#fff2f7)}.cover.yellow{background:linear-gradient(135deg,#fff0b9,#fff9e6)}.cover-img{width:100%;height:135px;object-fit:cover;display:block}.card-info{padding:14px}.card h3{font:700 16px 'Space Grotesk';margin:0 0 7px}.card p{font-size:12px;color:var(--muted);line-height:1.5;min-height:36px;margin:0 0 12px}.meta{display:flex;justify-content:space-between;align-items:center;font-size:11px}.tag{background:#f3f2f9;border-radius:6px;padding:6px 8px;color:#77728d}.play{color:var(--purple);font-weight:700}.cta{margin:65px 0 75px;padding:34px 38px;border-radius:20px;background:#f6f3ff;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin-bottom:7px}.cta p{margin:5px 0}footer{border-top:1px solid var(--line);padding:26px max(calc((100vw - 1120px)/2),22px);display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}footer .logo{color:var(--ink);font-size:18px}footer span{margin-right:auto}footer small{width:100%}.page{max-width:820px;min-height:65vh;margin:55px auto;padding:0 22px}.page h1{font-size:42px}.intro{color:var(--muted);line-height:1.7;margin-bottom:30px}.form{max-width:620px;border:1px solid var(--line);border-radius:17px;padding:26px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field label{font-weight:700;font-size:13px}.field input,.field textarea,.field select{padding:13px;border:1px solid #dddde9;border-radius:9px;font:14px 'DM Sans';max-width:100%}.field textarea{min-height:100px}.field input[type=checkbox]{width:auto}.notice{display:none;padding:12px;border-radius:8px;font-size:13px;background:#eafaf1;color:#18794e;margin:12px 0}.notice.show{display:block}.notice.error{background:#fff0f0;color:#a12626}.admin{max-width:1120px;margin:35px auto;padding:0 22px 60px}.admin-layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.panel h2{font-size:20px}.panel hr{border:0;border-top:1px solid var(--line);margin:26px 0}.admin-tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.admin-tabs button,.small{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;cursor:pointer;font-weight:700;font-size:12px}.admin-tabs .active{color:var(--purple);background:#f5f2ff}.row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}.row .grow{flex:1;min-width:0}.row strong,.row small{display:block}.row strong{font-size:13px}.row small,.note{font-size:11px;color:var(--muted);margin-top:4px}.danger{color:#c23a52}.hidden{display:none!important}.ad-note{background:#f6f3ff;padding:14px;border-radius:10px;font-size:12px;line-height:1.6;color:#66617f;margin-top:20px}.play-layout{max-width:1400px;display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:20px;padding:25px 18px 60px;align-items:start}.left-side,.right-side{min-width:0}.left-side h3,.right-side h3{font:700 16px 'Space Grotesk';margin:0 0 12px}.side-cat{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px;font-size:12px}.side-cat:hover{color:var(--purple);background:#f7f5ff}.ad-square{width:200px;height:200px;min-height:200px;margin:0 auto 22px}.game-main{min-width:0}.game-main h1{font-size:clamp(28px,3vw,42px);margin-bottom:15px}.game-frame-wrap{background:#12121f;border-radius:12px;overflow:hidden}.game-frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;color:#fff;font-size:12px}.toolbar-actions{display:flex;gap:7px}.toolbar-actions button,.reaction-row button,.action-btn{background:#29283c;color:white;border:0;border-radius:7px;padding:8px 10px;font:600 12px 'DM Sans';cursor:pointer}.game-frame-wrap iframe{width:100%;height:clamp(300px,56vw,590px);display:block;border:0;background:#fff}.reaction-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.reaction-row button{background:#f4f2ff;color:#5b49b8}.mobile-note{font-size:12px;color:var(--muted);margin-left:auto}.action-btn{background:var(--purple)}.description{line-height:1.7;color:#55566a;font-size:14px;white-space:pre-wrap}.ad-wide{margin:20px 0;min-height:100px}.detail-block{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.detail-block h2{font-size:22px}.detail-block p{font-size:14px;line-height:1.7;color:#5d5d70;white-space:pre-wrap}.detail-block video{width:100%;max-height:430px;object-fit:contain;background:#111;border-radius:10px}.detail-block .section-title{align-items:center}.more-games{display:flex;flex-direction:column;gap:9px}.mini-game{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:12px;font-weight:700;min-width:0}.mini-game:hover{border-color:#c9bdff;color:var(--purple)}.mini-game img,.mini-emoji{width:54px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0}.mini-emoji{display:grid;place-items:center;background:#f0edff;font-size:25px}.mini-game span:last-child{overflow-wrap:anywhere}.play-layout .note{line-height:1.6}@media(max-width:1000px){.play-layout{grid-template-columns:150px minmax(0,1fr)}.right-side{grid-column:2;display:grid;grid-template-columns:200px 1fr;gap:15px;align-items:start}.right-side h3{grid-column:2}.right-side .ad-square{grid-column:1;grid-row:1 / span 2}.more-games{grid-column:2;grid-row:2}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:auto;min-height:68px;align-items:flex-start;flex-direction:column;padding:14px 18px;gap:12px}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 0}.hero-art{margin-top:25px}.grid{grid-template-columns:repeat(2,1fr)}.cover,.cover-img{height:110px}.card-info{padding:10px}.card h3{font-size:14px}.card p{font-size:11px}.cta{margin:45px 0;padding:24px;align-items:flex-start;flex-direction:column}.admin-layout{grid-template-columns:1fr}.play-layout{grid-template-columns:1fr;padding:20px 14px 45px}.left-side{order:1}.left-side #sideCats{display:flex;gap:7px;overflow:auto;padding-bottom:6px}.side-cat{white-space:nowrap;margin:0}.left-side .ad-square{display:none}.game-main{order:2}.right-side{order:3;grid-column:auto;display:block}.right-side .ad-square{display:flex;margin:20px auto}.right-side h3{margin-top:20px}.more-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-game{font-size:11px}.game-frame-wrap iframe{height:65vh;min-height:320px}.mobile-note{margin-left:0}.game-main h1{font-size:30px}.page{margin:35px auto}.page h1{font-size:35px}.form{padding:19px}footer{padding:22px 18px;gap:13px}}

/* Viral New Play Games additions */
.stats-mini{font-size:12px;color:#9fd5ff;font-weight:700}.side-ad{position:fixed;top:42%;width:110px;min-height:300px;border:1px dashed #66809c;border-radius:12px;background:#111d2b;color:#9fb0c4;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;z-index:0}.left-ad{left:8px}.right-ad{right:8px}.ad-wide{min-height:90px}.admin-tabs{flex-wrap:wrap}@media(max-width:1200px){.side-ad{display:none}}

.social-links{display:flex;gap:10px;align-items:center}.social-links img{object-fit:contain;vertical-align:middle}.social-links a{font-size:12px}.side-ad img{width:100%;height:auto;object-fit:contain}.bottom-ad img{max-height:140px}

/* Logo, game card actions, and live AdSense slots */
.logo-brand{display:inline-flex;align-items:center;line-height:0}
.logo-brand img{display:block;width:190px;height:76px;object-fit:contain}
header .logo-brand img{width:170px;height:68px}
.game-stats{display:flex;justify-content:space-between;gap:8px;color:#6d6a83;font-size:11px;font-weight:700;margin:4px 0 12px}
.game-actions{display:flex;gap:8px;align-items:center}
.game-actions a{flex:1;text-align:center;padding:9px 7px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}
.game-play-btn{background:var(--purple);color:white}
.game-download-btn{background:#eaf8f0;color:#16804b;border:1px solid #c9eed9}
.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ad-code-editor{border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0}
.ad-code-editor textarea{width:100%;font:12px/1.5 ui-monospace,Consolas,monospace;min-height:105px}
.ad-code-editor .notice{margin-bottom:0}
.ad-wide{overflow:hidden}
.ad-wide ins{display:block;min-width:0}
.side-ad{overflow:hidden}
.side-ad ins{display:block;min-width:0}
@media(max-width:700px){header .logo-brand img{width:145px;height:56px}.logo-brand img{max-width:100%}.game-actions a{font-size:11px;padding:8px 4px}}

/* Responsive layouts: phones, tablets, desktop monitors and large-screen TVs */
img,video,iframe{max-width:100%}
html{ -webkit-text-size-adjust:100%; text-size-adjust:100% }
body{min-width:320px}
button,a,input,select,textarea{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9a87ff;outline-offset:3px}
.card-info p{display:none!important}
.card-info h3{margin-bottom:10px}
.game-frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}
.toolbar-actions button{min-height:40px}
#minimizeBtn{background:#dfe5f0;color:#20283a}
.legal-copy{white-space:pre-wrap;line-height:1.8;color:#4f5063;font-size:15px}
@media (min-width:1201px) and (max-width:1599px){
 main{max-width:1280px}
 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1600px){
 main{max-width:1500px}
 .hero{min-height:460px}
 .hero-art{height:340px}
 .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
 .cover,.cover-img{height:175px}
 .card-info{padding:18px}
 .card h3{font-size:19px}
 .game-stats{font-size:13px}
 .game-actions a{font-size:14px;padding:12px}
 header{padding-left:max(calc((100vw - 1500px)/2),36px);padding-right:max(calc((100vw - 1500px)/2),36px)}
}
@media (min-width:2200px){
 body{font-size:19px}
 main{max-width:1800px}
 .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px}
 .cover,.cover-img{height:205px}
 .card h3{font-size:22px}
 .card-info{padding:20px}
 .play-layout{max-width:1900px;grid-template-columns:240px minmax(0,1fr) 280px;gap:28px}
 .game-frame-wrap iframe{height:min(62vh,1000px)}
 .admin{max-width:1600px}
}
@media (max-width:900px){
 .admin-layout{grid-template-columns:minmax(0,1fr)}
 .panel{padding:16px}
 .admin-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
 .admin-tabs button{flex:0 0 auto}
}
@media (max-width:600px){
 main{padding-left:14px;padding-right:14px}
 .section-title{align-items:stretch;flex-direction:column;gap:12px}
 .section-title input{width:100%}
 .grid{gap:10px}
 .cover,.cover-img{height:100px}
 .game-stats{font-size:10px}
 .game-actions{flex-direction:column;align-items:stretch}
 .game-actions a{width:100%}
 .game-frame-toolbar{align-items:flex-start}
 .toolbar-actions button{font-size:11px;padding:8px}
 .game-frame-wrap iframe{height:58vh;min-height:280px}
 nav{overflow-x:auto;justify-content:flex-start}
 nav a{white-space:nowrap}
 .logo-brand img{width:145px;height:56px}
}

/* Login gate affordance */
.game-card{cursor:pointer}.game-card a{position:relative;z-index:1}.game-card:focus-within{outline:2px solid #9a87ff;outline-offset:2px}

/* Viral New Play Games neon arcade theme */
:root{--purple:#7d35ff;--ink:#f6f7ff;--muted:#b9c4e8;--line:#183c83}
html,body{background:#030b2b;color:#f7f8ff}
body{background:radial-gradient(ellipse at 50% -15%,#172c78 0,#07143d 42%,#020824 100%);color:#f7f8ff}
header{background:#030a2bf2;border-bottom:1px solid #164b9a;box-shadow:0 5px 24px #0008}
nav{color:#eaf0ff;align-items:center;gap:18px}
nav a{font-weight:700}
.logo-brand img{width:170px;height:92px;object-fit:contain}
header .logo-brand img{width:150px;height:76px}
.auth-nav{display:flex;gap:9px;align-items:center;margin-left:4px}
.auth-nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border-radius:12px;color:white;font-weight:800;white-space:nowrap;border:1px solid #58dfff;box-shadow:0 0 14px #14cfff66}
.auth-nav .auth-signup{background:linear-gradient(110deg,#a900ff,#ed23c7);border-color:#e65cff;box-shadow:0 0 15px #df24ff88}
.auth-nav .auth-login{background:linear-gradient(110deg,#0877ff,#00c7f3)}
.hero{background:linear-gradient(120deg,#101b56,#10104b 60%,#21105d);border:1px solid #2459b7;border-radius:24px;padding:38px;margin-top:28px;box-shadow:0 0 22px #1b8dff44}
.hero-art{background:radial-gradient(circle,#173b80,#0a1745 65%,#080d2a);border:1px solid #31dfff;box-shadow:0 0 25px #0adfff77;color:#8df7ff}
h1,h2,h3{color:#fff}
h1 span,.eyebrow{color:#4eeaff}
.btn{background:linear-gradient(110deg,#00a8ff,#8a24ff);box-shadow:0 0 14px #20baff66}
.ad{background:linear-gradient(100deg,#141d66,#321078);border:1px solid #9b3dff;color:#eef6ff;box-shadow:0 0 15px #a82aff66}
.chips button{background:#101e4c;border:1px solid #214f9a;color:#eef4ff}
.chips button.active,.chips button:hover{background:linear-gradient(110deg,#6c20ef,#0c9dff);border-color:#5eeaff;color:#fff;box-shadow:0 0 13px #168dff88}
.section-title input{background:#f8fbff;color:#17254c;border:2px solid #36caff}
.card{background:#091943;border:1px solid #1d5da7;box-shadow:0 0 12px #087dff24}
.card:hover{box-shadow:0 0 22px #13cfff66;transform:translateY(-3px) scale(1.02)}
.card h3{color:#fff}
.card p,.note,.intro{color:#bac9ee}
.game-stats{color:#eef4ff}
.game-play-btn{background:linear-gradient(110deg,#00a82c,#00e85a);color:white;box-shadow:0 0 9px #00ed6b66}
.game-download-btn{background:linear-gradient(110deg,#7615ed,#b400ff);color:white;border:1px solid #df7aff;box-shadow:0 0 9px #a500ff66}
footer{background:#020824;border-top:1px solid #174d9c;color:#e5edff}
footer a:hover{color:#61eaff}
.side-ad{background:#f0f3ff;color:#1c2750;border:2px solid #bb43ff;box-shadow:0 0 15px #d62cff88}
.panel,.form{background:#0b1945;border:1px solid #2862a7;color:#f6f8ff;box-shadow:0 0 20px #075cff22}
.field label{color:#e9f3ff}
.field input,.field textarea,.field select,.section-title input{background:#f9fbff;color:#17213e;border:1px solid #8bb5ee}
.admin-tabs button,.small{background:#142454;color:#eef4ff;border-color:#345da1}
.admin-tabs .active{background:#6726d9;color:#fff}
a{color:inherit}
.auth-page .panel{max-width:560px;margin:25px auto}
.forgot-row{text-align:right;margin:6px 0 16px}
.forgot-row a{color:#72eaff;text-decoration:underline;font-weight:700}
@media(max-width:900px){header{gap:10px}nav{gap:11px;flex-wrap:wrap}.auth-nav{margin-left:0}}
@media(max-width:700px){header{align-items:stretch}.auth-nav{width:100%;justify-content:flex-end}.auth-nav a{flex:1}.logo-brand img{width:145px;height:66px}}

/* FINAL THEME: Dark Charcoal & Neon Green */
:root{--green:#a6ff00;--green2:#39ff14;--charcoal:#151719;--panel:#202326;--muted:#b8c0b7;--line:#383e39;--purple:#a6ff00;--ink:#f4f7f1}
html,body{background:#111416!important;color:#f4f7f1!important}
body{background:radial-gradient(ellipse at 50% -20%,#29312a 0,#171b19 48%,#101213 100%)!important}
header{background:#171a18f5!important;border-bottom:1px solid #53613d!important;box-shadow:0 5px 24px #0009!important}
nav{color:#e8f4df!important}
nav a:hover,footer a:hover{color:var(--green)!important}
.logo-brand img{filter:drop-shadow(0 0 8px #9dff3c66)}
.auth-nav{display:flex;gap:9px;align-items:center;margin-left:4px}
.auth-nav a,.auth-nav button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;color:#111!important;font-weight:900;white-space:nowrap;border:1px solid var(--green)!important;background:var(--green)!important;box-shadow:0 0 13px #9dff3c55;cursor:pointer}
.auth-nav .auth-login{background:#292f2a!important;color:#c5ff83!important;border-color:#82c93b!important}
.auth-nav .auth-logout{background:var(--green)!important;color:#101510!important}
.hero{background:linear-gradient(125deg,#242a25,#171b19 65%,#30382c)!important;border:1px solid #647c45!important;box-shadow:0 0 25px #8dff2520!important}
.hero-art{background:radial-gradient(circle,#354333,#202820 68%,#171c18)!important;border:1px solid #9cff38!important;box-shadow:0 0 25px #8cff2c33!important;color:#c7ff8a!important}
h1,h2,h3{color:#f7f9f4!important}
h1 span,.eyebrow{color:var(--green)!important}
.eyebrow{color:#b7f77b!important}
.btn{background:var(--green)!important;color:#111!important;box-shadow:0 0 14px #9dff3c44!important}
.ad{background:#202522!important;border:1px dashed #647b49!important;color:#d4e6c6!important;box-shadow:none!important}
.chips button{background:#222725!important;border:1px solid #485247!important;color:#e9f4e2!important}
.chips button.active,.chips button:hover{background:#9dff24!important;border-color:#baff66!important;color:#111!important;box-shadow:0 0 13px #9dff3c44!important}
.section-title input{background:#f7f9f5!important;color:#172017!important;border:2px solid #9dff24!important}
.card{background:#202522!important;border:1px solid #414b40!important;box-shadow:0 0 12px #0005!important}
.card:hover{box-shadow:0 0 22px #9dff3c35!important}
.card h3{color:#f7f9f4!important}
.card p,.note,.intro{color:#c1cbbd!important}
.game-stats{color:#e9f3e3!important}
.game-play-btn{background:var(--green)!important;color:#101510!important;box-shadow:0 0 9px #9dff3c55!important}
.game-download-btn{background:#303b2b!important;color:#c9ff91!important;border:1px solid #8acb48!important;box-shadow:none!important}
footer{background:#151918!important;border-top:1px solid #48543e!important;color:#c8d2c1!important}
.side-ad{background:#202522!important;color:#dcebd2!important;border:1px solid #687e4d!important;box-shadow:none!important}
.panel,.form{background:#202522!important;border:1px solid #465241!important;color:#f6f8f3!important;box-shadow:0 0 20px #0005!important}
.field label{color:#e9f3e2!important}
.field input,.field textarea,.field select{background:#f8faf6!important;color:#192019!important;border:1px solid #9aaa8c!important}
.admin-tabs button,.small{background:#303631!important;color:#eff7e9!important;border-color:#5b6854!important}
.admin-tabs .active{background:#a6ff00!important;color:#101510!important}
.forgot-row a{color:#baff68!important}
.game-frame-wrap{border:1px solid #6d8e4b!important;box-shadow:0 0 20px #9dff3c1f!important}
.toolbar-actions button,.reaction-row button,.action-btn{background:#303832!important;color:#f4f7f1!important;border:1px solid #61734e!important}
.action-btn{background:#a6ff00!important;color:#111!important}
.side-cat{border-color:#465241!important;background:#202522!important;color:#e9f3e2!important}
.side-cat:hover{background:#303b2b!important;color:#caff8b!important}
@media(max-width:900px){.auth-nav{margin-left:0;flex-wrap:wrap}}
@media(max-width:700px){.auth-nav{width:100%;justify-content:flex-end}.auth-nav a,.auth-nav button{flex:1}}

/* Game description, controls and player comments */
#description,.description,#controls{color:#f4f7f1!important;line-height:1.75}
.detail-block>p,#controls{color:#f4f7f1!important}
.comments-section{border:1px solid #465241;border-radius:14px;padding:20px;background:#202522}
.comments-subtitle{color:#c1cbbd!important;margin-top:-5px}
.comments-list{display:grid;gap:12px;margin-top:18px}
.comment-item{padding:14px 16px;background:#171c19;border:1px solid #3e493b;border-radius:11px}
.comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c7ff8a}
.comment-head time{font-size:11px;color:#aeb9a7}
.comment-item p{color:#f4f7f1!important;line-height:1.65;margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#commentInput{width:100%;background:#f8faf6;color:#192019;border:1px solid #9aaa8c;border-radius:9px;padding:12px;font:inherit}
#commentForm .btn{margin-top:6px}

/* Game pagination and icon-only social/shop links */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:28px auto 10px}
.pagination button{min-width:40px;height:40px;padding:0 12px;border-radius:9px;border:1px solid #56634d;background:#202522;color:#edf6e8;font-weight:800;cursor:pointer}
.pagination button.active,.pagination button:hover{background:#a6ff00;color:#151719;border-color:#a6ff00;box-shadow:0 0 12px #a6ff0044}
.social-links{display:inline-flex;align-items:center;gap:9px}
.social-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#252b26;color:#a6ff00;border:1px solid #59684c;transition:transform .15s,background .15s}
.social-icon svg{width:21px;height:21px;display:block}
.social-icon:hover{background:#a6ff00;color:#151719;transform:translateY(-2px);box-shadow:0 0 12px #a6ff0066}
.social-icon.shopify{background:#a6ff00;color:#151719;border-color:#a6ff00}
.social-icon.shopify:hover{background:#c5ff68}
@media(max-width:900px){.social-links{gap:6px}.social-icon{width:32px;height:32px}}
@media(max-width:700px){.pagination button{min-width:36px;height:36px}.social-links{justify-content:flex-end}}

/* Robust fullscreen sizing: both the wrapper and the iframe must occupy the viewport. */
.game-frame-wrap:fullscreen,
.game-frame-wrap:-webkit-full-screen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;background:#000!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
.game-frame-wrap:fullscreen .game-frame-toolbar,
.game-frame-wrap:-webkit-full-screen .game-frame-toolbar{
  position:relative!important;z-index:2!important;display:flex!important;flex:0 0 48px!important;
  width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  box-sizing:border-box!important;background:#151719!important;color:#f4f7f1!important;padding:6px 14px!important;
}
.game-frame-wrap:fullscreen iframe,
.game-frame-wrap:-webkit-full-screen iframe{
  position:relative!important;display:block!important;flex:1 1 0!important;align-self:stretch!important;
  width:100%!important;height:calc(100vh - 48px)!important;height:calc(100dvh - 48px)!important;
  min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  border:0!important;margin:0!important;padding:0!important;background:#000!important;
}
.game-frame-wrap:fullscreen .toolbar-actions button,
.game-frame-wrap:-webkit-full-screen .toolbar-actions button{min-height:34px!important}
.game-frame-wrap:fullscreen #minimizeBtn,
.game-frame-wrap:-webkit-full-screen #minimizeBtn{display:inline-flex!important}
/* Fallback for browsers that fullscreen the iframe directly. */
#gameFrame:fullscreen,#gameFrame:-webkit-full-screen{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;border:0!important;background:#000!important;
}


/* Game page feedback drawer, controls and mobile QR popups */
.game-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.icon-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid #3a4540;border-radius:10px;background:#202522;color:#f4f7f1;font:inherit;font-weight:600;cursor:pointer;transition:.18s}
.icon-action:hover{border-color:#a6ff00;color:#a6ff00;transform:translateY(-1px)}
.icon-action span:first-child{font-size:18px}
.feedback-backdrop{position:fixed;inset:0;background:#0009;z-index:1000}
.feedback-panel{position:fixed;z-index:1001;top:0;right:0;width:min(430px,92vw);height:100dvh;overflow:auto;padding:26px;background:#171c19;color:#f4f7f1;border-left:1px solid #39443d;box-shadow:-16px 0 45px #0006;transform:translateX(105%);visibility:hidden;transition:transform .25s ease,visibility .25s}
.feedback-panel.open{transform:translateX(0);visibility:visible}
.popup-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.popup-heading h2{margin:0;color:inherit}
.popup-close{width:38px;height:38px;border:1px solid #526057;border-radius:50%;background:#252d28;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.feedback-panel form{display:grid;gap:10px}
.feedback-panel label{font-weight:700;margin-top:8px}
.feedback-panel input,.feedback-panel textarea{width:100%;box-sizing:border-box;border:1px solid #4a5750;border-radius:9px;background:#0f1311;color:#fff;padding:12px;font:inherit}
.feedback-panel textarea{resize:vertical;min-height:140px}
.feedback-panel .btn{margin-top:8px;justify-self:start}
.feedback-destination{color:#aab6ad;font-size:13px;margin-top:20px}
.vnpg-modal[hidden],.feedback-backdrop[hidden]{display:none!important}
.vnpg-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:18px;background:#000b}
.vnpg-modal-card{width:min(520px,100%);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #3d4941;border-radius:18px;background:#171c19;color:#f4f7f1;box-shadow:0 20px 70px #0008}
.controls-popup-text{white-space:pre-wrap;line-height:1.65;padding:16px;border-radius:10px;background:#0f1311;border:1px solid #303b34;overflow-wrap:anywhere}
.modal-done{margin-top:20px}
.mobile-qr-card{text-align:center}
.mobile-qr-card .popup-heading{text-align:left}
.qr-instruction{font-size:17px;font-weight:700;line-height:1.5;margin:8px auto 18px;max-width:340px}
.game-qr-code{display:block;width:230px;height:230px;max-width:75vw;margin:0 auto 14px;padding:10px;background:#fff;border-radius:12px;object-fit:contain}
.qr-url{font-size:12px;color:#b6c2b9;overflow-wrap:anywhere}
@media(max-width:600px){.game-action-row{gap:7px}.icon-action{padding:8px 9px;font-size:13px}.icon-action span:first-child{font-size:16px}.feedback-panel{padding:20px}.vnpg-modal-card{padding:18px}}


/* Play-page tooltips and mobile/tablet game layout v3 */
.game-action-row .has-tooltip{position:relative}
.game-action-row .has-tooltip::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,5px);padding:7px 10px;border-radius:7px;background:#111827;color:#fff;font:600 12px/1.2 'DM Sans',sans-serif;white-space:nowrap;box-shadow:0 5px 18px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10020}
.game-action-row .has-tooltip:hover::after,.game-action-row .has-tooltip:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.game-home-btn{display:none;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:8px;background:#a6ff00;color:#14200b!important;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap}
.game-frame-toolbar{position:relative;z-index:2}
.vnpg-modal[hidden]{display:none!important}
.vnpg-modal{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;padding:18px;background:#000b}
.vnpg-modal-card{pointer-events:auto}
@media(max-width:900px){
 body.mobile-game-view{overflow:hidden!important;min-height:100dvh!important}
 body.mobile-game-view header,body.mobile-game-view footer{display:none!important}
 body.mobile-game-view .play-layout{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 body.mobile-game-view .left-side,body.mobile-game-view .right-side{display:none!important}
 body.mobile-game-view .game-main{display:block!important;margin:0!important;padding:0!important}
 body.mobile-game-view .game-main> :not(.game-frame-wrap):not(.game-action-row){display:none!important}
 body.mobile-game-view .game-frame-wrap{position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#080b12!important}
 body.mobile-game-view .game-frame-toolbar{flex:0 0 46px!important;height:46px!important;min-height:46px!important;padding:5px 9px!important;gap:8px!important;justify-content:space-between!important;background:#111827!important}
 body.mobile-game-view .game-home-btn{display:inline-flex!important}
 body.mobile-game-view .game-frame-toolbar #plays{font-size:11px!important;white-space:nowrap}
 body.mobile-game-view .toolbar-actions{gap:5px!important}
 body.mobile-game-view .toolbar-actions button{padding:7px 8px!important;font-size:11px!important;white-space:nowrap}
 body.mobile-game-view .game-frame-wrap iframe{display:block!important;flex:1 1 auto!important;width:100%!important;height:calc(100dvh - 104px)!important;min-height:0!important;max-height:none!important;border:0!important}
 body.mobile-game-view .game-action-row{position:fixed!important;z-index:10001!important;left:0!important;right:0!important;bottom:0!important;min-height:58px!important;margin:0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;display:flex!important;justify-content:center!important;gap:7px!important;flex-wrap:nowrap!important;background:#111827!important;border-top:1px solid #354238!important;box-sizing:border-box!important}
 body.mobile-game-view .game-action-row button,body.mobile-game-view .game-action-row a{font-size:12px!important;padding:8px 9px!important;white-space:nowrap!important}
 body.mobile-game-view .game-action-row .icon-action span:last-child{display:none!important}
 body.mobile-game-view .vnpg-modal{z-index:12000!important}
}