/* Hongkong Pools Games unified ocean theme */
:root{--sea:#076aa8;--aqua:#09c5d5;--sun:#ffe77d;--ink:#103450}
html{scroll-behavior:smooth}body{background:linear-gradient(155deg,#c9faff 0%,#ecfbff 45%,#fff9dc 100%) fixed!important;color:var(--ink)}
.hkg-topbar{position:relative;z-index:999;background:linear-gradient(110deg,#073c82,#0e93bf 65%,#24cdbd);box-shadow:0 8px 24px #06467733;padding:12px 18px;border-bottom:4px solid #ffe17c;font-family:Arial,sans-serif}
.hkg-topbar .hkg-brand{color:#fff!important;font-size:20px;font-weight:900;text-decoration:none;display:inline-block;margin-right:24px}
.hkg-topbar nav{display:inline-flex;gap:9px;flex-wrap:wrap;vertical-align:middle}
.hkg-topbar nav a{display:inline-block;background:#ffffff20;border:1px solid #ffffff55;color:white!important;text-decoration:none;padding:9px 13px;border-radius:30px;font-size:13px;font-weight:700}
.hkg-topbar nav a:hover,.hkg-topbar nav a:focus{background:#ffe27d;color:#124267!important}
.hkg-hero{margin:18px auto 12px;max-width:1170px;background:linear-gradient(120deg,#06528d,#08a8c3);color:white;border:3px solid #fff;border-radius:23px;padding:23px 25px;box-shadow:0 12px 34px #087c9c3b;font-family:Arial,sans-serif}
.hkg-hero h1{font-size:clamp(25px,4vw,38px)!important;line-height:1.16!important;color:white!important;margin:6px 0 12px!important;text-align:left!important;text-shadow:0 3px 7px #003b5a66}
.hkg-hero p{font-size:15px;line-height:1.65;color:#efffff;margin:8px 0}
.hkg-pill{display:inline-block;color:#153d5d;background:#ffe77d;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:800}
.hkg-freshness{margin-top:12px;background:#ffffff20;border:1px solid #ffffff55;border-radius:13px;padding:11px 13px;color:#fff;font-size:13px}
.hkg-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.hkg-shortcuts a{background:#fff;color:#07518c!important;padding:9px 14px;border-radius:12px;font-weight:800;text-decoration:none}
.hkg-shortcuts a:hover{background:#ffe77d}
.hkg-bottom{max-width:1170px;margin:25px auto;padding:22px;border-radius:20px;background:#fff;border:2px solid #a3e9f4;box-shadow:0 9px 26px #1e6c9430;font-family:Arial,sans-serif}
.hkg-bottom h2{color:#08669c}.hkg-bottom a{color:#007eac;font-weight:700}
@media(max-width:700px){.hkg-topbar{padding:12px}.hkg-topbar .hkg-brand{margin-bottom:10px}.hkg-topbar nav{display:flex;gap:6px}.hkg-topbar nav a{padding:8px 10px;font-size:12px}.hkg-hero{margin:10px 8px;padding:18px 15px}.hkg-bottom{margin:15px 8px}}