:root{--hm-cream:#f7fbff;--hm-ink:#203b58;--hm-muted:#59738b;--hm-green:#1375c5;--hm-gold:#c3943d;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hm-header-height,80px) + 16px)}.hm-page{margin:0;background:#f7fbff;color:#203b58;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}.hm-page a{color:inherit;text-decoration:none}.hm-page button{font:inherit;cursor:pointer}.hm-page :focus-visible{outline:3px solid #1678c8;outline-offset:4px}.hm-page h1,.hm-page h2,.hm-page h3{margin:0;font-family:Georgia,serif;font-weight:400;line-height:1.12}.hm-skip{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.hm-skip:focus{top:8px}.hm-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:10px clamp(16px,3vw,56px);background:#fffffffa;border-bottom:1px solid #dfedf6;box-shadow:0 4px 20px #24578308}.hm-brand-status{display:flex;align-items:center;gap:18px;min-width:0}.hm-header .hm-brand{position:relative;display:block;width:180px;height:52px;flex:none}.hm-logo-image{position:absolute;top:0;left:0;width:180px;height:auto;z-index:1}.hm-header-status{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hm-online,.hm-world{display:flex;align-items:center;gap:6px;padding:6px 9px;background:#f2f9ff;border:1px solid #d9eaf5;border-radius:24px;white-space:nowrap;font-size:10px}.hm-online-dot{width:7px;height:7px;border-radius:50%;background:#74859a}.hm-online[data-state=active] .hm-online-dot{background:#179b70}.hm-world-icon{color:#8896a5;font-size:13px}.hm-world[data-state=online] .hm-world-icon{color:#169d64}.hm-world[data-state=offline] .hm-world-icon{color:#d53e4a}.hm-header nav{margin-left:auto}.hm-login,.hm-menu{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #cae3f5;border-radius:12px;background:#eaf6ff;color:#165d95;font-size:12px;font-weight:700;white-space:nowrap}.hm-menu{display:none}.hm-hero{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#d9f1ff}.hm-landscape{position:absolute;inset:0;background:url('../img/heimdall-chibi.webp') 63% center/cover no-repeat;z-index:-3}.hm-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f4fbfffa 0%,#effaffed 24%,#edfaff80 43%,transparent 64%),linear-gradient(0deg,#f7fbff,transparent 18%)}.hm-hero-copy{width:min(620px,54%);padding:88px 0 120px clamp(24px,6vw,100px)}.hm-eyebrow{font-size:10px;font-weight:800;letter-spacing:2.4px;color:#2277a2;margin:0 0 20px}.hm-hero h1{font-size:clamp(44px,4.7vw,74px);letter-spacing:-2.4px}.hm-hero h1 em{color:#167ec1;font-style:normal}.hm-intro{color:#42647f;font-size:16px;line-height:1.8;margin:24px 0}.hm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hm-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:14px 24px;border:1px solid #1176c5;border-radius:14px;background:#1176c5;color:white!important;font-size:13px;font-weight:700;box-shadow:0 8px 20px #147ec025;transition:transform .18s,background .18s}.hm-button:hover{background:#0962a7;transform:translateY(-2px)}.hm-secondary{background:#ffffffed;color:#246187!important;border-color:#b2d7ee;box-shadow:none}.hm-secondary:hover{background:white}.hm-caption{display:flex;gap:10px;align-items:center;color:#527790;font-size:11px;margin-top:22px}.hm-caption span{color:#b28a3e;font-size:24px}.hm-hero-bottom{position:absolute;bottom:22px;left:6%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.5px}.hm-hero-bottom a{padding:12px 0}.hm-hero-bottom a span{margin-left:10px}.hm-motion{padding:10px 16px;min-height:44px;border:1px solid #cce3ef;background:#ffffffd9;border-radius:24px;color:#426982;font-size:11px!important}.hm-ribbon{display:flex;justify-content:center;gap:34px;align-items:center;padding:22px 16px;background:#edf9ff;border-block:1px solid #e0eff8;font-size:10px;letter-spacing:1.8px}.hm-ribbon b{color:#58bfa9}.hm-section{max-width:1280px;margin:auto;padding:80px 6%}.hm-section-title{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:36px}.hm-section h2,.hm-community h2{font-size:clamp(32px,3vw,46px);letter-spacing:-1.2px}.hm-section-title>p{max-width:330px;font-size:14px;color:#59738b}.hm-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hm-feature{padding:30px;background:white;border:1px solid #dcebf6;border-radius:22px;box-shadow:0 14px 35px #265a8506}.hm-feature:nth-child(2){background:#effbf8;border-color:#d5eee6}.hm-feature:nth-child(3){background:#eff7ff}.hm-number{display:inline-block;padding:7px 10px;background:#e8f5ff;border-radius:8px;color:#28769f;font-size:10px;letter-spacing:1px}.hm-feature h3{font-size:28px;margin:24px 0 16px}.hm-feature p{font-size:14px;line-height:1.8;color:#59738b}.hm-feature a,.hm-steps a{display:inline-block;padding:10px 0;color:#126fac;font-size:13px;font-weight:700}.hm-vista{min-height:340px;display:flex;align-items:center;background:linear-gradient(90deg,#123d68f5,#17639cb8 45%,#1b6da02b),url('../img/heimdall-chibi.webp') center 55%/cover;color:white;content-visibility:auto;contain-intrinsic-size:auto 340px}.hm-vista>div{margin:52px 8%}.hm-vista .hm-eyebrow{color:#9ee7d8}.hm-vista h2{font-size:44px;margin-bottom:24px}.hm-vista .hm-button{background:#a9f0dd;color:#174c62!important;border-color:#a9f0dd}.hm-start{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.hm-start>div>p:last-child{color:#59738b;font-size:14px}.hm-steps{list-style:none;margin:0;padding:0}.hm-steps li{display:flex;gap:20px;border-bottom:1px solid #e0eaf2;padding-bottom:22px;margin-bottom:22px}.hm-steps li>span{display:grid;place-items:center;align-self:start;flex:none;width:40px;height:40px;background:#e0f3ff;border-radius:12px;color:#2680b5;font-size:13px;font-weight:700}.hm-steps h3{font-size:25px}.hm-steps p{font-size:14px;color:#59738b}.hm-unavailable{font-size:12px;color:#59738b}.hm-community{padding:44px 8%;background:#e2f7f2;display:flex;align-items:center;justify-content:space-between;gap:28px}.hm-community h2{font-size:32px}.hm-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:44px 6%;background:#183d60;color:#e3f2fc}.hm-footer .hm-brand{display:flex;gap:12px;align-items:center;font:700 22px Georgia,serif}.hm-brand small{display:block;font:9px/1.8 system-ui;letter-spacing:2px}.hm-seal{border:1px solid #75c8df;border-radius:12px;padding:5px 10px;color:#a6e9dd}.hm-footer>p{font:italic 17px Georgia,serif}.hm-footer>a:last-of-type{font-size:12px}.hm-footer>small{flex-basis:100%;padding-top:22px;border-top:1px solid #365976;color:#aec5d9;font-size:11px}.hm-message{padding:14px 6%;background:#e0f5ed;color:#236453}.hm-particles{position:absolute;inset:0;pointer-events:none;z-index:-1}.hm-leaf{position:absolute;left:var(--x);top:-25px;width:10px;height:18px;border-radius:90% 0 90% 0;background:#77c9a7;opacity:.5;animation:hm-leaf-fall var(--duration) linear infinite;animation-delay:var(--delay)}.hm-spark{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:white;animation:hm-spark 6s ease-in-out infinite;animation-delay:var(--delay)}.hm-paused .hm-leaf,.hm-paused .hm-spark,.hm-dialog-paused .hm-leaf,.hm-dialog-paused .hm-spark{animation-play-state:paused!important}html.hm-dialog-open{overflow:hidden;scrollbar-gutter:stable}@keyframes hm-leaf-fall{from{transform:translate(0,0) rotate(0);opacity:0}20%{opacity:.5}to{transform:translate(100px,700px) rotate(220deg);opacity:0}}@keyframes hm-spark{0%,100%{opacity:.2}50%{opacity:.8;transform:translateY(-12px)}}@keyframes hm-modal-out{to{opacity:0;transform:translateY(8px)}}
@media(max-width:1200px){.hm-header{flex-wrap:wrap;gap:8px 16px}.hm-header nav{order:4;flex-basis:100%;display:flex;justify-content:center}.hm-login{margin-left:auto}.hm-hero-copy{width:58%;padding-top:72px}.hm-feature{padding:24px}.hm-header .hm-brand{width:160px}.hm-logo-image{width:160px}}
@media(min-width:761px) and (max-width:1000px){.hm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-feature:last-child{grid-column:1/-1}.hm-hero h1{font-size:52px}.hm-hero-copy{width:62%}}
@media(max-width:760px){.hm-header{display:grid;grid-template-columns:120px 1fr auto;gap:8px;padding:8px 12px;min-height:92px}.hm-brand-status{display:contents}.hm-header .hm-brand{grid-column:1;grid-row:1/3;width:120px;height:48px;align-self:start}.hm-logo-image{width:136px;left:-8px;top:8px}.hm-header-status{grid-column:2/4;grid-row:1;justify-content:flex-end;gap:4px}.hm-online,.hm-world{padding:3px 6px;font-size:9px}.hm-menu{display:flex;grid-column:2;grid-row:2;justify-self:end;padding:8px 12px;font-size:11px}.hm-login{grid-column:3;grid-row:2;margin:0;padding:8px 10px;font-size:11px}.hm-header nav{display:none!important;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--hm-header-height,100px));overflow:auto;background:white;border-bottom:1px solid #cfe6f5;padding:12px;box-shadow:0 15px 30px #203b5815}.hm-header nav.hm-open{display:block!important}.hm-hero{min-height:800px;align-items:start}.hm-landscape{background-size:auto 510px;background-position:65% bottom;background-color:#e4f5ff}.hm-wash{background:linear-gradient(180deg,#f1faff 0%,#f1faff 35%,#f1faff7a 52%,transparent 72%,#f7fbff 100%)}.hm-hero-copy{width:100%;padding:40px 7% 310px}.hm-hero h1{font-size:clamp(40px,8.5vw,60px);letter-spacing:-1.7px}.hm-eyebrow{font-size:9px;margin-bottom:18px}.hm-intro{font-size:14px;margin:18px 0}.hm-actions{margin-top:20px;gap:10px}.hm-button{padding:12px 18px;font-size:12px;gap:12px}.hm-caption{font-size:10px;margin-top:16px}.hm-ribbon{gap:12px;font-size:8px;letter-spacing:.7px}.hm-section{padding:52px 6%}.hm-section-title{display:block}.hm-section-title>p{max-width:none}.hm-feature-grid,.hm-start{grid-template-columns:1fr;gap:18px}.hm-feature h3{font-size:27px}.hm-start{gap:30px}.hm-community{flex-direction:column;align-items:start;padding:36px 6%}.hm-vista h2{font-size:36px}.hm-footer>p{display:none}.hm-leaf:nth-child(n+4),.hm-spark{display:none}.hm-hero-bottom{letter-spacing:.8px}.hm-page:not(.hm-js) .hm-header nav{display:block!important;position:static;grid-column:1/-1}.hm-page:not(.hm-js) .hm-menu{display:none}}
@media(max-width:380px){.hm-header{grid-template-columns:98px 1fr auto}.hm-logo-image{width:114px}.hm-header .hm-brand{width:98px}.hm-header-status{flex-wrap:wrap}.hm-online,.hm-world{font-size:8px}.hm-button{padding:12px 14px}.hm-ribbon{font-size:7px;gap:7px}.hm-hero{min-height:820px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hm-leaf,.hm-spark{animation:none!important;display:none}.hm-button{transition:none}}

/* Versioned, separate popup stylesheet so older homepage CSS cannot mask this update. */
.hm-page dialog.hm-account-modal{width:min(440px,calc(100% - 24px));max-width:440px;height:auto;max-height:calc(var(--hm-window-height,100dvh) - 32px);padding:0;border:1px solid #dddcca;border-radius:16px;background:#ffffff;box-shadow:0 24px 80px #183d3b40;overflow:hidden;color:#183d3b}
.hm-page dialog.hm-account-modal[open]{display:flex;flex-direction:column;animation:hm-simple-in .18s ease-out}
.hm-page dialog.hm-account-modal::backdrop{background:#193d416b!important;backdrop-filter:blur(3px)}
.hm-account-modal .hm-modal-head{position:relative;padding:30px 50px 14px 26px;text-align:left;background:none;flex-shrink:0}
.hm-account-modal .hm-modal-head h2{font:500 27px/1.2 Georgia,serif!important;letter-spacing:-.4px;margin:0}
.hm-account-modal .hm-modal-sub{font:13px/1.6 Arial,sans-serif;color:#67776d;margin:9px 0 0}
.hm-account-modal .hm-modal-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:#eef0e7;color:#36584b;font:24px/1 Arial,sans-serif!important}
.hm-account-modal .hm-account-tabs{display:flex;flex-shrink:0;gap:4px;margin:6px 24px 14px;padding:4px;border-radius:9px;background:#edf0e6}
.hm-account-modal .hm-account-tabs button{flex:1;border:0;border-radius:6px;min-height:40px;padding:9px 6px;background:transparent;color:#56695c;font:600 13px/1.4 Arial,sans-serif}
.hm-account-modal .hm-account-tabs button[aria-pressed=true]{background:#ffffff;color:#205640;box-shadow:0 1px 5px #264c3620}
.hm-account-modal .hm-account-frame{display:block;width:100%;height:300px;min-height:100px;flex:0 1 auto;border:0;background:#ffffff}
.hm-account-modal .hm-account-frame[hidden]{display:none}
.hm-account-modal .hm-frame-status{margin:0;padding:24px;font:13px/1.6 Arial,sans-serif;text-align:center;color:#5b7062}
.hm-account-modal .hm-modal-foot{flex-shrink:0;margin:0 24px;padding:13px 0 17px;border-top:1px solid #e8e9df;text-align:center}
.hm-account-modal .hm-native-fallback{font:11px/1.5 Arial,sans-serif;color:#61776a!important;text-decoration:none!important}
.hm-account-modal .hm-native-fallback:hover{text-decoration:underline!important}
.hm-account-modal.hm-closing{animation:hm-modal-out .16s ease-in forwards!important}
@keyframes hm-simple-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.hm-page dialog.hm-account-modal{width:calc(100% - 20px);max-width:440px;height:auto;max-height:calc(var(--hm-window-height,100dvh) - 20px)}.hm-account-modal .hm-modal-head{padding:25px 54px 12px 20px}.hm-account-modal .hm-modal-head h2{font-size:25px!important}.hm-account-modal .hm-modal-close{width:44px;height:44px;top:9px;right:9px}.hm-account-modal .hm-account-tabs{margin:6px 16px 10px}.hm-account-modal .hm-account-tabs button{min-height:44px}.hm-account-modal .hm-modal-foot{margin:0 16px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.hm-account-modal .hm-native-fallback{display:inline-block;min-height:32px;padding:6px 0}}
@media(max-height:500px){.hm-account-modal .hm-modal-head{padding:14px 54px 8px 20px}.hm-account-modal .hm-modal-sub{display:none}.hm-account-modal .hm-account-tabs{margin:2px 16px 8px}.hm-account-modal .hm-modal-foot{padding:8px 0}.hm-account-modal .hm-modal-head h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.hm-page dialog.hm-account-modal[open],.hm-account-modal::backdrop,.hm-account-modal.hm-closing{animation:none!important}}

/* Account management needs room for profile and character tables. */
.hm-account-modal[data-mode=view]{width:min(1120px,calc(100vw - 40px));max-width:none;height:min(860px,90dvh);max-height:90dvh;overflow:hidden}
.hm-account-modal[data-mode=view][open]{display:flex;flex-direction:column}
.hm-account-modal[data-mode=view] .hm-account-tabs{display:none}
.hm-account-modal[data-mode=view] .hm-modal-head{flex-shrink:0;padding-bottom:16px;border-bottom:1px solid #e0e6d8}
.hm-account-modal[data-mode=view] .hm-account-frame{flex:1;min-height:0;height:100%!important;width:100%;max-height:none;border:0}
.hm-account-modal[data-mode=view] .hm-modal-foot{flex-shrink:0;border-top:1px solid #e0e6d8;padding-top:12px}
@media(max-width:760px){.hm-account-modal[data-mode=view]{width:100vw;max-width:100vw;height:var(--hm-window-height,100dvh);max-height:var(--hm-window-height,100dvh);margin:0;border-radius:0}.hm-account-modal[data-mode=view] .hm-modal-head{padding-right:48px}}

.hm-page dialog.hm-data-dialog{width:min(820px,calc(100% - 24px));max-width:820px;max-height:calc(100dvh - 24px);padding:0;background:#ffffff;border:1px solid #c9ccb6;border-radius:16px;color:#203b58;overflow:hidden}.hm-data-dialog[open]{display:flex;flex-direction:column;animation:hm-simple-in .18s ease-out}.hm-data-dialog::backdrop{background:#173d456b;backdrop-filter:blur(3px)}.hm-data-dialog>header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 24px 12px;flex:none}.hm-data-dialog header p{font:9px Arial;letter-spacing:2px;margin:0 0 8px}.hm-data-dialog h2{font:400 28px Georgia,serif}.hm-data-close{width:44px;height:44px;flex:none;border:0;background:#edf0e4;border-radius:50%;font:25px Arial!important;color:#285842}.hm-data-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:8px 24px}.hm-data-tabs button{padding:10px 12px;min-height:42px;background:#eff2e8;border:0;border-radius:6px;color:#375943;font:12px Arial}.hm-data-tabs button[aria-pressed=true]{background:#1479bd;color:#fff}.hm-data-controls{padding:10px 24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.hm-data-controls label{font-size:12px}.hm-data-search{display:block;max-width:100%;width:260px;margin-top:5px;padding:10px 12px;border:1px solid #bdccb6;border-radius:6px;font-size:16px;color:#203b58;background:#fff}.hm-data-note{font-size:11px;color:#687664}.hm-data-content{padding:12px 24px;overflow:auto;min-height:130px}.hm-data-content>p{font-size:14px;padding:20px 0}.hm-data-content table{border-collapse:collapse;width:100%;font:13px/1.6 Arial;min-width:400px}.hm-data-content th{text-align:left;color:#63765e;font-size:11px;font-weight:500;background:#f1f3e9}.hm-data-content td,.hm-data-content th{padding:13px 10px;border-bottom:1px solid #e4e8da;overflow-wrap:anywhere}.hm-data-content tr td:first-child{font-variant-numeric:tabular-nums}.hm-data-content progress{width:100%;max-width:180px;height:10px;accent-color:#4b8b62}.hm-data-content dl{display:grid;grid-template-columns:1fr 1fr;gap:0;font-size:14px}.hm-data-content dt,.hm-data-content dd{margin:0;padding:14px;border-bottom:1px solid #e0e6d6}.hm-data-content dd{text-align:right}.hm-data-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid #e0e6d6;font-size:12px;flex:none}.hm-data-dialog footer button{padding:10px 14px;min-height:42px;background:#1479bd;color:#fff;border:0;border-radius:6px}.hm-data-dialog button:disabled{opacity:.45;cursor:default}
@media(min-width:761px){.hm-status-grid{padding-left:150px}}
@media(max-width:600px){.hm-community-tools{padding:24px 5% 14px}.hm-status-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hm-status-grid>div:last-child{grid-column:1 / -1}.hm-tool-row{gap:7px}.hm-tool-row button,.hm-tool-row>a{flex:1 1 42%;text-align:center;min-height:44px}.hm-page dialog.hm-data-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.hm-data-dialog>header{padding:18px 16px 8px}.hm-data-dialog h2{font-size:23px}.hm-data-tabs{padding:6px 16px}.hm-data-tabs button{flex:1 1 28%;min-height:44px;padding:8px}.hm-data-controls{padding:6px 16px}.hm-data-search{width:100%}.hm-data-controls label{width:100%}.hm-data-content{padding:10px 16px}.hm-data-dialog>footer{padding:10px 16px}.hm-data-content dl{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hm-data-dialog[open]{animation:none}}
.hm-status-grid strong[data-state=online]::before,.hm-status-grid strong[data-state=offline]::before,.hm-status-grid strong[data-state=unknown]::before{content:'';display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}

/* General native-page popup: separate from the compact account form. */
.hm-page-dialog{padding:0;border:1px solid #d5dccb;border-radius:16px;background:#ffffff;color:#203b58;width:min(1100px,calc(100vw - 40px));height:min(800px,88dvh);max-width:none;max-height:94dvh;box-shadow:0 24px 90px #123c3a40;overflow:hidden;font:14px/1.5 Arial,sans-serif}
.hm-page-dialog[open]{display:flex;flex-direction:column;animation:hm-page-enter .2s ease-out}.hm-page-dialog::backdrop{background:#163d3c85;backdrop-filter:blur(4px)}
.hm-page-toolbar{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:16px 20px;border-bottom:1px solid #e0edf6}.hm-page-toolbar h2{flex:1;min-width:0;margin:0;font:400 25px/1.2 Georgia,serif;overflow-wrap:anywhere}.hm-page-toolbar button{min-height:44px;padding:8px 14px;border:1px solid #cbdfee;border-radius:8px;background:#edf7ff;color:#286486;cursor:pointer}.hm-page-toolbar button:disabled{opacity:.4;cursor:default}.hm-page-toolbar .hm-page-close{font-size:25px;line-height:1;width:44px;padding:0}.hm-page-stage{flex:1;min-height:0;background:#ffffff}.hm-page-frame{display:block;width:100%;height:100%;border:0;background:#ffffff}.hm-page-status{margin:0;padding:8px 20px;background:#edf2e6;font-size:13px}.hm-page-status:empty{display:none}.hm-page-foot{display:flex;justify-content:space-between;gap:16px;padding:10px 20px;border-top:1px solid #e0edf6;font-size:11px;flex-shrink:0}.hm-page-fallback{color:#24664c}.hm-page-dialog :focus-visible{outline:2px solid #b18b47;outline-offset:3px}
html.hm-native-document{background:#ffffff;overflow-x:auto}.hm-native-body{margin:0!important;padding:0!important;min-width:0!important;background:#ffffff!important;color:#25483c;font:14px/1.6 Arial,sans-serif}.hm-native-content{padding:20px 24px;overflow-x:auto}.hm-native-content *{box-sizing:border-box}.hm-native-content h2{font:400 25px Georgia,serif;color:#24533f}.hm-native-content a{color:#25664c}.hm-native-content input,.hm-native-content select,.hm-native-content textarea{max-width:100%;min-height:40px;font-size:16px;border:1px solid #c7d2bf;border-radius:6px;padding:8px;background:#fff;color:#203b58}.hm-native-content input[type=checkbox],.hm-native-content input[type=radio]{min-height:18px}.hm-native-content input[type=submit],.hm-native-content button{min-height:42px;border-radius:7px;padding:8px 16px;background:#1479bd;color:white;border:0;cursor:pointer}.hm-native-content table{border-collapse:collapse}.hm-native-content th{background:#edf7ff;color:#28513e;text-align:left}.hm-native-content th,.hm-native-content td{padding:9px 12px;border-bottom:1px solid #e2e7db}.hm-native-content img{max-width:100%;height:auto}.hm-native-submenu{margin:0 0 16px;padding:8px 0;border-bottom:1px solid #dde5d3}.hm-native-submenu a{display:inline-block;margin:4px 8px;padding:5px}.hm-native-content .error{color:#a52d38}.hm-native-content .message{padding:12px;background:#edf7ff}
@keyframes hm-page-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){.hm-page-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;border-radius:0}.hm-page-toolbar{padding:10px 12px;gap:8px}.hm-page-toolbar h2{font-size:21px}.hm-page-foot{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.hm-native-content{padding:12px}.hm-native-menu .hm-native-panel{position:fixed;top:var(--hm-header-height,80px);left:12px;right:12px;width:auto;max-height:calc(100dvh - var(--hm-header-height,80px) - 24px);box-shadow:0 20px 50px #163c3c25}}
@media(prefers-reduced-motion:reduce){.hm-page-dialog[open]{animation:none}}

/* Unified navigation and popup surfaces. */
.hm-category-menus{display:flex;gap:6px;align-items:center}.hm-native-menu{position:relative}.hm-native-menu>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;gap:8px;align-items:center;padding:12px 10px;color:#315e7c;font:700 11px system-ui;letter-spacing:.5px;border-radius:10px}.hm-native-menu>summary::marker{content:''}.hm-native-menu>summary::-webkit-details-marker{display:none}.hm-native-menu[open]>summary,.hm-native-menu>summary:hover{background:#eaf6ff;color:#116eb2}.hm-native-menu:not([open])>.hm-native-panel{display:none}.hm-native-menu .hm-native-panel{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-width:calc(100vw - 24px);max-height:65dvh;overflow:auto;padding:18px;background:white;border:1px solid #dceaf4;border-radius:16px;box-shadow:0 16px 50px #204b6d20;z-index:70}.hm-category-content{display:grid;gap:18px}.hm-native-group h3{font:700 10px system-ui;letter-spacing:1.2px;text-transform:uppercase;color:#70889c;margin:0 0 8px}.hm-native-group ul{list-style:none;padding:0;margin:0}.hm-native-group a{display:block;min-height:44px;padding:10px 12px;border-radius:8px;color:#315d7a;font:13px/1.7 system-ui}.hm-native-group a:hover{background:#eef8ff}.hm-native-update,.hm-native-empty{font:12px/1.6 system-ui;color:#607c92}.hm-native-update:empty{display:none}
.hm-page dialog.hm-account-modal,.hm-page dialog.hm-page-dialog,.hm-page dialog.hm-data-dialog{background:white;color:#203b58;border:1px solid #d4e7f4;border-radius:20px;box-shadow:0 24px 90px #163b602c}.hm-page dialog::backdrop{background:#163b6066!important;backdrop-filter:blur(4px)}.hm-page dialog .hm-modal-head,.hm-page-toolbar,.hm-data-dialog>header{background:#f0f9ff;border-bottom:1px solid #e0eef6}.hm-page dialog .hm-modal-sub{color:#607c92}.hm-page dialog .hm-modal-close,.hm-page-toolbar button,.hm-data-close{background:#e0f1ff;color:#245c85;min-width:44px;min-height:44px}.hm-page dialog .hm-account-tabs{background:#eef6fc}.hm-page dialog .hm-account-tabs button{color:#426781;min-height:44px}.hm-page dialog .hm-account-tabs button[aria-pressed=true]{background:#167ac1;color:white}.hm-page dialog .hm-account-frame,.hm-page-stage,.hm-page-frame{background:white}.hm-page dialog .hm-native-fallback{color:#527893!important}.hm-page dialog.hm-account-modal[data-mode=view]{width:min(1120px,calc(100vw - 40px));max-width:none;height:min(860px,90dvh);max-height:90dvh}.hm-page dialog.hm-page-dialog{width:min(1180px,calc(100vw - 40px));height:min(860px,90dvh);max-width:none;max-height:90dvh;padding:0}.hm-page-status{background:#eaf6ff;color:#456b87}.hm-page-foot{border-color:#e1edf5;color:#557890}.hm-page-fallback{color:#166da5}.hm-page-toolbar h2{color:#203b58}.hm-account-modal .hm-modal-foot{border-color:#e1edf5}.hm-account-modal .hm-frame-status{color:#557890}
@media(max-width:760px){.hm-category-menus{display:block}.hm-native-menu>summary{justify-content:space-between;font-size:12px;min-height:48px}.hm-native-menu .hm-native-panel{position:static;max-height:none;width:auto;max-width:none;margin:4px 0 12px;padding:12px;border:0;border-left:2px solid #bce7f2;border-radius:0;box-shadow:none}.hm-page dialog.hm-page-dialog,.hm-page dialog.hm-data-dialog,.hm-page dialog.hm-account-modal,.hm-page dialog.hm-account-modal[data-mode=view]{width:100%;max-width:100%;height:var(--hm-window-height,100dvh);max-height:var(--hm-window-height,100dvh);margin:0;border:0;border-radius:0}.hm-page dialog .hm-account-frame{flex:1;min-height:0}.hm-modal-foot,.hm-page-foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}.hm-page-toolbar{padding:12px}.hm-page-toolbar h2{font-size:21px}}

.hm-payment-card{padding:22px;margin:20px 0;border:1px solid #d6e8f5;border-radius:16px;background:#f6fbff}.hm-payment-card label{display:block;margin:14px 0;font-weight:600}.hm-payment-card input:not([type=hidden]):not([type=checkbox]),.hm-payment-card select{display:block;width:100%;max-width:440px;min-height:44px;margin-top:6px;padding:10px;border:1px solid #c6ddea;border-radius:8px;font-size:16px}.hm-payment-card button{min-height:44px;padding:10px 16px;background:#1479bd;color:white;border:0;border-radius:10px;cursor:pointer}.hm-payment-card .hm-gcash-qr{display:block;width:280px;max-width:100%;height:auto;background:white;padding:12px;border:1px solid #dcebf5;border-radius:12px}.hm-payment-table{max-width:100%;overflow:auto}.hm-payment-table table{width:100%;border-collapse:collapse}.hm-payment-table th,.hm-payment-table td{padding:10px;text-align:left;white-space:nowrap;border-bottom:1px solid #e0ebf2}.hm-payment-card input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}