.hm-modal{position:fixed;inset:0;z-index:var(--hg-z-window);display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,#0a143273,#020510cc);backdrop-filter:blur(3px);animation:hm-fade-in .18s ease both}.hm-modal--dark{background:radial-gradient(ellipse at center,#060a1ab3,#000000e0)}.hm-window{max-width:100%}.hm-stack{display:flex;flex-direction:column;gap:10px}.hm-note{color:var(--hg-text-muted);font-size:13px;font-weight:800;line-height:1.45}.hm-error,.hm-success{padding:8px 12px;border:2px solid var(--hg-ink);border-radius:10px;color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.5)}.hm-error{background:linear-gradient(180deg,#ff8e6e,#c7341f)}.hm-success{background:linear-gradient(180deg,#a6ee5a,#2d7412);animation:hg-pop-in .25s cubic-bezier(.2,1.5,.4,1) both}.hm-loading,.hm-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 12px;color:var(--hg-text-muted);font-family:var(--hg-font-display);font-size:16px;letter-spacing:.02em;text-align:center;text-shadow:var(--hg-text-outline-sm)}.hm-link{padding:0;border:none;background:none;color:var(--hg-gold-light);font:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.hm-chips{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.hm-chip{min-height:24px;font-size:13px}.hm-chip.is-loss{color:#ffb3a3}.hm-chip--gem{color:#c6ffb0}.hm-xp-dot{display:inline-grid;place-items:center;min-width:22px;height:16px;margin:0 2px;padding:0 3px;border:2px solid var(--hg-ink);border-radius:6px;background:linear-gradient(180deg,var(--hg-purple-light),var(--hg-purple-dark));color:#fff;font-family:var(--hg-font-display);font-size:9px;letter-spacing:.04em;text-shadow:0 1px 0 var(--hg-ink)}.hm-stars{display:inline-flex;align-items:flex-end;gap:1px}.hm-star{display:inline-block;line-height:0}.hm-star.is-empty{filter:grayscale(1) brightness(.42)}.hm-star.is-pop{animation:hm-star-pop .5s cubic-bezier(.2,1.9,.4,1) both}.hm-gembtn__price{display:inline-flex;align-items:center;gap:3px;padding:2px 8px 2px 4px;border:2px solid var(--hg-ink);border-radius:999px;background:#0a04188c}.hm-gembtn.is-short .hm-gembtn__price{color:#ffb3a3}.hm-league{display:inline-flex;align-items:center;gap:6px}.hm-league__name{font-family:var(--hg-font-display);color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-trophydelta{display:inline-flex;align-items:center;gap:2px;padding:1px 8px;border:2px solid var(--hg-ink);border-radius:999px;font-family:var(--hg-font-display);font-size:15px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-trophydelta.is-up{background:linear-gradient(180deg,#7fd447,#2d7412)}.hm-trophydelta.is-down{background:linear-gradient(180deg,#ff8e6e,#a8241a)}.hm-tray{position:absolute;z-index:1236;display:flex;gap:8px;padding:7px;border:3px solid var(--hg-ink);border-radius:18px;background:linear-gradient(180deg,#24498ff0,#0b1636f5);box-shadow:inset 0 0 0 2px var(--hg-gold-dark),inset 0 2px #fff3,0 8px 22px #00000080}.hm-tray.is-nag{animation:hm-nag .5s ease-in-out 3;box-shadow:inset 0 0 0 2px #ff8e6e,0 0 24px #ff5a3cbf,0 8px 22px #00000080}.hm-tray__nag{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 6px;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#ff8e6e,#c7341f);color:#fff;font-family:var(--hg-font-display);font-size:14px;white-space:nowrap;text-shadow:var(--hg-text-outline-sm);animation:hg-pop-in .3s cubic-bezier(.2,1.6,.4,1) both}.hm-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:92px;height:84px;padding:0 0 5px;border:3px solid var(--hg-ink);border-radius:13px;background:radial-gradient(circle at 50% 30%,#5082dc8c,#0a1638e6 75%);box-shadow:inset 0 3px 8px #00000073;cursor:pointer;font-family:var(--hg-font-display);color:#fff;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,filter .15s ease}.hm-slot:hover:not(.is-empty){filter:brightness(1.12);transform:translateY(-2px)}.hm-slot:active:not(.is-empty){transform:translateY(1px) scale(.97)}.hm-slot.is-empty{cursor:default;justify-content:center;background:repeating-linear-gradient(135deg,#0a1638d9 0 8px,#12224cd9 8px 16px)}.hm-slot__empty{position:relative;z-index:1;padding:0 6px;color:#dce6fabf;font-family:var(--hg-font-body);font-size:10px;font-weight:900;line-height:1.2;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.6)}.hm-slot__ghost{position:absolute;inset:0;display:grid;place-items:center;opacity:.16;filter:grayscale(1)}.hm-slot__art{position:absolute;top:2px;left:50%;transform:translate(-50%);line-height:0;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.hm-slot.is-ready{background:radial-gradient(circle at 50% 40%,#fff3a8,#f4b42c 45%,#8c5a12);box-shadow:inset 0 0 0 2px #fff3c4,0 0 18px #ffdc6ed9;animation:hm-ready-glow 1.3s ease-in-out infinite}.hm-slot.is-ready .hm-slot__art{animation:hm-chest-bounce 1.1s ease-in-out infinite}.hm-slot.is-unlocking{background:radial-gradient(circle at 50% 30%,#78c8788c,#0a221aeb 75%)}.hm-slot__cta,.hm-slot__label,.hm-slot__timer{position:relative;z-index:1;display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border:2px solid var(--hg-ink);border-radius:8px;font-size:13px;line-height:1.1;text-shadow:var(--hg-text-outline-sm)}.hm-slot__cta{background:linear-gradient(180deg,var(--hg-green-light),var(--hg-green-dark));font-size:15px}.hm-slot__label{background:linear-gradient(180deg,#3a5fa8,#1b3368)}.hm-slot__label.is-go{background:linear-gradient(180deg,#ffe590,#d99a24)}.hm-slot__timer{background:#040a1cd9}.hm-slot__skip{position:absolute;top:3px;right:3px;z-index:2;display:inline-flex;align-items:center;gap:1px;padding:0 5px 0 2px;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,var(--hg-purple-light),var(--hg-purple-dark));font-size:12px;text-shadow:var(--hg-text-outline-sm)}.hm-tray.is-compact{gap:5px;padding:5px;border-radius:14px}.hm-tray.is-compact .hm-slot{width:70px;height:66px;border-radius:11px}.hm-tray.is-compact .hm-slot__cta,.hm-tray.is-compact .hm-slot__label,.hm-tray.is-compact .hm-slot__timer{padding:0 5px;font-size:11px}.hm-chestinfo{display:flex;align-items:center;gap:16px}.hm-chestinfo__art{flex-shrink:0;display:grid;place-items:center;padding:6px;border:3px solid var(--hg-ink);border-radius:18px;background:radial-gradient(circle at 50% 40%,#ffffff40,#040a1c99 70%)}.hm-chestinfo__art.is-golden{background:radial-gradient(circle at 50% 40%,#ffdc6e99,#3c1e0099 70%)}.hm-chestinfo__art.is-magic{background:radial-gradient(circle at 50% 40%,#d6a4ff99,#1e063cb3 70%)}.hm-chestinfo__art.is-silver{background:radial-gradient(circle at 50% 40%,#dcebff8c,#0a142899 70%)}.hm-chestinfo__art.is-ready{animation:hm-chest-bounce 1.1s ease-in-out infinite}.hm-chestinfo__body{display:flex;flex-direction:column;gap:7px;min-width:0}.hm-chestinfo__row{display:flex;align-items:center;gap:5px;color:var(--hg-text);font-size:14px;font-weight:800}.hm-chestinfo__row>:not(span){flex-shrink:0}.hm-chestinfo__row b{font-family:var(--hg-font-display);font-weight:400;font-size:16px;color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm)}.hm-open{position:fixed;inset:0;z-index:var(--hg-z-splash);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#28468ceb,#060a1ef7 70%);animation:hm-fade-in .25s ease both}.hm-open.is-magic{background:radial-gradient(ellipse at 50% 45%,#6e28aaeb,#0e041ef7 70%)}.hm-open.is-golden{background:radial-gradient(ellipse at 50% 45%,#8c5a14eb,#140a02f7 70%)}.hm-open__rays{position:absolute;left:50%;top:42%;width:1400px;height:1400px;margin:-700px 0 0 -700px;background:repeating-conic-gradient(from 0deg,rgba(255,210,100,.2) 0deg 9deg,transparent 9deg 22deg);mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.75) 30%,transparent 62%);-webkit-mask-image:radial-gradient(circle,#000 0%,rgba(0,0,0,.75) 30%,transparent 62%);opacity:0;pointer-events:none;transition:opacity .5s ease;animation:hm-spin 18s linear infinite}.hm-open:not(.is-shake):not(.is-error) .hm-open__rays{opacity:1}.hm-open__title{position:relative;font-family:var(--hg-font-display);font-size:clamp(34px,8vw,56px);color:#fff;letter-spacing:.03em;text-shadow:var(--hg-text-outline),0 6px 18px rgba(0,0,0,.6);animation:hg-pop-in .4s cubic-bezier(.2,1.6,.4,1) both}.hm-open__stage{position:relative;display:grid;place-items:center;width:240px;height:220px}.hm-open__chest{position:relative;z-index:1;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}.hm-open.is-shake .hm-open__chest{animation:hm-shake .16s linear infinite,hm-grow 1.3s ease-in both}.hm-open.is-burst .hm-open__chest{animation:hm-burst .6s cubic-bezier(.2,1.8,.4,1) both}.hm-open:is(.is-reveal,.is-done) .hm-open__chest{transform:scale(.8) translateY(-10px);transition:transform .4s ease}.hm-open__flash{position:absolute;inset:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,252,220,.95) 0%,rgba(255,220,110,.5) 35%,transparent 70%);pointer-events:none;animation:hm-flash .9s ease-out both}.hm-open__loot{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:640px;min-height:130px}.hm-open__card{display:flex;flex-direction:column;align-items:center;gap:4px;width:112px;padding:10px 6px 8px;border:3px solid var(--hg-ink);border-radius:16px;background:linear-gradient(180deg,#3f74ccf2,#15295af2);box-shadow:inset 0 0 0 2px var(--hg-gold-dark),inset 0 2px #ffffff40,0 8px 18px #00000073;animation:hm-card-in .42s cubic-bezier(.2,1.7,.4,1) both}.hm-open__icon{display:grid;place-items:center;height:64px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.hm-open__amount{font-family:var(--hg-font-display);font-size:24px;line-height:1;text-shadow:var(--hg-text-outline-sm)}.hm-open__label{color:var(--hg-text-muted);font-size:12px;font-weight:900}.hm-open__actions{position:relative;z-index:2;min-height:60px;display:flex;align-items:center}.hm-calendar{display:grid;grid-template-columns:repeat(6,1fr) 1.45fr;gap:8px;margin-top:8px}.hm-calendar.is-compact{grid-template-columns:repeat(4,1fr);gap:6px}.hm-calendar.is-compact .hm-day.is-big{grid-column:span 2}.hm-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:108px;padding:6px 4px 8px;border:3px solid var(--hg-ink);border-radius:14px;background:linear-gradient(180deg,#fff3cf 0%,var(--hg-parchment) 55%,var(--hg-parchment-dark) 100%);box-shadow:inset 0 2px #ffffffb3,0 3px #00000059;color:var(--hg-parchment-ink);overflow:hidden}.hm-calendar.is-compact .hm-day{min-height:92px}.hm-day__label{font-family:var(--hg-font-display);font-size:13px;letter-spacing:.04em;color:#8c5a22}.hm-day__art{flex:1;display:grid;place-items:center;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.hm-day__amount{font-family:var(--hg-font-display);font-size:14px;color:#4a2f12;white-space:nowrap}.hm-day.is-big{background:linear-gradient(180deg,#fff6c4,#ffd76e,#d99a24)}.hm-day.is-today{border-color:var(--hg-ink);box-shadow:0 0 0 3px #fff3c4,0 0 0 6px var(--hg-green),0 0 22px #a6ee5ad9;transform:translateY(-3px);animation:hm-today 1.6s ease-in-out infinite}.hm-day.is-today .hm-day__label{color:var(--hg-green-dark)}.hm-day.is-claimed{filter:saturate(.55) brightness(.92)}.hm-day.is-claimed.is-today{animation:none;filter:none}.hm-day__stamp{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;margin:-26px 0 0 -23px;border:3px solid var(--hg-ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--hg-green-light),var(--hg-green) 55%,var(--hg-green-dark));box-shadow:inset 0 2px #ffffff80,0 3px #00000059;color:#fff;font-family:var(--hg-font-display);font-size:26px;line-height:1;text-shadow:var(--hg-text-outline-sm);transform:rotate(-12deg);animation:hm-stamp .35s cubic-bezier(.2,1.8,.4,1) both}.hm-calendar.is-compact .hm-day__stamp{width:38px;height:38px;margin:-22px 0 0 -19px;font-size:21px}.hm-claimrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}.hm-tasks{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hm-task{display:flex;align-items:center;gap:10px;padding:9px 10px;border:2px solid rgba(0,0,0,.55);border-radius:14px;background:var(--hg-card-bg);box-shadow:inset 0 2px 8px #0000004d}.hm-task.is-ready{border-color:var(--hg-green-light);background:linear-gradient(180deg,#78dc5033,#060e2673)}.hm-task.is-claimed{opacity:.72}.hm-task__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hm-task__title{font-family:var(--hg-font-display);font-size:16px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-task__done{display:grid;place-items:center;width:38px;height:38px;border:3px solid var(--hg-ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--hg-green-light),var(--hg-green-dark));color:#fff;font-family:var(--hg-font-display);font-size:20px;text-shadow:var(--hg-text-outline-sm)}.hm-bonus{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border:3px solid var(--hg-ink);border-radius:16px;background:linear-gradient(180deg,#7850148c,#28140499);box-shadow:inset 0 0 0 2px #ffdc6e59}.hm-bonus.is-ready{box-shadow:inset 0 0 0 2px #fff3c4,0 0 22px #ffdc6eb3;animation:hm-ready-glow 1.3s ease-in-out infinite}.hm-bonus__title{font-family:var(--hg-font-display);font-size:18px;color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm)}.hm-profile{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hm-ring{position:relative;flex-shrink:0}.hm-ring__core{position:absolute;inset:0;display:grid;place-items:center}.hm-ring__core>svg{grid-area:1 / 1}.hm-ring__level{grid-area:1 / 1;padding-top:6px;font-family:var(--hg-font-display);font-size:30px;color:#fff;text-shadow:var(--hg-text-outline)}.hm-profile__main{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:6px}.hm-profile__name{font-family:var(--hg-font-display);font-size:26px;line-height:1;color:#fff;text-shadow:var(--hg-text-outline-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-profile__sub{color:var(--hg-text-muted);font-size:13px;font-weight:800}.hm-profile__chips{display:flex;flex-wrap:wrap;gap:6px}.hm-profile__league{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px}.hm-profile__leaguetext{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.hm-profile.is-compact .hm-profile__league{order:1;flex:1;flex-direction:row;justify-content:center;gap:12px;padding:8px 10px;border:2px solid rgba(0,0,0,.35);border-radius:14px;background:#040a1c59}.hm-profile.is-compact .hm-profile__leaguetext{align-items:flex-start;text-align:left}.hm-profile.is-compact .hm-profile__main{order:2;flex-basis:100%}.hm-profile__trophies{display:inline-flex;align-items:center;gap:3px;font-family:var(--hg-font-display);font-size:22px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}.hm-stat{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border:2px solid rgba(0,0,0,.55);border-radius:12px;background:var(--hg-card-bg)}.hm-stat__value{font-family:var(--hg-font-display);font-size:22px;line-height:1.05;color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm)}.hm-stat__label{color:var(--hg-text-muted);font-size:12px;font-weight:800}.hm-medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:8px}.hm-medal{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:2px solid rgba(0,0,0,.55);border-radius:12px;background:var(--hg-card-bg)}.hm-achievements{display:flex;flex-direction:column;gap:8px}.hm-ach{display:flex;align-items:center;gap:10px;padding:9px 10px;border:2px solid rgba(0,0,0,.55);border-radius:14px;background:var(--hg-card-bg);box-shadow:inset 0 2px 8px #0000004d}.hm-ach.is-ready{border-color:var(--hg-gold-light);background:linear-gradient(180deg,#ffdc6e33,#060e2673)}.hm-ach.is-complete{border-color:#a6ee5ab3}.hm-ach__icon{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border:3px solid var(--hg-ink);border-radius:14px;background:radial-gradient(circle at 38% 28%,#5d8fe0 0%,var(--hg-royal) 50%,var(--hg-royal-deep) 100%);box-shadow:inset 0 0 0 2px var(--hg-gold-dark)}.hm-ach__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hm-ach__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hm-ach__title{font-family:var(--hg-font-display);font-size:17px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-ach__desc{color:var(--hg-text-muted);font-size:13px;font-weight:800}.hm-ach__side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.hm-ach__reward{display:inline-flex;align-items:center;gap:2px;font-family:var(--hg-font-display);font-size:14px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-ach__done{font-family:var(--hg-font-display);font-size:14px;color:var(--hg-green-light);text-shadow:var(--hg-text-outline-sm)}.hm-gempill{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 6px;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#2a5a3a,#0f2a1a);color:#fff;font-family:var(--hg-font-display);font-size:18px;text-shadow:var(--hg-text-outline-sm)}.hm-packs{display:flex;flex-direction:column;gap:12px}.hm-packrow__head{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-family:var(--hg-font-display);font-size:17px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-packrow__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hm-pack{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:3px solid var(--hg-ink);border-radius:14px;background:linear-gradient(180deg,#fff3cf 0%,var(--hg-parchment) 55%,var(--hg-parchment-dark) 100%);box-shadow:inset 0 2px #ffffffb3,0 3px #00000059}.hm-pack.is-full{filter:grayscale(.7) brightness(.85)}.hm-pack__art{position:relative;display:grid;place-items:center;height:56px}.hm-pack__tag{position:absolute;right:-18px;bottom:-2px;padding:0 6px;border:2px solid var(--hg-ink);border-radius:8px;background:linear-gradient(180deg,var(--hg-red-light),var(--hg-red-dark));color:#fff;font-family:var(--hg-font-display);font-size:12px;text-shadow:var(--hg-text-outline-sm)}.hm-pack__amount{font-family:var(--hg-font-display);font-size:18px;color:#4a2f12}.hm-shieldstate{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;border:2px solid rgba(0,0,0,.55);border-radius:14px;background:var(--hg-card-bg);filter:grayscale(.6)}.hm-shieldstate.is-on{filter:none;border-color:var(--hg-blue-light);box-shadow:0 0 18px #8fd8ff73}.hm-shieldstate__title{font-family:var(--hg-font-display);font-size:18px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-shields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hm-shield{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:3px solid var(--hg-ink);border-radius:16px;background:radial-gradient(circle at 50% 25%,#8fd8ff59,#0a1638e6 70%);box-shadow:inset 0 0 0 2px var(--hg-gold-dark)}.hm-shield.is-locked{filter:grayscale(.7) brightness(.8)}.hm-shield__art{position:relative;line-height:0}.hm-shield__hours{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:0 8px;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#ffe590,#d99a24);color:#fff;font-family:var(--hg-font-display);font-size:16px;line-height:1.3;text-shadow:var(--hg-text-outline-sm)}.hm-shield__name{font-family:var(--hg-font-display);font-size:16px;color:#fff;text-align:center;text-shadow:var(--hg-text-outline-sm)}.hm-lb-hero{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:2px solid rgba(0,0,0,.4);background:linear-gradient(180deg,#ffdc6e24,#040a1c40)}.hm-lb-hero__league{margin-bottom:4px;font-family:var(--hg-font-display);font-size:18px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-lb-hero__trophies,.hm-target__trophies{display:inline-flex;align-items:center;gap:3px;font-family:var(--hg-font-display);font-size:24px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-lb-list{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.hm-lb-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:5px 12px 5px 6px;border:2px solid rgba(0,0,0,.55);border-radius:12px;background:linear-gradient(180deg,#24498fd9,#0f2150d9);color:#fff;font-family:var(--hg-font-body);text-align:left;cursor:pointer}div.hm-lb-row{cursor:default}.hm-lb-row.is-me{border-color:var(--hg-ink);background:linear-gradient(180deg,#fff3c4,#f3e2b6,#d6b97c);color:var(--hg-parchment-ink);box-shadow:0 0 0 2px #ffdc6e,0 0 14px #ffdc6e80}.hm-lb-row__name{flex:1;min-width:0;display:flex;flex-direction:column}.hm-lb-row__name>span{overflow:hidden;font-family:var(--hg-font-display);font-size:16px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.hm-lb-row__name em{font-style:normal;opacity:.75}.hm-lb-row__name small{font-size:12px;font-weight:800;opacity:.8}.hm-lb-row__score{display:inline-flex;align-items:center;gap:4px;font-family:var(--hg-font-display);font-size:18px}.hm-lb-row:not(.is-me) .hm-lb-row__score,.hm-lb-row:not(.is-me) .hm-lb-row__name>span{text-shadow:var(--hg-text-outline-sm)}.hm-lb-pinned{padding:8px 12px 10px;border-top:3px solid var(--hg-ink);background:#040a1c8c}.hm-rank{display:grid;place-items:center;min-width:34px;height:34px;padding:0 4px;border:2px solid var(--hg-ink);border-radius:10px;background:linear-gradient(180deg,#4f86e0,#1b3a7c);color:#fff;font-family:var(--hg-font-display);font-size:15px;text-shadow:var(--hg-text-outline-sm)}.hm-rank.is-gold{background:radial-gradient(circle at 35% 30%,#fff3a8,#f4b42c 55%,#a8740c);border-radius:50%}.hm-rank.is-silver{background:radial-gradient(circle at 35% 30%,#fff,#b9c4cf 55%,#6b7684);border-radius:50%}.hm-rank.is-bronze{background:radial-gradient(circle at 35% 30%,#ffcf9e,#c27c45 55%,#7a4518);border-radius:50%}.hm-lb-clan{display:grid;place-items:center;width:34px}.hm-ladder{display:flex;flex-direction:column;gap:5px}.hm-ladder__row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:3px 10px 3px 4px;border:2px solid rgba(0,0,0,.5);border-radius:12px;background:var(--hg-card-bg)}.hm-ladder__row.is-current{border-color:var(--hg-gold-light);box-shadow:0 0 14px #ffdc6e73}.hm-ladder__name{font-family:var(--hg-font-display);font-size:16px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-ladder__min{display:inline-flex;align-items:center;gap:2px;font-family:var(--hg-font-display);color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm)}.hm-ladder__bonus{color:var(--hg-text-muted);font-size:12px;font-weight:800}.hm-target{display:flex;align-items:center;gap:12px}.hm-target__name{font-family:var(--hg-font-display);font-size:22px;color:#fff;text-shadow:var(--hg-text-outline-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-target__name small{color:var(--hg-gold-light);font-size:15px}.hm-offer{display:flex;gap:8px;margin-top:10px}.hm-offer__win,.hm-offer__lose{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border:2px solid var(--hg-ink);border-radius:12px;color:#fff;font-family:var(--hg-font-display);font-size:15px;text-shadow:var(--hg-text-outline-sm)}.hm-offer__win{background:linear-gradient(180deg,#7fd447,#2d7412)}.hm-offer__lose{background:linear-gradient(180deg,#ff8e6e,#a8241a)}.hm-loot{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0}.hm-loot__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:2px solid rgba(0,0,0,.55);border-radius:12px;background:var(--hg-card-bg)}.hm-loot__item b{font-family:var(--hg-font-display);font-weight:400;font-size:18px;color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm)}.hm-army{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.hm-army__unit{position:relative}.hm-army__qty{position:absolute;right:-6px;bottom:-4px;padding:0 5px;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#ff8e6e,#a8241a);color:#fff;font-family:var(--hg-font-display);font-size:13px;text-shadow:var(--hg-text-outline-sm)}.hm-defenses{display:flex;flex-wrap:wrap;gap:6px}.hm-odds{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:6px;font-family:var(--hg-font-display);font-size:15px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-odds>span{display:inline-flex;align-items:center;gap:4px}.hm-odds__track{height:16px;overflow:hidden;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#ff8e6e,#e2412b 55%,#8c1b0f)}.hm-odds__fill{height:100%;border-right:3px solid var(--hg-ink);background:linear-gradient(180deg,#fff0a0,#f4b42c 55%,#b97515);transition:width .6s cubic-bezier(.3,1.4,.4,1)}.hm-log{display:flex;flex-direction:column;gap:10px}.hm-logrow{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:2px solid rgba(0,0,0,.6);border-left-width:6px;border-radius:14px;background:var(--hg-card-bg);box-shadow:inset 0 2px 8px #0000004d}.hm-logrow.is-green{border-left-color:var(--hg-green)}.hm-logrow.is-red{border-left-color:var(--hg-red)}.hm-logrow.is-blue{border-left-color:var(--hg-blue)}.hm-logrow__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hm-logrow__ribbon{min-height:28px;padding:0 20px;font-size:15px}.hm-logrow__pct{font-family:var(--hg-font-display);font-size:15px;color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm)}.hm-logrow__who{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:800}.hm-logrow__who>span:first-of-type{flex:1;min-width:0}.hm-logrow__who small{white-space:nowrap}.hm-logrow__ago{color:var(--hg-text-dim);font-size:12px;white-space:nowrap}.hm-logrow__details{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.hm-logrow__actions{display:flex;justify-content:flex-end;gap:8px}.hm-logrow__actions:empty{display:none}.hm-rp{position:relative;height:420px;overflow:hidden;background:#2a5a2a}.hm-rp.is-compact{height:470px}.hm-rp-sky{position:absolute;inset:0 0 52%;background:linear-gradient(180deg,#6fb6ff,#b8e0ff 70%,#e9f4d8)}.hm-rp-ground{position:absolute;inset:44% 0 0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.18),transparent 60%),repeating-linear-gradient(100deg,rgba(0,0,0,.05) 0 18px,transparent 18px 40px),linear-gradient(180deg,#7cc456,#4f9a36 40%,#2f6a22);border-top:3px solid rgba(30,60,20,.6)}.hm-rp-banner{position:absolute;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;max-width:44%;padding:4px 12px;border:3px solid var(--hg-ink);border-radius:12px;color:#fff;font-family:var(--hg-font-display);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--hg-text-outline-sm)}.hm-rp-banner>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.hm-rp-banner>svg{flex-shrink:0}.hm-rp-banner.is-atk{left:12px;background:linear-gradient(180deg,#ff8e6e,#a8241a)}.hm-rp-banner.is-def{right:12px;background:linear-gradient(180deg,#8fd8ff,#165ca9)}.hm-rp-field{position:absolute;inset:32% 0 8%;z-index:2;display:grid;grid-template-columns:1fr 40px 1fr;align-items:center}.hm-rp-army{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px 8px;padding:0 10px;transition:transform .9s cubic-bezier(.5,0,.3,1)}.hm-rp.is-intro .hm-rp-army.is-atk{transform:translate(-40%);opacity:.3}.hm-rp.is-intro .hm-rp-army.is-def{transform:translate(40%);opacity:.3}.hm-rp-army{opacity:1;transition:transform .9s cubic-bezier(.5,0,.3,1),opacity .5s ease}.hm-rp.is-clash .hm-rp-army.is-atk{transform:translate(12%)}.hm-rp.is-clash .hm-rp-army.is-def{transform:translate(-12%)}.hm-rp-unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:84px;transition:filter .6s ease,opacity .6s ease}.hm-rp-unit.is-fighting .hm-rp-unit__art{animation:hm-fight .32s ease-in-out infinite alternate}.hm-rp-army.is-def .hm-rp-unit.is-fighting .hm-rp-unit__art{animation-direction:alternate-reverse}.hm-rp-unit.is-dead{filter:grayscale(1) brightness(.55);opacity:.55}.hm-rp-army.is-def .hm-rp-unit__art{transform:scaleX(-1)}.hm-rp-unit__art{filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.hm-rp-unit__qty{position:absolute;top:40px;right:6px;padding:0 5px;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#4f86e0,#1b3a7c);color:#fff;font-family:var(--hg-font-display);font-size:13px;text-shadow:var(--hg-text-outline-sm)}.hm-rp-hp{width:64px;height:10px;overflow:hidden;border:2px solid var(--hg-ink);border-radius:999px;background:#3a1410}.hm-rp-hp__fill{height:100%;background:linear-gradient(180deg,#a6ee5a,#2d7412);transition-property:width;transition-timing-function:cubic-bezier(.4,0,.6,1)}.hm-rp-army.is-def .hm-rp-hp__fill{background:linear-gradient(180deg,#8fd8ff,#165ca9)}.hm-rp-unit__name{color:#fff;font-family:var(--hg-font-display);font-size:12px;text-shadow:var(--hg-text-outline-sm)}.hm-rp-empty{padding:8px 12px;border:2px solid var(--hg-ink);border-radius:10px;background:#040a1cb3;color:#fff;font-family:var(--hg-font-display)}.hm-rp-mid{position:relative;height:100%}.hm-rp-sparks i{position:absolute;left:50%;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:radial-gradient(circle,#fffbe0 0%,#ffd34f 40%,transparent 70%);animation:hm-spark .48s ease-out infinite}.hm-rp-sparks i:nth-child(1){top:25%}.hm-rp-sparks i:nth-child(2){top:48%;animation-delay:.16s}.hm-rp-sparks i:nth-child(3){top:70%;animation-delay:.32s}.hm-rp-tower{position:absolute;right:18px;top:52px;z-index:3;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.hm-rp-tower__kills{position:absolute;left:-14px;bottom:-4px;padding:0 6px;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#ff8e6e,#a8241a);color:#fff;font-family:var(--hg-font-display);font-size:14px;text-shadow:var(--hg-text-outline-sm);animation:hg-pop-in .3s cubic-bezier(.2,1.6,.4,1) both}.hm-rp-arrows i{position:absolute;top:10px;right:30px;width:26px;height:3px;border-radius:2px;background:#4a2f12;box-shadow:0 0 0 1px #fff6;animation:hm-arrow .8s cubic-bezier(.3,0,.7,1) both}.hm-rp-arrows i:nth-child(2){animation-delay:.08s;top:18px}.hm-rp-arrows i:nth-child(3){animation-delay:.16s;top:4px}.hm-rp-arrows i:nth-child(4){animation-delay:.24s;top:24px}.hm-rp-arrows i:nth-child(5){animation-delay:.32s;top:14px}.hm-rp-title{position:absolute;left:50%;top:22%;z-index:4;transform:translate(-50%);color:#fff;font-family:var(--hg-font-display);font-size:clamp(28px,6vw,44px);white-space:nowrap;text-shadow:var(--hg-text-outline);animation:hg-pop-in .4s cubic-bezier(.2,1.6,.4,1) both}.hm-rp-result{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:radial-gradient(ellipse at center,#060c22c7,#060c22f0);backdrop-filter:blur(3px);animation:hm-fade-in .35s ease both}.hm-rp-ribbon{min-height:52px;padding:0 46px;font-size:32px;animation:hg-pop-in .45s cubic-bezier(.2,1.6,.4,1) both}.hm-rp-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hud-metapill{position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 12px 0 4px;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#24498ff5,#0f2150f5);box-shadow:inset 0 2px #ffffff2e,0 4px 10px #00000059;color:#fff;font-family:var(--hg-font-display);font-size:17px;text-shadow:var(--hg-text-outline-sm);cursor:pointer;white-space:nowrap;transition:transform .1s ease,filter .15s ease}.hud-metapill:hover{filter:brightness(1.12)}.hud-metapill:active{transform:translateY(2px)}.hud-metapill--gem{background:linear-gradient(180deg,#2e7a46,#0f3a1e)}.hud-metapill__plus{display:grid;place-items:center;width:20px;height:20px;margin-left:2px;border:2px solid var(--hg-ink);border-radius:6px;background:linear-gradient(180deg,var(--hg-green-light),var(--hg-green-dark));font-size:15px;line-height:1}.hud-metapill.is-bump{animation:hm-pill-bump .45s cubic-bezier(.2,1.8,.4,1)}.hud-metapills{display:flex;gap:8px;align-items:center}.hud-top.is-compact .hud-metapill{height:34px;font-size:15px;padding:0 9px 0 3px}.hud-badge__stats .hud-metapill{height:22px;gap:2px;padding:0 7px 0 1px;border-width:2px;font-size:14px;box-shadow:none}.hud-badge__stats .hud-metapill svg{width:20px;height:20px}.hud-rail.hud-rail--right{left:auto;right:14px}.hud-more{position:absolute;right:8px;bottom:calc(100% + 10px);z-index:1260;display:grid;grid-template-columns:repeat(2,76px);gap:12px 6px;padding:12px 8px 10px;border:3px solid var(--hg-ink);border-radius:18px;background:linear-gradient(180deg,#2a4f96,#142a5c);box-shadow:inset 0 0 0 2px var(--hg-gold-dark),0 10px 26px #0000008c;animation:hg-pop-in .22s cubic-bezier(.2,1.5,.4,1) both}.hud-more .hud-nav-btn{max-width:none}.hud-more-scrim{position:fixed;inset:0;z-index:1255;border:none;background:#040a1c59}@keyframes hm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hm-star-pop{0%{transform:scale(0) rotate(-40deg);opacity:0}60%{transform:scale(1.4) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes hm-ready-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes hm-chest-bounce{0%,to{transform:translate(-50%) translateY(0) scale(1)}40%{transform:translate(-50%) translateY(-6px) scale(1.06) rotate(-3deg)}60%{transform:translate(-50%) translateY(-6px) scale(1.06) rotate(3deg)}}.hm-chestinfo__art.is-ready{animation-name:hm-chest-hop}@keyframes hm-chest-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes hm-nag{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 8px))}75%{transform:translate(calc(-50% + 8px))}}@keyframes hm-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5px,1px) rotate(-4deg)}50%{transform:translate(4px,-2px) rotate(3deg)}75%{transform:translate(-3px,2px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes hm-grow{0%{scale:.85}to{scale:1.12}}@keyframes hm-burst{0%{transform:scale(1.15)}40%{transform:scale(1.4) translateY(-10px)}to{transform:scale(.9) translateY(-6px)}}@keyframes hm-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.6)}}@keyframes hm-card-in{0%{transform:translateY(-90px) scale(.2);opacity:0}70%{transform:translateY(6px) scale(1.12);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes hm-spin{to{transform:rotate(360deg)}}@keyframes hm-today{0%,to{transform:translateY(-3px)}50%{transform:translateY(-6px)}}@keyframes hm-stamp{0%{transform:rotate(-12deg) scale(2.2);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}@keyframes hm-fight{0%{transform:translate(-6px) rotate(-6deg)}to{transform:translate(8px) rotate(6deg)}}.hm-rp-army.is-def .hm-rp-unit.is-fighting .hm-rp-unit__art{animation-name:hm-fight-def}@keyframes hm-fight-def{0%{transform:scaleX(-1) translate(-6px) rotate(-6deg)}to{transform:scaleX(-1) translate(8px) rotate(6deg)}}@keyframes hm-spark{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes hm-arrow{0%{transform:translate(0) rotate(160deg);opacity:1}to{transform:translate(-480px,170px) rotate(170deg);opacity:.2}}@keyframes hm-pill-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.hm-slot.is-ready,.hm-slot.is-ready .hm-slot__art,.hm-day.is-today,.hm-open__rays,.hm-rp-unit.is-fighting .hm-rp-unit__art{animation:none!important}}.hm-match__intro{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:2px dashed rgba(255,220,110,.45);border-radius:14px;background:#040a1c59;color:var(--hg-text-muted);font-size:13px;font-weight:800;line-height:1.4}.hm-match__intro>span{flex:1 1 180px}.hm-matchcard{padding:10px;border:3px solid var(--hg-ink);border-radius:14px;background:linear-gradient(180deg,#7828148c,#1e0a06a6);box-shadow:inset 0 0 0 2px #ff8c5a66;animation:hm-card-in .38s cubic-bezier(.2,1.5,.4,1) both}.hm-matchcard.is-selected{box-shadow:inset 0 0 0 2px #ffdc6e,0 0 16px #ffdc6e8c}.hm-matchcard__head{display:flex;align-items:center;gap:10px}.hm-matchcard__name{overflow:hidden;font-family:var(--hg-font-display);font-size:18px;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--hg-text-outline-sm)}.hm-matchcard__meta{color:var(--hg-text-muted);font-size:12px;font-weight:800}.hm-matchcard__trophies{display:inline-flex;align-items:center;gap:2px;font-family:var(--hg-font-display);font-size:20px;color:#fff;text-shadow:var(--hg-text-outline-sm)}.hm-matchcard__loot{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}.hm-matchcard__label{margin-right:2px;color:var(--hg-gold-light);font-family:var(--hg-font-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-shadow:var(--hg-text-outline-sm)}.hm-matchcard__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:8px}.hc-root{--ink: var(--hg-ink, #1a0f06);--display: var(--hg-font-display, "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif);--body: var(--hg-font-body, "Nunito", "Segoe UI", system-ui, sans-serif);--outline: 0 2px 0 var(--ink), 0 -1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 1px 2px 0 var(--ink), -1px 2px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink);--outline-sm: 0 1px 0 var(--ink), 0 -1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 2px 0 var(--ink);position:fixed;inset:0;z-index:var(--hc-z, 2000);overflow:hidden;background:#2f4a1e;color:#fff;font-family:var(--body);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:hc-fade-in .35s ease-out both}.hc-root *{box-sizing:border-box}.hc-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.hc-layer{position:absolute;inset:0;pointer-events:none}.hc-layer>*{pointer-events:auto}.hc-display{font-family:var(--display);letter-spacing:.02em;text-shadow:var(--outline);color:#fff}.hc-banner{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 280px)}.hc-crest{position:relative;display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#4d86df,#15295a);box-shadow:inset 0 0 0 3px #f4b42c,inset 0 0 0 5px #b97515,0 4px 0 var(--ink),0 8px 18px #00000073;overflow:hidden}.hc-crest__lvl{position:absolute;right:-4px;bottom:-4px}.hc-plate{display:flex;flex-direction:column;gap:4px;min-width:0}.hc-plate__name{font-family:var(--display);font-size:24px;line-height:1;color:#fff;text-shadow:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-plate__row{display:flex;flex-wrap:wrap;gap:6px}.hc-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 4px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#0e1c42eb,#060c20eb);box-shadow:inset 0 1px #ffffff2e,0 2px 0 var(--ink);font-family:var(--display);font-size:15px;letter-spacing:.02em;color:#fff;text-shadow:var(--outline-sm);white-space:nowrap}.hc-pill--busy{background:linear-gradient(180deg,#7a4a10,#3d2406)}.hc-pill--warn{background:linear-gradient(180deg,#8c1b0f,#4b0d06);cursor:pointer}.hc-res{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;flex-direction:column;gap:7px;width:232px}.hc-resbar{position:relative;height:30px;padding-right:22px}.hc-resbar__max{position:absolute;top:-1px;left:14px;z-index:2;font-family:var(--display);font-size:10px;letter-spacing:.04em;color:#ffe9b0;text-shadow:var(--outline-sm);opacity:0;transition:opacity .2s}.hc-resbar:hover .hc-resbar__max{opacity:1}.hc-resbar__track{position:relative;height:26px;margin-top:2px;overflow:hidden;border:3px solid var(--ink);border-radius:8px 999px 999px 8px;background:linear-gradient(180deg,#050a1a,#18254d);box-shadow:inset 0 2px 4px #000000b3,0 2px 0 var(--ink)}.hc-resbar__fill{position:absolute;inset:0 auto 0 0;background:var(--fill);box-shadow:inset 0 3px #fff6,inset 0 -3px #0003;transition:width .8s cubic-bezier(.3,1.2,.4,1)}.hc-resbar__amount{position:absolute;inset:0 28px 0 8px;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-family:var(--display);font-size:17px;color:#fff;text-shadow:var(--outline-sm)}.hc-resbar__rate{margin-right:auto;font-size:11px;color:#c9f7a0}.hc-resbar__rate.is-full{color:#ffb3a3}.hc-resbar__icon{position:absolute;top:-2px;right:0;display:grid;place-items:center;width:36px;height:36px;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d7e2f2 60%,#9fb0c9);box-shadow:0 2px 0 var(--ink)}.hc-resbar.is-bump .hc-resbar__icon{animation:hc-bump .35s cubic-bezier(.2,1.8,.4,1)}.hc-resbar.is-bump .hc-resbar__amount{animation:hc-glow-text .6s ease-out}.hc-corner{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}.hc-corner--left{left:14px}.hc-corner--right{right:14px}.hc-bigbtn{--c-hi: #ffe98a;--c: #f4b42c;--c-dark: #b97515;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;padding:0;border:3px solid var(--ink);border-radius:22px;background:linear-gradient(180deg,var(--c-hi) 0%,var(--c) 48%,var(--c-dark) 100%);box-shadow:inset 0 3px #ffffff8c,inset 0 -5px #00000038,0 5px 0 var(--ink),0 10px 20px #00000073;color:#fff;cursor:pointer;transition:transform .08s ease,filter .15s ease}.hc-bigbtn:before{content:"";position:absolute;left:6px;right:6px;top:4px;height:40%;border-radius:16px 16px 30px 30px;background:linear-gradient(180deg,#ffffff80,#ffffff05);pointer-events:none}.hc-bigbtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.hc-bigbtn:active{transform:translateY(4px);box-shadow:inset 0 3px #fff6,0 1px 0 var(--ink)}.hc-bigbtn>svg,.hc-bigbtn>div{position:relative}.hc-bigbtn__label{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-family:var(--display);font-size:18px;letter-spacing:.03em;color:#fff;text-shadow:var(--outline);white-space:nowrap}.hc-bigbtn--blue{--c-hi: #8fd8ff;--c: #2f97ea;--c-dark: #165ca9}.hc-bigbtn--red{--c-hi: #ff8e6e;--c: #e2412b;--c-dark: #8c1b0f}.hc-bigbtn--green{--c-hi: #a6ee5a;--c: #5dbb2a;--c-dark: #2d7412}.hc-bigbtn--wood{--c-hi: #d9a066;--c: #9a6230;--c-dark: #5a3412}.hc-bigbtn .hg-badge,.hc-bigbtn .hc-dot{position:absolute;top:-8px;right:-8px}.hc-dot{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ff8a6e,#e2412b 55%,#8c1b0f);box-shadow:0 0 0 2px var(--ink);font-family:var(--display);font-size:13px;text-shadow:var(--outline-sm);animation:hc-bump .4s cubic-bezier(.2,1.8,.4,1)}.hc-actions{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%);animation:hc-rise .28s cubic-bezier(.2,1.5,.4,1) both}.hc-actions__title{font-family:var(--display);font-size:22px;line-height:1;color:#fff;text-shadow:var(--outline);white-space:nowrap}.hc-actions__title small{margin-left:8px;font-size:16px;color:#ffe27a}.hc-actions__row{display:flex;gap:12px}.hc-round{--c-hi: #8fd8ff;--c: #2f97ea;--c-dark: #165ca9;position:relative;display:flex;flex-direction:column;align-items:center;width:74px;padding:0;border:none;background:none;cursor:pointer;color:#fff;animation:hc-pop .32s cubic-bezier(.2,1.8,.4,1) both}.hc-round__disc{position:relative;display:grid;place-items:center;width:64px;height:64px;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 28%,var(--c-hi) 0%,var(--c) 48%,var(--c-dark) 100%);box-shadow:inset 0 3px #ffffff80,inset 0 -4px #00000038,0 4px 0 var(--ink),0 8px 16px #00000073;transition:transform .08s ease,filter .15s}.hc-round:hover .hc-round__disc{filter:brightness(1.1);transform:translateY(-2px) scale(1.04)}.hc-round:active .hc-round__disc{transform:translateY(3px) scale(.97);box-shadow:inset 0 3px #fff6,0 1px 0 var(--ink)}.hc-round:disabled{cursor:not-allowed}.hc-round:disabled .hc-round__disc{filter:grayscale(.9) brightness(.7)}.hc-round__label{margin-top:6px;font-family:var(--display);font-size:15px;line-height:1.05;text-align:center;color:#fff;text-shadow:var(--outline-sm)}.hc-round__sub{font-size:12px;color:#ffe27a}.hc-round--gold{--c-hi: #fff1a0;--c: #f4b42c;--c-dark: #b97515}.hc-round--green{--c-hi: #a6ee5a;--c: #5dbb2a;--c-dark: #2d7412}.hc-round--red{--c-hi: #ff8e6e;--c: #e2412b;--c-dark: #8c1b0f}.hc-round--purple{--c-hi: #e0b4ff;--c: #a35ef0;--c-dark: #5b2a9e}.hc-round--stone{--c-hi: #d9dde6;--c: #8f97a8;--c-dark: #4d5466}.hc-round--glow .hc-round__disc{animation:hc-glow 1.3s ease-in-out infinite}.hc-confirm{position:absolute;left:0;top:0;display:flex;gap:18px;align-items:center;will-change:transform}.hc-confirm .hc-round{width:62px}.hc-confirm .hc-round__disc{width:54px;height:54px}.hc-hint{position:absolute;left:50%;bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;transform:translate(-50%);padding:10px 12px 10px 20px;border:3px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#0e1c42f2,#060c20f2);box-shadow:0 4px 0 var(--ink),0 10px 24px #00000080;font-family:var(--display);font-size:18px;color:#fff;text-shadow:var(--outline-sm);white-space:nowrap;animation:hc-rise .3s cubic-bezier(.2,1.5,.4,1) both}.hc-toasts{position:absolute;top:92px;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.hc-toast{padding:9px 20px;border:3px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#ff7a5c,#b8301e);box-shadow:inset 0 2px #ffffff59,0 4px 0 var(--ink),0 10px 20px #00000073;font-family:var(--display);font-size:18px;color:#fff;text-shadow:var(--outline-sm);text-align:center;max-width:min(560px,90vw);animation:hc-toast .35s cubic-bezier(.2,1.6,.4,1) both}.hc-toast--good{background:linear-gradient(180deg,#a6ee5a,#3f8f1a)}.hc-toast--info{background:linear-gradient(180deg,#8fd8ff,#1f6fbf)}.hc-fly{position:fixed;left:0;top:0;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 4px 6px rgba(0,0,0,.4))}.hc-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#050a1940,#050a1999);animation:hc-fade-in .2s ease-out both}.hc-sheet{position:absolute;left:50%;bottom:0;width:min(1180px,100%);max-height:min(470px,82vh);display:flex;flex-direction:column;transform:translate(-50%);border:3px solid var(--ink);border-bottom:none;border-radius:22px 22px 0 0;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0) 0 0 / 14px 14px,radial-gradient(130% 90% at 50% 0%,#2c58a6,#1b3874 42%,#10224f);box-shadow:inset 0 0 0 2px #b97515,inset 0 0 0 4px #ffdc6e47,0 -12px 40px #0000008c;animation:hc-sheet-up .34s cubic-bezier(.2,1.2,.4,1) both}.hc-sheet__head{display:flex;align-items:center;gap:12px;padding:12px 14px 0 18px}.hc-sheet__title{flex:1;font-family:var(--hg-font-title, Georgia, serif);font-weight:900;font-size:24px;letter-spacing:.04em;color:#ffdc6e;text-shadow:0 2px 0 var(--ink),0 -1px 0 var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink)}.hc-sheet .hg-tabs{margin-top:8px}.hc-sheet__scroll{display:flex;gap:14px;padding:18px 18px 22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior:contain}.hc-sheet__scroll::-webkit-scrollbar{height:10px}.hc-sheet__scroll::-webkit-scrollbar-thumb{background:#f4b42c;border:2px solid var(--ink);border-radius:99px}.hc-card{position:relative;flex:0 0 186px;display:flex;flex-direction:column;padding:0;overflow:hidden;border:3px solid var(--ink);border-radius:16px;background:linear-gradient(180deg,#fff8e4,#f3e2b6 55%,#d6b97c);box-shadow:inset 0 0 0 2px #ffffff80,0 5px 0 var(--ink),0 12px 20px #0006;color:#4a2f12;font-family:var(--body);text-align:left;cursor:pointer;scroll-snap-align:start;transition:transform .12s ease,box-shadow .12s ease;animation:hc-pop .36s cubic-bezier(.2,1.6,.4,1) both}.hc-card:hover:not(.is-locked){transform:translateY(-6px) rotate(-.6deg);box-shadow:inset 0 0 0 2px #ffffff80,0 9px 0 var(--ink),0 18px 26px #00000073}.hc-card:active:not(.is-locked){transform:translateY(2px)}.hc-card__art{position:relative;height:138px;display:grid;place-items:center;border-bottom:3px solid var(--ink);background:radial-gradient(ellipse at 50% 85%,#3c781ee6,#3c781e00 60%),linear-gradient(180deg,#7cc8f2,#bfe6f8 55%,#9fd27a 56%,#6aa63e)}.hc-card__count{position:absolute;top:6px;right:6px;padding:2px 9px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#0e1c42f2,#060c20f2);font-family:var(--display);font-size:14px;color:#fff;text-shadow:var(--outline-sm)}.hc-card__time{position:absolute;left:6px;top:6px;display:flex;align-items:center;gap:3px;padding:2px 8px 2px 3px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#fff1a0,#e3a52a);font-family:var(--display);font-size:13px;color:#fff;text-shadow:var(--outline-sm)}.hc-card__name{padding:8px 10px 2px;font-family:var(--display);font-size:19px;line-height:1.05;color:#fff;text-shadow:var(--outline-sm)}.hc-card__desc{padding:0 10px;min-height:32px;font-size:12px;font-weight:800;line-height:1.3;color:#6b4a22}.hc-costs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 8px 10px}.hc-cost{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 7px 0 2px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#0e1c42eb,#060c20eb);font-family:var(--display);font-size:13px;color:#fff;text-shadow:var(--outline-sm);white-space:nowrap}.hc-cost.is-short{background:linear-gradient(180deg,#e2412b,#8c1b0f);color:#ffe0d6}.hc-cost--lg{height:32px;font-size:17px;padding:0 11px 0 3px}.hc-card.is-locked{cursor:not-allowed}.hc-card.is-locked .hc-card__art,.hc-card.is-locked .hc-costs{filter:grayscale(.9) brightness(.75)}.hc-card__lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;background:#0a060266;text-align:center}.hc-card__lock span{padding:4px 10px;border:2px solid var(--ink);border-radius:10px;background:linear-gradient(180deg,#ff7a5c,#b8301e);font-family:var(--display);font-size:15px;color:#fff;text-shadow:var(--outline-sm)}.hc-modal{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#050a1959,#050a19bf);animation:hc-fade-in .18s ease-out both}.hc-modal>.hg-window{width:min(680px,100%);max-height:min(720px,calc(100vh - 32px))}.hc-modal--wide>.hg-window{width:min(900px,100%)}.hc-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.hc-compare__side{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:3px solid var(--ink);border-radius:16px;background:radial-gradient(ellipse at 50% 80%,#3c781ecc,#3c781e00 62%),linear-gradient(180deg,#6fb8e6,#a9dcf2 55%,#8cc66a 56%,#5b9636);box-shadow:inset 0 0 0 2px #ffffff59,0 4px 0 var(--ink)}.hc-compare__side.is-next{box-shadow:inset 0 0 0 2px #ffffff59,0 4px 0 var(--ink),0 0 24px #ffdc6e8c}.hc-compare__arrow{display:grid;place-items:center;width:46px;height:46px;border:3px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 28%,#a6ee5a,#5dbb2a 48%,#2d7412);box-shadow:0 3px 0 var(--ink);animation:hc-nudge 1.2s ease-in-out infinite}.hc-lvl{font-family:var(--display);font-size:20px;color:#fff;text-shadow:var(--outline)}.hc-stats{display:flex;flex-direction:column;gap:6px;margin-top:14px}.hc-stat{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 12px;border:2px solid rgba(0,0,0,.55);border-radius:12px;background:linear-gradient(180deg,#060e268c,#060e2659);box-shadow:inset 0 2px 6px #0000004d}.hc-stat__label{display:flex;align-items:center;gap:8px;font-weight:900;font-size:14px;color:#e9dcbc}.hc-stat__val{font-family:var(--display);font-size:18px;color:#fff;text-shadow:var(--outline-sm);white-space:nowrap}.hc-stat__val em{font-style:normal;color:#a6ee5a}.hc-desc{margin:0;font-size:14px;font-weight:700;line-height:1.45;color:#e9dcbc}.hc-error{padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:linear-gradient(180deg,#e2412b,#8c1b0f);font-family:var(--display);font-size:15px;color:#fff;text-shadow:var(--outline-sm);text-align:center}.hc-gobtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.hc-gobtn__time{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;border:2px solid var(--ink);border-radius:999px;background:#00000040;font-size:16px}.hc-queue{display:flex;gap:8px;padding:10px;border:3px solid var(--ink);border-radius:16px;background:linear-gradient(180deg,#040a1c99,#040a1c59);box-shadow:inset 0 3px 8px #00000073;overflow-x:auto}.hc-qslot{position:relative;flex:0 0 82px;height:104px;border:3px dashed rgba(255,255,255,.18);border-radius:12px}.hc-qslot.is-filled{border:3px solid var(--ink);background:linear-gradient(180deg,#ffe9b0,#d6b97c);box-shadow:0 3px 0 var(--ink);animation:hc-pop .35s cubic-bezier(.2,1.8,.4,1) both}.hc-qslot__qty{position:absolute;top:2px;left:5px;font-family:var(--display);font-size:18px;color:#fff;text-shadow:var(--outline-sm)}.hc-qslot__x{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:2px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9a7c,#e2412b 50%,#8c1b0f);cursor:pointer;z-index:2}.hc-qslot__bar{position:absolute;left:5px;right:5px;bottom:5px}.hc-qslot__time{position:absolute;left:0;right:0;bottom:24px;font-family:var(--display);font-size:13px;text-align:center;color:#fff;text-shadow:var(--outline-sm)}.hc-troops{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.hc-troop{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:3px solid var(--ink);border-radius:14px;background:linear-gradient(180deg,#fff8e4,#f3e2b6 60%,#d6b97c);box-shadow:0 4px 0 var(--ink),0 8px 14px #00000059;cursor:pointer;color:#4a2f12;text-align:left;transition:transform .1s ease}.hc-troop:hover:not(:disabled){transform:translateY(-3px)}.hc-troop.is-selected{box-shadow:0 0 0 3px #ffe27a,0 0 22px #ffe27acc,0 4px 0 var(--ink);transform:translateY(-3px)}.hc-troop:disabled{cursor:not-allowed}.hc-troop:disabled .hc-troop__art{filter:grayscale(1) brightness(.6)}.hc-troop__art{position:relative;display:grid;place-items:center;height:112px;border-bottom:3px solid var(--ink)}.hc-troop__name{padding:6px 8px 0;font-family:var(--display);font-size:17px;color:#fff;text-shadow:var(--outline-sm)}.hc-troop__stats{display:flex;gap:4px;padding:2px 8px 8px;font-size:11px;font-weight:900;color:#6b4a22}.hc-troop__lock{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;font-family:var(--display);font-size:14px;color:#fff;text-shadow:var(--outline-sm)}.hc-troop__own{position:absolute;bottom:4px;right:6px;font-family:var(--display);font-size:16px;color:#fff;text-shadow:var(--outline-sm)}.hc-trainbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.hc-pick{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px 16px;overflow-y:auto;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#2850a073,#060c22f0 70%)}.hc-pick:before{content:"";position:absolute;inset:-40px;z-index:-2;background:url(/buildings/day.png) center / cover no-repeat;filter:blur(7px) saturate(1.2) brightness(.7);transform:scale(1.05);animation:hc-drift 30s ease-in-out infinite alternate}.hc-pick:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:1600px;height:1600px;margin:-800px 0 0 -800px;background:repeating-conic-gradient(from 0deg,rgba(255,220,110,.08) 0deg 9deg,transparent 9deg 22deg);mask-image:radial-gradient(circle,#000 0%,transparent 58%);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 58%);animation:hc-spin 60s linear infinite}.hc-pick__eyebrow{font-family:var(--display);font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:#ffdc6e;text-shadow:var(--outline-sm);text-align:center}.hc-pick__title{margin-top:6px;font-family:var(--display);font-size:clamp(36px,7vw,64px);line-height:1;text-align:center;color:#fff;text-shadow:0 4px 0 var(--ink),0 -2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),2px 4px 0 var(--ink),-2px 4px 0 var(--ink),0 12px 30px rgba(0,0,0,.6);animation:hc-title-in .6s cubic-bezier(.2,1.6,.4,1) both}.hc-pick__sub{margin-top:10px;font-size:15px;font-weight:800;text-align:center;color:#e9dcbc;text-shadow:0 2px 0 rgba(0,0,0,.6)}.hc-pick__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}.hc-fcard{--fc: #f4b42c;position:relative;width:min(330px,86vw);display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 18px 22px;border:4px solid var(--ink);border-radius:24px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--fc) 45%,transparent),transparent 65%),radial-gradient(130% 90% at 50% 0%,#2c58a6,#1b3874 42%,#10224f);box-shadow:inset 0 0 0 3px var(--fc),inset 0 0 0 6px #00000059,0 8px 0 var(--ink),0 22px 40px #0000008c;color:#fff;cursor:pointer;transition:transform .22s cubic-bezier(.2,1.5,.4,1),box-shadow .22s ease,filter .22s ease,opacity .22s;animation:hc-card-in .55s cubic-bezier(.2,1.4,.4,1) both}.hc-fcard:nth-child(2){animation-delay:.12s}.hc-fcard:hover{transform:translateY(-12px) scale(1.03);box-shadow:inset 0 0 0 3px var(--fc),inset 0 0 0 6px #00000059,0 12px 0 var(--ink),0 0 50px color-mix(in srgb,var(--fc) 70%,transparent),0 30px 50px #0000008c}.hc-fcard.is-chosen{transform:translateY(-14px) scale(1.06);box-shadow:inset 0 0 0 3px #ffe27a,inset 0 0 0 6px #00000059,0 12px 0 var(--ink),0 0 70px #ffe27ad9,0 30px 50px #0000008c}.hc-fcard.is-dim{filter:grayscale(.7) brightness(.6);transform:scale(.95)}.hc-fcard__art{position:relative;display:grid;place-items:center;width:100%;min-height:190px;animation:hc-bob 3s ease-in-out infinite}.hc-fcard__name{font-family:var(--display);font-size:34px;line-height:1;color:#fff;text-shadow:var(--outline)}.hc-fcard__desc{font-size:14px;font-weight:800;text-align:center;color:#e9dcbc}.hc-fcard__icons{display:flex;gap:2px;margin-top:-4px}.hc-fcard__check{position:absolute;top:-18px;right:-18px;display:grid;place-items:center;width:52px;height:52px;border:4px solid var(--ink);border-radius:50%;background:radial-gradient(circle at 35% 28%,#a6ee5a,#5dbb2a 48%,#2d7412);box-shadow:0 4px 0 var(--ink);animation:hc-pop .4s cubic-bezier(.2,1.8,.4,1) both}.hc-flash{position:absolute;inset:0;z-index:10;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff8d0,#ffe696b3 40%,#ffe69600);animation:hc-flash .9s ease-out both}.hc-loading{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2b4a1c,#13210c);font-family:var(--display);font-size:26px;color:#fff;text-shadow:var(--outline)}.hc-loading span{animation:hc-bob 1s ease-in-out infinite}@keyframes hc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hc-rise{0%{opacity:0;transform:translate(-50%,30px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes hc-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes hc-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes hc-glow-text{0%{color:#fff7b0}to{color:#fff}}@keyframes hc-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,230,120,.9))}}@keyframes hc-toast{0%{opacity:0;transform:translateY(-16px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hc-sheet-up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes hc-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes hc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hc-spin{to{transform:rotate(360deg)}}@keyframes hc-drift{0%{transform:scale(1.05) translate(-20px)}to{transform:scale(1.12) translate(20px)}}@keyframes hc-title-in{0%{opacity:0;transform:translateY(-30px) scale(1.4)}to{opacity:1;transform:none}}@keyframes hc-card-in{0%{opacity:0;transform:translateY(60px) scale(.85)}to{opacity:1;transform:none}}@keyframes hc-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media (max-width: 720px){.hc-res{width:168px;gap:5px}.hc-resbar{height:26px}.hc-resbar__track{height:22px}.hc-resbar__icon{width:30px;height:30px}.hc-resbar__amount{font-size:14px}.hc-resbar__rate{display:none}.hc-banner{max-width:calc(100vw - 200px)}.hc-crest{width:50px;height:50px}.hc-plate__name{font-size:19px}.hc-bigbtn{width:68px;height:68px;border-radius:18px}.hc-bigbtn__label{font-size:15px}.hc-round{width:62px}.hc-round__disc{width:54px;height:54px}.hc-actions__row{gap:6px}.hc-card{flex-basis:156px}.hc-card__art{height:112px}.hc-hint{font-size:15px}}@media (prefers-reduced-motion: reduce){.hc-root *,.hc-root *:before,.hc-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.hc-qslot__speed{position:absolute;top:-9px;left:-9px;z-index:2;display:inline-flex;align-items:center;gap:1px;height:22px;padding:0 6px 0 2px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#e0b4ff,#a35ef0 55%,#5b2a9e);color:#fff;font-family:var(--display);font-size:12px;text-shadow:var(--outline-sm);cursor:pointer}.hc-qslot__speed:hover:not(:disabled){filter:brightness(1.12)}.hc-qslot__speed:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.8)}.hc-round__price{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:1px;padding:0 6px 0 2px;border:2px solid var(--ink);border-radius:999px;background:#140628d9;color:#fff;font-family:var(--display);font-size:12px;line-height:1.4;text-shadow:var(--outline-sm);white-space:nowrap}.hud-top{position:absolute;top:0;left:0;right:0;z-index:1250;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 16px 10px;pointer-events:none;background:linear-gradient(180deg,rgba(6,12,34,.62) 0%,rgba(6,12,34,.28) 62%,transparent 100%)}.hud-top>*{pointer-events:auto}.hud-top__center{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-top:6px}.hud-top__right{display:flex;align-items:flex-start;gap:10px;min-width:0}.hud-top.is-compact{flex-wrap:wrap;gap:8px 10px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px}.hud-top.is-compact .hud-top__center{order:2;padding-top:0;margin-left:auto}.hud-top.is-compact .hud-top__right{display:contents}.hud-top.is-compact .hud-resources{order:3;width:100%}.hud-top.is-compact .hud-settings{order:2}.hud-top__stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}.hud-top.is-compact .hud-top__stack{display:contents}.hud-top.is-compact .hud-metapills{order:2}.hud-badge{display:flex;align-items:center;gap:0;min-width:0;user-select:none}.hud-badge__crest{position:relative;z-index:2;display:block;width:76px;height:76px;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .15s ease}.hud-badge__crest:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.04)}.hud-badge__crest:active:not(:disabled){transform:scale(.96)}.hud-badge__crest:disabled{cursor:default}.hud-badge__crest.is-xp-bump{animation:hm-pill-bump .45s cubic-bezier(.2,1.8,.4,1)}.hud-badge__trophies{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px 0 2px;border:2px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#5a3a12,#2a1806);color:#ffe27a;font-family:var(--hg-font-display);font-size:14px;line-height:1;text-shadow:var(--hg-text-outline-sm);cursor:pointer;white-space:nowrap}.hud-badge__trophies:hover{filter:brightness(1.15)}.hud-badge.is-compact .hud-badge__trophies{height:20px;font-size:12px}.hud-badge__crest svg.hud-ring{position:absolute;inset:0;transform:rotate(-90deg)}.hud-badge__avatar{position:absolute;inset:8px;display:grid;place-items:center;border:3px solid var(--hg-ink);border-radius:50%;background:radial-gradient(circle at 35% 28%,#5d8fe0,var(--hg-royal) 55%,var(--hg-royal-deep));box-shadow:inset 0 3px #ffffff4d,inset 0 -4px 8px #00000059;overflow:hidden}.hud-badge__level{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);min-width:34px;height:24px;padding:0 7px;display:grid;place-items:center;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,var(--hg-purple-light),var(--hg-purple) 55%,var(--hg-purple-dark));box-shadow:inset 0 2px #ffffff73;color:#fff;font-family:var(--hg-font-display);font-size:15px;line-height:1;text-shadow:var(--hg-text-outline-sm)}.hud-badge__plate{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0;margin-left:-14px;padding:7px 16px 8px 22px;border:3px solid var(--hg-ink);border-left:none;border-radius:0 16px 16px 0;background:linear-gradient(180deg,#24498ff5,#0f2150f5);box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #0000004d,0 6px 14px #0006}.hud-badge__name{max-width:190px;overflow:hidden;font-family:var(--hg-font-display);font-size:19px;line-height:1.05;color:#fff;letter-spacing:.02em;text-overflow:ellipsis;text-shadow:var(--hg-text-outline-sm);white-space:nowrap}.hud-badge__stats{display:flex;align-items:center;gap:8px}.hud-badge__power{display:inline-flex;align-items:center;gap:3px;font-family:var(--hg-font-display);font-size:15px;color:var(--hg-gold-light);text-shadow:var(--hg-text-outline-sm);white-space:nowrap}.hud-badge__xp{width:92px}.hud-badge__sub{font-family:var(--hg-font-body);font-size:11.5px;font-weight:800;color:#c8d6f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.hud-badge__sub i{display:inline-block;width:8px;height:8px;margin-right:4px;border:1.5px solid var(--hg-ink);border-radius:50%;background:var(--hg-green-light);box-shadow:0 0 6px var(--hg-green-light);vertical-align:0}.hud-badge.is-compact .hud-badge__crest{width:58px;height:58px}.hud-badge.is-compact .hud-badge__avatar{inset:6px}.hud-badge.is-compact .hud-badge__plate{padding:4px 12px 5px 20px;gap:2px}.hud-badge.is-compact .hud-badge__name{font-size:15px;max-width:120px}.hud-badge.is-compact .hud-badge__power{font-size:13px}.hud-badge.is-compact .hud-badge__level{height:20px;min-width:28px;font-size:13px;border-width:2px}.hud-chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 4px;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#24498ff2,#0f2150f2);box-shadow:inset 0 2px #ffffff2e,0 4px 10px #00000059;color:#fff;font-family:var(--hg-font-display);font-size:16px;letter-spacing:.02em;text-shadow:var(--hg-text-outline-sm);white-space:nowrap;cursor:default}.hud-chip small{display:block;font-family:var(--hg-font-body);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--hg-gold-light);text-shadow:0 1px 0 var(--hg-ink);line-height:1}.hud-chip.is-done{background:linear-gradient(180deg,var(--hg-green),var(--hg-green-dark));animation:hg-glow-pulse 1.4s ease-in-out infinite}.hud-resources{display:flex;gap:12px;min-width:0}.hud-res{position:relative;display:flex;align-items:center;width:168px;min-width:0;height:42px;outline:none}.hud-res__icon{position:absolute;left:-6px;top:50%;z-index:2;transform:translateY(-50%);filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));transition:transform .2s cubic-bezier(.2,1.8,.4,1)}.hud-res.is-bump .hud-res__icon{transform:translateY(-50%) scale(1.3) rotate(-8deg)}.hud-res__pill{position:relative;flex:1;height:34px;margin-left:14px;overflow:hidden;border:3px solid var(--hg-ink);border-radius:10px;background:linear-gradient(180deg,#04091aeb,#101c42eb);box-shadow:inset 0 3px 6px #0009,0 4px 10px #00000059}.hud-res__fill{position:absolute;left:0;bottom:0;top:0;opacity:.55;background:var(--res-fill);box-shadow:inset 0 2px #ffffff59;transition:width .8s ease}.hud-res.is-full .hud-res__fill{opacity:.85;background:linear-gradient(180deg,var(--hg-red-light),var(--hg-red) 55%,var(--hg-red-dark));animation:hg-glow-pulse 1.6s ease-in-out infinite}.hud-res__value{position:absolute;inset:0 8px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:4px;font-family:var(--hg-font-display);font-size:19px;line-height:1;color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:var(--hg-text-outline-sm);transition:color .3s ease,transform .15s ease}.hud-res__rate{font-size:12px;color:var(--hg-green-light)}.hud-res.is-full .hud-res__rate{color:#fff}.hud-res.is-up .hud-res__value{color:var(--hg-green-light)}.hud-res.is-down .hud-res__value{color:#ff9d86}.hud-res__delta{position:absolute;left:50%;top:100%;z-index:3;font-family:var(--hg-font-display);font-size:18px;white-space:nowrap;text-shadow:var(--hg-text-outline-sm);pointer-events:none;animation:hg-float-up 1.3s ease-out both}.hud-resources.is-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hud-resources.is-compact .hud-res{width:auto;height:34px}.hud-resources.is-compact .hud-res__pill{height:28px;margin-left:10px;border-width:2px}.hud-resources.is-compact .hud-res__value{inset:0 4px 0 18px;font-size:14px;justify-content:center}.hud-resources.is-compact .hud-res__icon{left:-4px}.hud-settings{position:relative}.hud-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:250px;display:flex;flex-direction:column;gap:8px;padding:12px;animation:hg-pop-in .2s cubic-bezier(.2,1.5,.4,1) both;transform-origin:top right}.hud-menu__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--hg-font-display);font-size:16px;color:var(--hg-parchment-ink)}.hud-menu__hint{font-size:12px;font-weight:800;color:#4a2f12bf;line-height:1.4}.hud-switch{position:relative;width:58px;height:30px;flex-shrink:0;padding:0;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,var(--hg-red),var(--hg-red-dark));box-shadow:inset 0 3px 4px #00000059;cursor:pointer;transition:background .2s ease}.hud-switch.is-on{background:linear-gradient(180deg,var(--hg-green-light),var(--hg-green-dark))}.hud-switch:after{content:"";position:absolute;top:1px;left:2px;width:22px;height:22px;border:2px solid var(--hg-ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d8d2c2);transition:left .18s cubic-bezier(.3,1.5,.5,1)}.hud-switch.is-on:after{left:28px}.hud-rail{position:absolute;left:14px;z-index:1240;display:flex;flex-direction:column;align-items:center;gap:12px}.hud-nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;width:76px;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.hud-nav-btn__disc{position:relative;display:grid;place-items:center;width:62px;height:62px;border:3px solid var(--hg-ink);border-radius:50%;background:radial-gradient(circle at 38% 28%,#5d8fe0 0%,var(--hg-royal) 50%,var(--hg-royal-deep) 100%);box-shadow:inset 0 0 0 3px var(--hg-gold-dark),inset 0 0 0 5px #ffdc6e59,inset 0 6px 10px #ffffff26,0 4px 0 var(--hg-ink),0 8px 16px #00000073;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.hud-nav-btn__disc>svg{transition:transform .2s cubic-bezier(.2,1.8,.4,1);filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.hud-nav-btn:hover .hud-nav-btn__disc{filter:brightness(1.12)}.hud-nav-btn:hover .hud-nav-btn__disc>svg{transform:scale(1.1) rotate(-4deg)}.hud-nav-btn:active .hud-nav-btn__disc{transform:translateY(3px);box-shadow:inset 0 0 0 3px var(--hg-gold-dark),inset 0 0 0 5px #ffdc6e59,0 1px 0 var(--hg-ink),0 3px 6px #0006}.hud-nav-btn.is-active .hud-nav-btn__disc{background:radial-gradient(circle at 38% 28%,#fff1a8 0%,var(--hg-gold) 50%,var(--hg-gold-dark) 100%);box-shadow:inset 0 0 0 3px #fff3c4,inset 0 6px 10px #ffffff59,0 4px 0 var(--hg-ink),0 0 22px #ffdc6ebf}.hud-nav-btn:disabled{cursor:not-allowed}.hud-nav-btn:disabled .hud-nav-btn__disc{filter:grayscale(.9) brightness(.65)}.hud-nav-btn__label{position:relative;margin-top:-9px;padding:2px 8px 3px;border:2px solid var(--hg-ink);border-radius:8px;background:linear-gradient(180deg,#3a5fa8,#1b3368);color:#fff;font-family:var(--hg-font-display);font-size:13px;line-height:1;letter-spacing:.04em;text-shadow:var(--hg-text-outline-sm);white-space:nowrap}.hud-nav-btn.is-active .hud-nav-btn__label{background:linear-gradient(180deg,#ffe590,#d99a24)}.hud-nav-btn .hg-badge{position:absolute;top:-4px;right:2px;z-index:2}.hud-attack{position:absolute;z-index:1240;left:18px;bottom:14px;display:flex;flex-direction:column;align-items:center;width:112px;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hud-attack__disc{position:relative;display:grid;place-items:center;width:96px;height:96px;border:4px solid var(--hg-ink);border-radius:24px;transform:rotate(45deg);background:radial-gradient(circle at 30% 25%,#ff9a7c 0%,var(--hg-red) 50%,var(--hg-red-dark) 100%);box-shadow:inset 0 0 0 3px var(--hg-gold),inset 0 0 0 6px #8c1b0fe6,inset 0 10px 14px #ffffff40,0 5px 0 var(--hg-ink),0 12px 24px #00000080;transition:transform .1s ease,filter .15s ease}.hud-attack__disc>svg{transform:rotate(-45deg);filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.hud-attack:hover .hud-attack__disc{filter:brightness(1.1);transform:rotate(45deg) scale(1.04)}.hud-attack:active .hud-attack__disc{transform:rotate(45deg) translate(2px,2px) scale(.98)}.hud-attack.is-active .hud-attack__disc{box-shadow:inset 0 0 0 3px #fff3c4,inset 0 10px 14px #ffffff4d,0 5px 0 var(--hg-ink),0 0 28px #ff8c5ae6}.hud-attack:disabled{cursor:not-allowed}.hud-attack:disabled .hud-attack__disc{filter:grayscale(.9) brightness(.65)}.hud-attack__label{position:relative;margin-top:-2px;font-family:var(--hg-font-display);font-size:24px;line-height:1;color:#fff;letter-spacing:.04em;text-shadow:var(--hg-text-outline)}.hud-attack .hg-badge{position:absolute;top:-8px;right:-2px;z-index:2}.hud-dock{position:absolute;left:0;right:0;bottom:0;z-index:1240;display:flex;align-items:flex-end;justify-content:space-around;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--hg-ink);background:linear-gradient(180deg,#2a4f96,#142a5c 60%,#0b1636);box-shadow:inset 0 3px #ffdc6e8c,0 -8px 24px #00000073}.hud-dock .hud-nav-btn{flex:1 1 0;width:auto;min-width:0;max-width:86px}.hud-dock .hud-nav-btn__disc{width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--hg-gold-dark),0 3px 0 var(--hg-ink),0 5px 10px #0006}.hud-dock .hud-nav-btn__label{margin-top:-6px;padding:1px 5px 2px;font-size:11px}.hud-dock .hud-nav-btn .hg-badge{top:-6px;right:calc(50% - 32px)}.hud-dock .hud-attack{position:relative;left:auto;bottom:auto;flex:0 0 auto;width:82px;margin-top:-34px}.hud-dock .hud-attack__disc{width:62px;height:62px;border-radius:16px;border-width:3px}.hud-dock .hud-attack__label{margin-top:4px;font-size:16px}.hud-quest{position:absolute;z-index:1200;width:min(340px,calc(100vw - 24px));pointer-events:auto;animation:hg-pop-in .3s cubic-bezier(.2,1.5,.4,1) both}.hud-quest__scroll{position:relative;margin:12px 6px;padding:12px 16px 14px;border-left:3px solid var(--hg-ink);border-right:3px solid var(--hg-ink);background:radial-gradient(120% 140% at 20% 0%,var(--hg-parchment-hi) 0%,var(--hg-parchment) 55%,var(--hg-parchment-dark) 100%);box-shadow:inset 0 0 18px #8c5a2259,0 12px 26px #00000073;color:var(--hg-parchment-ink)}.hud-quest__scroll:before,.hud-quest__scroll:after{content:"";position:absolute;left:-12px;right:-12px;height:16px;border:3px solid var(--hg-ink);border-radius:999px;background:linear-gradient(180deg,#d9a066,#9a6230 55%,#5a3412);box-shadow:inset 0 2px #ffffff59,0 3px 6px #00000059}.hud-quest__scroll:before{top:-14px}.hud-quest__scroll:after{bottom:-14px}.hud-quest.is-ready .hud-quest__scroll{box-shadow:inset 0 0 18px #8c5a2259,0 0 0 3px #ffe678e6,0 0 34px #ffdc6ed9,0 12px 26px #00000073}.hud-quest__head{display:flex;align-items:center;gap:8px}.hud-quest__step{font-family:var(--hg-font-display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9a5d12}.hud-quest__title{margin-top:4px;font-family:var(--hg-font-title);font-size:19px;font-weight:900;line-height:1.1;color:#3a1d04}.hud-quest__desc{margin-top:4px;font-size:13px;font-weight:700;line-height:1.4;color:#4a2f12e0}.hud-quest__goal{display:flex;justify-content:space-between;margin:9px 0 4px;font-family:var(--hg-font-display);font-size:14px;color:#5a3a14}.hud-quest__rewards{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.hud-quest__rewards>span:first-child{font-family:var(--hg-font-display);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#8c5a22;margin-right:2px}.hud-quest__min{margin-left:auto;width:28px;height:28px;padding:0;display:grid;place-items:center;border:2px solid var(--hg-ink);border-radius:8px;background:linear-gradient(180deg,#d9a066,#9a6230);box-shadow:inset 0 2px #ffffff59,0 2px 0 var(--hg-ink);color:#fff;font-family:var(--hg-font-display);font-size:16px;line-height:1;text-shadow:var(--hg-text-outline-sm);cursor:pointer}.hud-quest__mini{position:relative;display:flex;align-items:center;gap:8px;height:52px;padding:0 16px 0 6px;border:3px solid var(--hg-ink);border-radius:999px;background:radial-gradient(120% 140% at 20% 0%,var(--hg-parchment-hi) 0%,var(--hg-parchment) 55%,var(--hg-parchment-dark) 100%);box-shadow:var(--hg-shadow-pop);color:var(--hg-parchment-ink);font-family:var(--hg-font-display);font-size:16px;cursor:pointer}.hud-quest__mini .hg-badge{position:absolute;top:-8px;left:30px}.hud-quest.is-ready .hud-quest__mini{animation:hg-glow-pulse 1.3s ease-in-out infinite}.hud-banners{position:absolute;left:50%;z-index:1450;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(460px,calc(100% - 20px));transform:translate(-50%);pointer-events:none}.hud-banner{--banner: linear-gradient(180deg, #4f86e0 0%, var(--hg-royal) 55%, var(--hg-royal-dark) 100%);position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 18px 8px 8px;border:3px solid var(--hg-ink);border-radius:16px;background:var(--banner);box-shadow:inset 0 0 0 2px #ffdc6e8c,inset 0 3px #ffffff4d,0 10px 24px #00000080;color:#fff;pointer-events:auto;animation:hg-slide-down .42s cubic-bezier(.2,1.5,.4,1) both}.hud-banner.is-leaving{animation:hud-banner-out .35s ease-in both}.hud-banner--win{--banner: linear-gradient(180deg, var(--hg-green-light) 0%, var(--hg-green) 50%, var(--hg-green-dark) 100%)}.hud-banner--loss{--banner: linear-gradient(180deg, var(--hg-red-light) 0%, var(--hg-red) 50%, var(--hg-red-dark) 100%)}.hud-banner--gold{--banner: linear-gradient(180deg, #ffe98a 0%, var(--hg-gold) 50%, var(--hg-gold-dark) 100%)}.hud-banner__medal{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:3px solid var(--hg-ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8e4,var(--hg-parchment) 60%,var(--hg-parchment-dark));box-shadow:0 3px 0 var(--hg-ink);animation:hg-wiggle .8s ease .25s both}.hud-banner__title{font-family:var(--hg-font-display);font-size:20px;line-height:1.05;letter-spacing:.02em;text-shadow:var(--hg-text-outline-sm)}.hud-banner__body{margin-top:3px;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.6)}@keyframes hud-banner-out{to{opacity:0;transform:translateY(-24px) scale(.92)}}.hud-splash{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#0a14328c,#020510e0 70%);animation:hg-fade-in .25s ease both;overflow:hidden}.hud-splash:before{content:"";position:absolute;left:50%;top:42%;width:1600px;height:1600px;margin:-800px 0 0 -800px;background:repeating-conic-gradient(from 0deg,var(--splash-ray, rgba(255, 220, 110, .16)) 0deg 9deg,transparent 9deg 22deg);mask-image:radial-gradient(circle,#000 0%,transparent 55%);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 55%);animation:hg-spin 30s linear infinite;pointer-events:none}.hud-splash.is-defeat{--splash-ray: rgba(255, 90, 60, .1);background:radial-gradient(ellipse at center,#320a0a8c,#0a0202e6 70%)}.hud-splash__card{position:relative;width:min(520px,100%);text-align:center}.hud-splash__title{font-family:var(--hg-font-display);font-size:clamp(58px,15vw,112px);line-height:.95;letter-spacing:.03em;color:#ffe36e;text-shadow:0 6px 0 var(--hg-ink),0 -3px 0 var(--hg-ink),3px 0 0 var(--hg-ink),-3px 0 0 var(--hg-ink),3px 6px 0 var(--hg-ink),-3px 6px 0 var(--hg-ink),3px -3px 0 var(--hg-ink),-3px -3px 0 var(--hg-ink),0 0 40px rgba(255,210,80,.7);animation:hud-slam .6s cubic-bezier(.2,1.6,.4,1) both}.hud-splash.is-defeat .hud-splash__title{color:#ff8a6e;text-shadow:0 6px 0 var(--hg-ink),0 -3px 0 var(--hg-ink),3px 0 0 var(--hg-ink),-3px 0 0 var(--hg-ink),3px 6px 0 var(--hg-ink),-3px 6px 0 var(--hg-ink),3px -3px 0 var(--hg-ink),-3px -3px 0 var(--hg-ink),0 0 30px rgba(255,60,40,.5)}.hud-splash__stars{display:flex;justify-content:center;align-items:flex-end;gap:6px;margin-bottom:8px}.hud-splash__star{animation:hud-star-in .5s cubic-bezier(.2,1.8,.4,1) both}.hud-splash__star.is-empty{filter:grayscale(1) brightness(.45)}.hud-splash__sub{margin-top:14px;font-family:var(--hg-font-title);font-size:18px;font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 2px 0 var(--hg-ink);animation:hg-fade-in .4s ease .5s both}.hud-splash__panel{margin-top:18px;animation:hg-pop-in .35s ease .7s both}.hud-splash__loot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hud-splash__actions{margin-top:20px;animation:hg-pop-in .35s ease 1s both}@keyframes hud-slam{0%{opacity:0;transform:scale(2.6)}60%{opacity:1;transform:scale(.92)}to{transform:scale(1)}}@keyframes hud-star-in{0%{opacity:0;transform:scale(0) rotate(-120deg)}to{opacity:1;transform:scale(1) rotate(0)}}.hud-fx-layer{position:fixed;inset:0;z-index:1700;pointer-events:none;overflow:hidden}.hud-fx-coin{position:absolute;left:0;top:0;will-change:transform,opacity;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.hud-fx-confetti{position:absolute;top:0;left:0;width:10px;height:14px;border:1.5px solid rgba(26,15,6,.7);border-radius:2px;will-change:transform,opacity}.hud-hint{position:absolute;right:16px;bottom:16px;z-index:1100;padding:4px 10px;border:2px solid var(--hg-ink);border-radius:999px;background:#0b1636d9;color:var(--hg-text-muted);font-family:var(--hg-font-display);font-size:12px;letter-spacing:.04em;text-shadow:0 1px 0 var(--hg-ink);pointer-events:none}.hud-kbd{display:inline-block;margin-right:4px;padding:0 5px;border:1.5px solid var(--hg-ink);border-radius:4px;background:var(--hg-parchment);color:var(--hg-parchment-ink)}.hud-popup{position:fixed;z-index:1250}.hud-event{display:flex;align-items:center;gap:12px}.hud-event+.hud-event{margin-top:10px}