:root{--bulma-primary-h:171;--bulma-link-h:204;--sun:#ff8a3d;--coral:#ff5c7c;}
  html{scroll-behavior:smooth}
  body{font-family:'Nunito',sans-serif;background:#f3fbfa}
  h1,h2,h3,.title,.navbar-item.brand{font-family:'Baloo 2',cursive}
  section[id]{scroll-margin-top:60px}
  .hero.tropical{position:relative;background:#0b8a9e;color:#fff;overflow:hidden}
  .hero.tropical::before{content:"";position:absolute;inset:0;background:url('../images/art/fishing.webp') center/cover;z-index:0}
  .hero.tropical::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,120,140,.82),rgba(0,150,160,.5) 60%,rgba(0,120,160,.4));z-index:0}
  .hero.tropical .hero-body{position:relative;z-index:1}
  .hero.tropical .title,.hero.tropical .subtitle{color:#fff}
  .sun-btn{background:linear-gradient(135deg,var(--sun),var(--coral))!important;color:#fff!important;border:none!important}
  .capsule{border-left:6px solid #00d1b2;background:#fff}
  .game-box{border-radius:18px;transition:.2s;border:2px solid transparent}
  .game-box:hover{transform:translateY(-5px);border-color:#00d1b2}
  .game-tag{background:#00d1b2;color:#fff;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-weight:800;font-family:'Baloo 2'}
  .game-thumb{width:62px;height:62px;border-radius:12px;object-fit:cover;flex:none;box-shadow:0 5px 14px -7px rgba(0,0,0,.4)}
  .feat-ic{width:56px;height:56px;border-radius:16px;background:#e3fbf6;display:grid;place-items:center}
  .feat-ic img{width:34px;height:34px}
  .round{border-radius:22px!important}
  .step-dot{background:var(--sun);color:#fff;border-radius:50%;min-width:34px;height:34px;display:grid;place-items:center;font-weight:800}
  details.faq{background:#fff;border-radius:14px;margin-bottom:.75rem;padding:0 1.25rem;box-shadow:0 6px 18px -12px rgba(0,0,0,.25)}
  details.faq summary{cursor:pointer;padding:1rem 0;font-weight:700;list-style:none;display:flex;justify-content:space-between}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq summary::after{content:"+";color:#00d1b2;font-size:1.4rem}
  details.faq[open] summary::after{content:"\2013"}
  details.faq .ans{padding-bottom:1rem;color:#555}
  footer.footer{background:#0c3b3a;color:#bfe9e3}
  footer.footer a{color:#bfe9e3}footer.footer a:hover{color:#fff}
  .badge18{background:var(--sun);color:#fff;border-radius:8px;padding:2px 8px;font-weight:800;font-size:.8rem}
  .navbar-item.is-active{color:#00a896!important;font-weight:800}
  .page-hero-bu{position:relative;background-size:cover;background-position:center;overflow:hidden;color:#fff}
  .page-hero-bu::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,120,140,.74),rgba(0,88,120,.9));z-index:0}
  .page-hero-bu .container{position:relative;z-index:1}
  .page-hero-bu .title,.page-hero-bu .subtitle{color:#fff!important}
  .gdetail-img-bu{border-radius:18px;box-shadow:0 20px 44px -22px rgba(0,0,0,.4);width:100%}
  .cat-tag{display:inline-block;background:#00d1b2;color:#fff;border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}