/* Astronyxen.xyz - Fresh Harvest Theme */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;700&display=swap');

:root{--earth:#1a1512;--bark:#2a2018;--orange:#ff8a00;--teal:#00bfa5;--cream:#f5ece0;--khaki:#a09080}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--earth);color:var(--cream);overflow-x:hidden}

.site-hdr{position:fixed;top:0;width:100%;z-index:999;background:rgba(26,21,18,.97);backdrop-filter:blur(10px);height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:2px solid var(--orange)}
.site-hdr .brand{font-family:'Bitter',serif;font-weight:900;font-size:1.4rem;color:var(--orange);text-decoration:none;display:flex;align-items:center;gap:8px}
.site-hdr .brand svg{width:30px;height:30px}
.site-hdr .links{display:flex;gap:1.5rem;list-style:none}
.site-hdr .links a{color:var(--khaki);text-decoration:none;font-weight:500;font-size:.88rem;transition:color .2s}
.site-hdr .links a:hover,.site-hdr .links a.on{color:var(--orange)}
.hb{display:none;background:none;border:none;cursor:pointer;z-index:1001}
.hb em{display:block;width:26px;height:3px;background:var(--orange);margin:5px 0;border-radius:2px;transition:all .3s;font-style:normal}
.hb.act em:first-child{transform:rotate(45deg) translate(5px,6px)}
.hb.act em:nth-child(2){opacity:0}
.hb.act em:last-child{transform:rotate(-45deg) translate(5px,-6px)}
@media(max-width:768px){.hb{display:block}.site-hdr .links{position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;background:var(--bark);flex-direction:column;padding:80px 2rem;gap:1.2rem;transition:right .35s}.site-hdr .links.open{right:0}}

.harvest{min-height:100vh;display:flex;align-items:center;padding:80px 5% 40px;background:radial-gradient(ellipse at 60% 40%,rgba(255,138,0,.05) 0%,transparent 50%),var(--earth)}
.harvest-inner{max-width:800px}
.harvest .fruit-row{font-size:3rem;margin-bottom:1rem;letter-spacing:8px}
.harvest h1{font-family:'Bitter',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15;margin-bottom:1rem}
.harvest h1 .hot{color:var(--orange)}
.harvest p{color:var(--khaki);font-size:1.05rem;line-height:1.7;margin-bottom:2rem;max-width:560px}
.btn-harvest{display:inline-block;padding:14px 38px;background:var(--orange);color:var(--earth);font-family:'Bitter',serif;font-weight:700;font-size:.95rem;text-decoration:none;border-radius:10px;border:none;cursor:pointer;transition:transform .3s,box-shadow .3s}
.btn-harvest:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(255,138,0,.3)}

.warn-strip{display:flex;gap:0;border-top:1px solid rgba(255,138,0,.1);border-bottom:1px solid rgba(255,138,0,.1)}
.warn-item{flex:1;padding:2rem;text-align:center;border-right:1px solid rgba(255,138,0,.1)}
.warn-item:last-child{border-right:none}
.warn-item .wi{font-size:1.8rem;margin-bottom:.5rem}
.warn-item h3{font-family:'Bitter',serif;font-size:.95rem;color:var(--teal);margin-bottom:.3rem}
.warn-item p{color:var(--khaki);font-size:.85rem;line-height:1.5}
@media(max-width:600px){.warn-strip{flex-direction:column}.warn-item{border-right:none;border-bottom:1px solid rgba(255,138,0,.1)}.warn-item:last-child{border-bottom:none}}

.game-area{padding:3rem 4%;max-width:1200px;margin:0 auto}
.game-area h2{font-family:'Bitter',serif;text-align:center;color:var(--orange);font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:1.2rem}
.gf{width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:2px solid rgba(255,138,0,.15);background:#000}
.gf iframe{width:100%;height:100%;border:none}

.reasons{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:3rem 5%;max-width:1100px;margin:0 auto}
.reason{background:var(--bark);border-radius:10px;padding:1.8rem;border-bottom:3px solid var(--teal)}
.reason h3{font-family:'Bitter',serif;font-size:.95rem;color:var(--orange);margin-bottom:.4rem}
.reason p{color:var(--khaki);font-size:.88rem;line-height:1.5}
@media(max-width:600px){.reasons{grid-template-columns:1fr}}

.txt-pg{padding:100px 5% 50px;max-width:880px;margin:0 auto}
.txt-pg h1{font-family:'Bitter',serif;font-size:clamp(1.7rem,4vw,2.4rem);color:var(--orange);margin-bottom:1.2rem}
.txt-pg h2{font-family:'Bitter',serif;font-size:1.1rem;color:var(--teal);margin:1.8rem 0 .6rem}
.txt-pg p{color:var(--khaki);line-height:1.8;margin-bottom:.8rem}
.txt-pg ul{list-style:none;margin-bottom:1rem}
.txt-pg ul li{color:var(--khaki);padding:.25rem 0 .25rem 1.2rem;position:relative}
.txt-pg ul li::before{content:'\25CF';color:var(--orange);position:absolute;left:0;font-size:.6rem;top:.5rem}

.play-hdr{padding:85px 5% 25px;text-align:center}
.play-hdr h1{font-family:'Bitter',serif;font-size:clamp(1.7rem,4vw,2.4rem);color:var(--orange);margin-bottom:.6rem}
.play-hdr p{color:var(--khaki);max-width:620px;margin:0 auto}
.play-gf{padding:1.5rem 3%;max-width:1100px;margin:0 auto 3rem}
.play-gf .gf{max-width:100%}

.ft{background:var(--bark);border-top:2px solid var(--orange);padding:2rem 5%;text-align:center}
.ft-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}
.ft-links a{color:var(--khaki);text-decoration:none;font-size:.84rem;transition:color .3s}
.ft-links a:hover{color:var(--orange)}
.rg{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,138,0,.08)}
.rg p{color:var(--khaki);font-size:.78rem;margin-bottom:.4rem}
.rg a{color:var(--teal);text-decoration:none;font-size:.78rem;margin:0 .5rem}
.rg a:hover{text-decoration:underline}
.ft-cp{color:var(--khaki);font-size:.72rem;margin-top:1rem;opacity:.5}

.ag{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;display:flex;align-items:center;justify-content:center}
.ag.off{display:none}
.ag-box{background:var(--bark);border:2px solid var(--orange);border-radius:14px;padding:2.5rem;text-align:center;max-width:400px;width:90%}
.ag-box h2{font-family:'Bitter',serif;color:var(--orange);font-size:1.4rem;margin-bottom:.7rem}
.ag-box p{color:var(--khaki);margin-bottom:1.5rem;font-size:.9rem}
.ag-btns{display:flex;gap:.8rem;justify-content:center}
.ag-btns button{padding:10px 28px;border-radius:10px;font-family:'Bitter',serif;font-weight:700;font-size:.88rem;cursor:pointer;border:2px solid var(--orange);transition:all .3s}
.ag-y{background:var(--orange);color:var(--earth)}
.ag-y:hover{box-shadow:0 4px 15px rgba(255,138,0,.35)}
.ag-n{background:transparent;color:var(--orange)}
.ag-n:hover{background:rgba(255,138,0,.08)}