@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@300;400;500;600;700&display=swap');

:root{--bg:#120a10;--card:#1e1018;--rose:#c0506a;--blush:#e8a0b0;--gold:#d4a84a;--text:#c8b0bc;--white:#f8f0f4}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
h1,h2,h3{font-family:'DM Serif Display',serif;color:var(--white)}
a{color:var(--rose);text-decoration:none;transition:.3s}
a:hover{color:var(--blush)}

.nav-bar{background:rgba(18,10,16,.97);position:sticky;top:0;z-index:900;padding:0 2rem;border-bottom:1px solid rgba(192,80,106,.25)}
.nav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:66px}
.nb-logo{font-family:'DM Serif Display',serif;font-size:1.5rem;color:var(--rose);display:flex;align-items:center;gap:8px}
.nb-logo svg{width:30px;height:30px}
.nb-menu{display:flex;list-style:none;gap:1.5rem}
.nb-menu a{color:var(--text);font-size:.83rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}
.nb-menu a:hover{color:var(--rose)}
.nb-toggle{display:none;background:none;border:none;cursor:pointer}
.nb-toggle span{display:block;width:24px;height:2px;background:var(--rose);margin:5px 0}

.rose-banner{background:linear-gradient(145deg,var(--card),var(--bg));padding:5rem 2rem;text-align:center;border-bottom:2px solid var(--rose)}
.rose-banner h1{font-size:2.8rem;margin-bottom:1rem;color:var(--blush)}
.rose-banner p{max-width:680px;margin:0 auto 2rem;color:rgba(200,176,188,.85)}
.rose-btn{display:inline-block;padding:.85rem 2.5rem;background:var(--rose);color:#fff;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:1px;transition:.3s}
.rose-btn:hover{background:var(--blush);color:var(--bg)}

.pill-row{display:flex;justify-content:center;gap:2rem;padding:2rem;flex-wrap:wrap;background:var(--card)}
.pill{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.5rem;border:1px solid rgba(192,80,106,.3);border-radius:50px}
.pill .ic{font-size:1.5rem}
.pill span{font-size:.85rem;font-weight:600;color:var(--blush)}

.region{max-width:1300px;margin:0 auto;padding:4rem 2rem}
.region h2{text-align:center;font-size:1.9rem;margin-bottom:.8rem}
.region .note{text-align:center;max-width:720px;margin:0 auto 2rem;color:rgba(200,176,188,.8)}

.game-area{max-width:940px;margin:0 auto;border:2px solid var(--rose);border-radius:12px;overflow:hidden;box-shadow:0 0 40px rgba(192,80,106,.12)}
.game-area iframe{width:100%;height:580px;border:none;display:block}

.mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}
.mosaic-tile{background:var(--card);padding:2rem;border-radius:10px;border-left:3px solid var(--rose)}
.mosaic-tile h3{font-size:1.1rem;margin-bottom:.6rem;color:var(--blush)}
.mosaic-tile p{font-size:.9rem;color:rgba(200,176,188,.7)}

.footer-rose{background:var(--card);padding:2.5rem 2rem;text-align:center;border-top:1px solid rgba(192,80,106,.2)}
.footer-rose a{margin:0 1rem;color:var(--rose);font-size:.88rem}
.footer-rose .tiny{margin-top:1rem;font-size:.75rem;color:rgba(200,176,188,.35);line-height:1.9}

.age-dim{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;display:flex;align-items:center;justify-content:center}
.age-dim.nope{display:none}
.age-box{background:var(--card);border:2px solid var(--rose);padding:2.5rem;border-radius:12px;text-align:center;max-width:400px;width:90%}
.age-box h2{margin-bottom:.8rem;font-size:1.3rem;color:var(--rose)}
.age-box p{margin-bottom:1.5rem}
.age-box-btns{display:flex;gap:1rem;justify-content:center}
.age-box-btns button{padding:.7rem 2rem;border:none;border-radius:50px;font-weight:700;cursor:pointer;font-size:.88rem;transition:.3s}
.abx-y{background:var(--rose);color:#fff}
.abx-y:hover{background:var(--blush);color:var(--bg)}
.abx-n{background:transparent;border:1px solid var(--text)!important;color:var(--text)}
.abx-n:hover{border-color:#e74c3c!important;color:#e74c3c}

.page{max-width:1300px;margin:0 auto;padding:3rem 2rem 4rem;min-height:55vh}
.page h1{font-size:2.2rem;margin-bottom:1.5rem;color:var(--rose)}
.page h2{font-size:1.4rem;margin:2rem 0 .8rem;color:var(--blush)}
.page p{margin-bottom:1rem}
.page ul{margin:1rem 0 1.5rem 1.5rem}
.page li{margin-bottom:.5rem}

@media(max-width:768px){
  .nb-toggle{display:block}
  .nb-menu{display:none;position:absolute;top:66px;left:0;width:100%;background:var(--bg);flex-direction:column;padding:1rem 2rem;border-bottom:1px solid rgba(192,80,106,.2)}
  .nb-menu.on{display:flex}
  .nb-menu li{padding:.6rem 0}
  .rose-banner h1{font-size:2rem}
  .pill-row{gap:1rem}
  .mosaic{grid-template-columns:1fr}
  .game-area iframe{height:380px}
}