body{font-family:'Inter',sans-serif;background:#0d1430;color:var(--beige);overflow-x:hidden;}
.page-hero{position:relative;padding:64px 24px 48px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#5a8d4a,#37632e 60%,#234020);}
.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(112,163,167,0.15) 0%,transparent 70%);pointer-events:none;z-index:0;}
.hero-content{position:relative;z-index:1;}
.hero-emoji{font-size:4.5rem;margin-bottom:12px;}
.hero-title{font-family:'Fredoka',cursive;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:700;color:#fff;margin-bottom:16px;line-height:1.1;}
.hero-desc{font-size:1rem;color:rgba(240,234,214,0.75);max-width:500px;margin:0 auto 24px;line-height:1.65;}
.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;}
.badge{font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:6px 14px;border-radius:20px;background:rgba(112,163,167,0.15);border:1px solid rgba(112,163,167,0.3);color:rgba(112,163,167,0.9);}
.btn-play{display:inline-flex;align-items:center;gap:8px;background:var(--rose);color:#fff;font-weight:800;font-size:1.05rem;padding:16px 40px;border-radius:14px;cursor:pointer;text-decoration:none;box-shadow:0 5px 0 var(--rose-dk);transition:transform .1s,box-shadow .1s;}
.btn-play:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--rose-dk);}
.btn-play:active{transform:translateY(4px);box-shadow:0 1px 0 var(--rose-dk);}
.game-wrapper{max-width:1000px;margin:0 auto;padding:40px 16px 56px;}
.game-info-bar{width:100%;background:rgba(0,0,0,0.3);border:1px solid rgba(112,163,167,0.3);border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;backdrop-filter:blur(8px);margin-bottom:20px;}
.info-item{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:rgba(240,234,214,0.7);}
.info-item strong{font-weight:700;color:var(--beige);}
.game-frame-wrap{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(112,163,167,0.3);box-shadow:0 0 40px rgba(112,163,167,0.1),0 20px 60px rgba(0,0,0,0.3);background:#0a0f28;position:relative;aspect-ratio:16/9;}
.game-frame-wrap iframe{display:block;width:100%;height:100%;border:none;}
.guide-wrap{max-width:1000px;margin:0 auto;padding:0 16px 72px;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.guide-panel{background:rgba(255,255,255,0.03);border:1px solid rgba(112,163,167,0.2);border-radius:16px;padding:24px;}
.guide-panel h3{font-family:'Fredoka',cursive;font-size:0.9rem;font-weight:700;text-transform:uppercase;color:var(--teal);margin-bottom:16px;letter-spacing:0.05em;}
.how-list{display:flex;flex-direction:column;gap:12px;}
.how-item{display:flex;gap:12px;align-items:flex-start;}
.how-num{flex-shrink:0;width:28px;height:28px;background:rgba(112,163,167,0.2);border:1px solid rgba(112,163,167,0.3);border-radius:50%;font-family:'Fredoka',cursive;font-size:0.75rem;font-weight:700;color:var(--teal);display:flex;align-items:center;justify-content:center;}
.how-text{font-size:0.9rem;color:rgba(240,234,214,0.7);line-height:1.55;}
.how-text strong{color:var(--beige);font-weight:600;}
.tips-list{display:flex;flex-direction:column;gap:10px;}
.tip-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:rgba(112,163,167,0.05);border-radius:8px;border-left:3px solid var(--teal);}
.tip-icon{font-size:1.1rem;flex-shrink:0;}
.tip-text{font-size:0.85rem;color:rgba(240,234,214,0.65);line-height:1.5;}
.guide-panel.full{grid-column:1/-1;}
@media(max-width:680px){.guide-wrap{grid-template-columns:1fr;}.guide-panel.full{grid-column:1;}.game-frame-wrap{aspect-ratio:4/3;}.hero-title{font-size:clamp(1.8rem,7vw,2.8rem);}}