@font-face{font-family:HGNav;src:url('/fonts/kanit900-latin.woff2') format('woff2');font-weight:900;font-display:swap}
nav.hg-site-nav{display:flex;position:relative;inset:auto;justify-content:center;align-items:center;width:100%;box-sizing:border-box;margin:0;padding:14px 10px;background:transparent;border:0;border-radius:10px;direction:ltr}
nav.hg-site-nav>ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:static;list-style:none;gap:4px;margin:0;padding:0;width:auto;max-width:100%;overflow:visible}
nav.hg-site-nav>ul>li{display:block;float:none;list-style:none;margin:0;padding:0;width:auto}
nav.hg-site-nav>ul>li>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0;padding:12px 16px;font-family:HGNav,Kanit,sans-serif;font-weight:900;font-size:15px;line-height:22px;letter-spacing:normal;color:#fff;background:#ff49e1;border:1px solid #000;border-radius:10px;text-decoration:none;white-space:nowrap;cursor:pointer;text-shadow:0 1px #000,0 -1px #000,1px 0 #000,-1px 0 #000,0 0 4px #000;transition:background-color .2s}
nav.hg-site-nav>ul>li>a:hover{background:#220b23;box-shadow:1px 1px 20px #ffffff70;color:white}
nav.hg-site-nav a:focus-visible,#hg-support-dialog a:focus-visible,#hg-support-dialog button:focus-visible{outline:3px solid #ffeb3b;outline-offset:3px}
#hg-support-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(760px,calc(100% - 28px));max-width:760px;max-height:calc(100dvh - 28px);margin:auto;padding:32px;border:1px solid #70516d;border-radius:24px;background:#17101c;color:#fff;box-shadow:0 24px 100px #000a;font:16px/1.5 system-ui,sans-serif;text-align:center;overflow:auto;direction:ltr}
#hg-support-dialog::backdrop{background:#09050de0;backdrop-filter:blur(5px)}
#hg-support-dialog h2{margin:6px 30px 8px;color:white;font:700 clamp(24px,5vw,32px)/1.2 system-ui,sans-serif;text-shadow:none}
#hg-support-dialog p{margin:0 0 24px;color:#ded2e1;font:16px/1.5 system-ui,sans-serif}
#hg-support-dialog .hg-support-close{position:absolute;right:12px;top:10px;display:block;width:40px;height:40px;min-width:40px;margin:0;padding:0;border:0;border-radius:50%;background:#ffffff12;color:white;font:28px/40px system-ui;cursor:pointer}
#hg-support-dialog .hg-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#hg-support-dialog .hg-provider{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:230px;padding:28px 12px;box-sizing:border-box;border:1px solid #795586;border-radius:18px;background:#291c33;color:white;text-decoration:none;text-shadow:none;overflow:hidden;transition:background .2s,border-color .2s}
#hg-support-dialog .hg-provider:hover{background:#392447;border-color:#e5a6ff}
#hg-support-dialog .hg-provider-boosty{background:#30201d;border-color:#97533d}
#hg-support-dialog .hg-provider-boosty:hover{background:#46291f;border-color:#ff995c}
#hg-support-dialog .hg-provider img{display:block;width:64px;height:64px;object-fit:contain;border-radius:14px;margin:0}
#hg-support-dialog .hg-provider strong{color:white;font:700 25px/1.2 system-ui}
#hg-support-dialog .hg-provider small{color:#e1d5e6;font:12px/1.5 system-ui;overflow-wrap:anywhere}
#hg-support-dialog .hg-provider span.hg-provider-action{font:600 14px/1.5 system-ui;color:#fff}
#hg-support-dialog .hg-new-ribbon{position:absolute;top:13px;right:-31px;width:120px;transform:rotate(35deg);background:#ff9d58;color:#241208;font:800 12px/25px system-ui;text-transform:uppercase;letter-spacing:1px}
.hg-trial-notice{box-sizing:border-box;max-width:820px;margin:20px auto;padding:18px 22px;border:1px solid #8c75db;border-radius:16px;background:#19152c;color:#fff;text-align:center;font:15px/1.6 system-ui,sans-serif}
.hg-trial-notice strong{font-size:19px;color:#e1d4ff}.hg-trial-notice p{margin:8px 0 12px;color:#fff}.hg-trial-notice a{display:inline-block;padding:10px 18px;border-radius:10px;background:#5865f2;color:white;font-weight:700;text-decoration:none}
.hg-support-page{max-width:760px;margin:40px auto;padding:24px;font:18px/1.6 system-ui,sans-serif;text-align:center}
@media(max-width:900px){nav.hg-site-nav>ul{gap:4px}nav.hg-site-nav>ul>li>a{padding:5px 9px;font-size:13.12px;min-height:34px}.hg-trial-notice{margin:16px 12px}}
@media(max-width:520px){#hg-support-dialog{padding:26px 16px 18px}#hg-support-dialog .hg-provider-grid{gap:10px}#hg-support-dialog .hg-provider{padding:30px 7px 16px;min-height:218px}#hg-support-dialog .hg-provider strong{font-size:22px}#hg-support-dialog .hg-provider small{font-size:11px}}
