:root{--lime:#39ff14;--hot:#ff00cc;--cyan:#00f5ff;--yellow:#fff200;--red:#ff0033;--black:#050005}
*{box-sizing:border-box;max-width:100%}
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
html{scroll-behavior:smooth}
body{margin:0;color:var(--lime);background:#050005;font-family:"Comic Sans MS","Trebuchet MS",Arial,sans-serif;background-image:radial-gradient(circle at 10% 20%,rgba(255,0,204,.25) 0 80px,transparent 81px),radial-gradient(circle at 90% 10%,rgba(0,245,255,.18) 0 100px,transparent 101px),repeating-linear-gradient(45deg,#120012 0 10px,#060006 10px 20px)}
body:before{content:"🍒 🍌 🍉 🍍 🍇 🍊 🍓 🍋 🥝 BUY FRUITGAMES.COM";position:fixed;left:0;right:0;bottom:0;z-index:4;pointer-events:none;color:var(--yellow);background:#130013;border-top:3px dotted var(--hot);font-size:24px;white-space:nowrap;animation:ticker 13s linear infinite;opacity:.92;width:100vw;max-width:none!important;overflow:hidden}
@keyframes ticker{from{text-indent:100%}to{text-indent:-100%}}
a{color:var(--yellow);text-shadow:1px 1px var(--hot)}
a:hover{background:var(--yellow);color:#000;text-shadow:none}
img,iframe,video,canvas,object,embed{max-width:100%!important}
.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#ff0000,#ff7b00,#ff00cc,#00f5ff);color:#fff;text-align:center;font-weight:900;padding:11px;letter-spacing:.5px;border-bottom:4px ridge var(--yellow);text-transform:uppercase;white-space:normal;overflow:hidden}
.crt{pointer-events:none;position:fixed;inset:0;z-index:100;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.22}
.sitehead{width:calc(100% - 24px);max-width:1180px;margin:14px auto;padding:14px;border:7px ridge var(--cyan);background:rgba(0,0,0,.85);box-shadow:0 0 30px var(--hot),inset 0 0 22px #001;overflow:hidden}
.logo-row{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:14px;text-align:center;min-width:0}
.logo-row>div{min-width:0}
h1{font-size:clamp(34px,8vw,100px);margin:0;line-height:.9;color:var(--yellow);text-shadow:3px 3px 0 var(--hot),6px 6px 0 var(--cyan);animation:wobble 1.8s infinite;overflow-wrap:anywhere}
h1 a{text-decoration:none;color:inherit}
h2{color:var(--cyan);font-size:clamp(25px,4vw,46px);text-shadow:3px 3px #000,5px 5px var(--hot);overflow-wrap:anywhere}
p,div,a,span{overflow-wrap:anywhere}
.eyebrow{color:#fff;margin:0;letter-spacing:2px;text-transform:uppercase;font-size:13px}
.tinygif{width:70px;height:70px;image-rendering:pixelated;border:4px outset var(--yellow);background:#000}
.nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:14px;width:100%;max-width:100%}
.nav a,.button,.sharebtn,.fallback-play,.play-button{display:inline-block;padding:10px 12px;border:4px outset var(--yellow);background:#210021;color:#fff!important;font-weight:900;text-decoration:none;text-transform:uppercase;text-align:center;white-space:normal;max-width:100%;text-shadow:none}
.nav a:hover,.button:hover,.sharebtn:hover,.fallback-play:hover,.play-button:hover{border-style:inset;transform:rotate(-1deg)}
main{width:100%;max-width:1180px;margin:0 auto 80px;padding:0 12px;overflow:hidden}
.hero,.grid,.real-games-grid,.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;width:100%;max-width:100%}
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.panel,.card,.post,.formbox,.sharebox,.real-game-card,.game-tile{background:rgba(0,0,0,.88);border:5px ridge var(--lime);padding:16px;margin:16px 0;box-shadow:0 0 18px rgba(57,255,20,.4);width:100%;max-width:100%;overflow:hidden}
.price-sticker{font-size:clamp(26px,5vw,42px);color:#000;background:var(--yellow);border:7px dashed var(--red);padding:18px;text-align:center;transform:rotate(2deg);font-weight:900;width:100%;max-width:100%}
.counter{font-family:"Courier New",monospace;display:block;background:#000;color:#ff3;border:5px inset #999;padding:8px 10px;font-size:clamp(18px,5vw,32px);letter-spacing:2px;max-width:100%;overflow:hidden;text-align:center}
.fruit-strip{display:flex;gap:8px;overflow:hidden;flex-wrap:wrap;justify-content:center;padding:8px;border:4px dotted var(--yellow);background:#110011;margin:14px 0;width:100%}
.fruit-strip span{font-size:clamp(24px,7vw,36px);animation:jiggle .7s infinite alternate}
@keyframes jiggle{from{transform:rotate(-8deg) scale(.92)}to{transform:rotate(8deg) scale(1.1)}}
@keyframes wobble{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg) scale(1.02)}}
.blink{animation:blink .55s steps(1) infinite}@keyframes blink{50%{opacity:.18}}
.arcade-screen{background:radial-gradient(circle at center,rgba(57,255,20,.18),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px),#030303;border:8px ridge var(--hot);padding:15px;min-height:220px;overflow:hidden;width:100%}
.arcade-character{font-size:clamp(60px,15vw,130px);text-align:center;animation:bouncefruit 1.1s infinite alternate ease-in-out}
@keyframes bouncefruit{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-18px) rotate(4deg)}}
.real-games-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:start}
.real-game-card{border-color:var(--yellow);box-shadow:0 0 28px rgba(255,0,204,.55)}
.htmlgames-embed{width:100%;min-height:680px;background:#fff;border:5px inset var(--cyan);overflow:hidden;position:relative}
.htmlgames-embed iframe,.htmlgames-embed canvas,.htmlgames-embed object,.htmlgames-embed embed{width:100%!important;max-width:100%!important;min-width:0!important;border:0!important}
.htmlgames-embed iframe{min-height:660px!important}
.embed-warning{background:#fff8cc;color:#000;border:5px dashed var(--red);padding:12px;font-weight:900}
.game-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.game-controls button,button{font:inherit;cursor:pointer;padding:12px;border:5px outset var(--yellow);background:var(--red);color:#fff;font-weight:900;text-transform:uppercase;max-width:100%}
.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}
.scoreboard div{border:3px inset var(--yellow);background:#000;padding:10px;text-align:center;color:#fff;font-family:"Courier New",monospace}
.guestbook-entry{background:#120012;border:3px dotted var(--cyan);padding:10px;margin:8px 0;color:#fff}
.news-list a{display:block;padding:12px;background:#160016;border:3px outset var(--hot);margin:10px 0;text-decoration:none}
input,textarea{width:100%;padding:12px;background:#fff8cc;color:#000;border:4px inset var(--cyan);font-size:16px}
label{display:block;margin:12px 0 5px;color:#fff;font-weight:900}
[data-fs-success],[data-fs-error]{display:none}
.mobile-buy{display:none}
footer{background:#000;border-top:6px ridge var(--hot);padding:30px 16px 70px;color:#fff;overflow:hidden}
.fruit-rain{position:fixed;inset:0;width:100vw;pointer-events:none;z-index:2;overflow:hidden}
.fruit-rain span{position:absolute;top:-80px;font-size:clamp(22px,5vw,54px);animation:fall linear infinite;opacity:.65;filter:drop-shadow(0 0 6px #ff00cc)}
@keyframes fall{0%{transform:translateY(-120px) rotate(0)}100%{transform:translateY(120vh) rotate(720deg)}}
@media(max-width:700px){
 body{width:100vw;overflow-x:hidden!important;font-size:16px}
 body:before{font-size:18px;padding:5px 0}
 .topbar{width:100%;max-width:100vw;font-size:12px;line-height:1.35;padding:8px 6px}
 .sitehead{width:calc(100% - 12px);margin:6px auto;padding:8px;border-width:4px}
 .logo-row{grid-template-columns:42px minmax(0,1fr) 42px;gap:6px}
 .tinygif{width:42px!important;height:42px!important;border-width:2px}
 h1{font-size:clamp(25px,11vw,44px)!important;letter-spacing:-1px;text-shadow:2px 2px 0 var(--hot),4px 4px 0 var(--cyan)}
 .eyebrow{font-size:10px;letter-spacing:1px}
 .nav{grid-template-columns:1fr 1fr!important;gap:6px}
 .nav a{padding:9px 5px;font-size:12px}
 main{max-width:100vw;padding-left:8px;padding-right:8px}
 .hero,.grid,.real-games-grid,.footer-grid{grid-template-columns:1fr!important;gap:10px}
 .panel,.card,.post,.formbox,.sharebox,.real-game-card,.game-tile{padding:11px;margin:11px 0;border-width:4px}
 .price-sticker{transform:none}
 .htmlgames-embed{min-height:620px}
 .htmlgames-embed iframe{min-height:600px!important}
 .game-controls{grid-template-columns:1fr}
 .button,.sharebtn,.fallback-play,.play-button{width:100%;margin:4px 0}
 .mobile-buy{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--red);color:#fff!important;text-align:center;font-weight:900;padding:12px;border-top:4px ridge var(--yellow);text-decoration:none;width:100vw;max-width:100vw}
 .fruit-rain span:nth-child(n+12){display:none}
}