:root{--background:#fff;--foreground:#171717;--font-geist-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-geist-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{bottom:calc(env(safe-area-inset-bottom) + 150px)}.maplibregl-ctrl-attrib{opacity:.55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none!important;background:#ffffff47!important;border-radius:999px!important;font-size:9px!important}.maplibregl-ctrl-top-right,.maplibregl-ctrl-top-left{top:calc(env(safe-area-inset-top) + 12px)}html,body{height:100%}body{color:#111;background:#f6f7f8}input,select,textarea{font-size:16px}@keyframes hpHudNearBreath{0%,to{filter:saturate()}50%{filter:saturate(1.18)brightness(1.02)}}@keyframes hpHudReadyPulse{0%,to{filter:saturate()}50%{filter:saturate(1.24)brightness(1.04)}}@keyframes hpHuntToast{0%{opacity:0;transform:translateY(10px)scale(.96)}12%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes hpRankMePulse{0%,to{filter:saturate()}50%{filter:saturate(1.18)brightness(1.03)}}@keyframes hpRankWarning{0%,to{filter:brightness()}50%{filter:brightness(1.08)saturate(1.16)}}@keyframes hpLiveRankBreath{0%,to{box-shadow:0 16px 38px #0f172a1f,0 0 18px #0ea5e91f}50%{box-shadow:0 17px 40px #0f172a24,0 0 27px #0ea5e938}}@keyframes hpLiveRankFrame{to{transform:rotate(360deg)}}@keyframes hpLiveRankDot{0%,to{opacity:.72;transform:scale(.88)}50%{opacity:1;transform:scale(1.14)}}.hp-live-rank-card{isolation:isolate;animation:2.8s ease-in-out infinite hpLiveRankBreath;position:relative}.hp-live-rank-card:before{z-index:0;content:"";background:conic-gradient(#0000 0deg 210deg,#0ea5e90f 234deg,#facc15c2 270deg,#0ea5e985 304deg,#0000 334deg 360deg);animation:5.2s linear infinite hpLiveRankFrame;position:absolute;inset:-72%}.hp-live-rank-card:after{z-index:0;content:"";-webkit-backdrop-filter:blur(14px)saturate(1.28);background:#ffffffb8;border-radius:14px;position:absolute;inset:1px}.hp-live-rank-card>*{z-index:1;position:relative}.hp-live-rank-dot{background:#22c55e;border-radius:999px;flex:none;width:7px;height:7px;animation:1.5s ease-in-out infinite hpLiveRankDot;box-shadow:0 0 10px #22c55eb8}html{-webkit-text-size-adjust:100%}.reward-marker{width:44px;height:44px;position:relative;transform:translate(-22px,-22px)}.reward-halo{background:#ff000059;border-radius:50%;animation:1.6s ease-out infinite reward-pulse;position:absolute;inset:0}.reward-icon{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;position:relative;box-shadow:0 8px 20px #00000040}@keyframes reward-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(2.4)}to{opacity:0}}.hp-screen,.hp-auth-screen{min-height:100dvh;font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.hp-tab-shell{min-height:100dvh}.hp-tab-panel{display:none}.hp-tab-panel.active{display:block}.hp-bottom-nav{z-index:1000;min-height:calc(70px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);pointer-events:auto;-webkit-backdrop-filter:blur(22px)saturate(1.18);font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:linear-gradient(#ffffffc2,#fffbebfa 34%,#fff8e2);border-top:1px solid #0f172a1a;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #0f172a17}.hp-bottom-nav-track{pointer-events:auto;background:linear-gradient(#ffffff1a,#fff8e229);border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:min(560px,100vw);height:70px;margin:0 auto;padding:6px 8px 8px;display:grid;box-shadow:inset 0 1px #ffffffb8}.hp-bottom-nav-item{appearance:none;color:#0f172a94;min-width:0;height:56px;font:inherit;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:3px;padding:0 3px;font-size:12px;font-weight:950;line-height:1;transition:transform .14s,background .16s,color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.hp-bottom-nav-item:active{transform:scale(.96)}.hp-bottom-nav-item:after{display:none}.hp-bottom-nav-item.active,.hp-bottom-nav-item.pending,.hp-bottom-nav-item.pressed{color:#14532d;background:radial-gradient(circle at 50% 0,#facc1547,#0000 38%),linear-gradient(#22c55e2e,#16a34a12);box-shadow:inset 0 0 0 1px #16a34a1a,0 6px 16px #16a34a14}.hp-bottom-nav-item.pressed{color:#064e3b;background:radial-gradient(circle at 50% 0,#facc155c,#0000 40%),linear-gradient(#22c55e3d,#16a34a1a);transform:translateY(-1px)scale(.98)}.hp-bottom-nav-item.active:after,.hp-bottom-nav-item.pending:after,.hp-bottom-nav-item.pressed:after{display:none}.hp-bottom-nav-icon-wrap{border-radius:999px;place-items:center;width:30px;height:30px;transition:transform .16s,background .16s,box-shadow .16s;display:grid}.hp-bottom-nav-icon-wrap svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;opacity:.76;width:26px;height:26px;transition:opacity .16s,filter .16s,transform .16s;display:block}.hp-bottom-nav-item.active .hp-bottom-nav-icon-wrap,.hp-bottom-nav-item.pending .hp-bottom-nav-icon-wrap,.hp-bottom-nav-item.pressed .hp-bottom-nav-icon-wrap{background:#ffffffb8;transform:translateY(-2px);box-shadow:0 5px 13px #16a34a24,inset 0 1px #ffffffb8}.hp-bottom-nav-item.active svg,.hp-bottom-nav-item.pending svg,.hp-bottom-nav-item.pressed svg{opacity:1;filter:drop-shadow(0 2px 5px #16a34a3d);animation:1.8s ease-in-out infinite hpBottomNavIconPop;transform:translateY(-1px)scale(1.08)}@keyframes hpBottomNavPulse{0%,to{opacity:.52;transform:scaleX(.76)}50%{opacity:1;transform:scaleX(1)}}.hp-auth-screen{padding:calc(env(safe-area-inset-top) + 18px) 18px 28px;color:#102016;background:radial-gradient(circle at 14% 8%,#ef44442e,#0000 28%),radial-gradient(circle at 84% 18%,#facc152e,#0000 30%),linear-gradient(#f8fafc 0%,#f2f8f0 58%,#f8f6ef 100%);align-content:start;gap:12px;display:grid}.hp-skeleton-box,.hp-skeleton-card,.hp-skeleton-circle{position:relative;overflow:hidden}.hp-skeleton-box:after,.hp-skeleton-card:after,.hp-skeleton-circle:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.35s ease-in-out infinite hpSkeletonSweep;position:absolute;inset:0;transform:translate(-100%)}.hp-skeleton-circle{background:#ffffffb8;border-radius:999px;width:42px;height:42px}.hp-skeleton-muted{opacity:.78}.hp-skeleton-card{min-height:220px}@keyframes hpSkeletonSweep{to{transform:translate(100%)}}.hp-splash-screen{background:#fff;place-items:center;min-height:100dvh;padding:24px;display:grid}.hp-splash-logo{aspect-ratio:16/9;place-items:center;width:min(360px,78vw);animation:3.5s both hpSplashIn;display:grid}.hp-splash-logo img{object-fit:contain;width:100%;height:100%}@keyframes hpSplashIn{0%{opacity:0;transform:translateY(8px)scale(.96)}18%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.985)}}.hp-auth-hero{justify-items:center;gap:8px;padding:8px 2px 0;display:grid}.hp-auth-hero.compact{padding-top:48px}.hp-logo-lockup{aspect-ratio:5/2;width:min(220px,62vw);box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;overflow:hidden}.hp-logo-lockup.auth{justify-self:center;width:min(280px,72vw)}.hp-logo-lockup img{object-fit:contain;object-position:center;width:100%;height:100%}.hp-kicker{color:#166534;letter-spacing:0;background:#ffffffb8;border:1px solid #0f172a1f;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:950;box-shadow:0 10px 28px #0f172a14}.hp-auth-hero h1{letter-spacing:0;max-width:620px;font-size:clamp(34px,10vw,58px);line-height:.98}.hp-auth-hero p{color:#0f172aad;max-width:560px;font-size:16px;line-height:1.45}.hp-auth-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:420px;display:grid}.hp-auth-stats div,.hp-status-strip div{background:#ffffffad;border:1px solid #0f172a1a;border-radius:8px;padding:12px;box-shadow:0 14px 32px #0f172a0f}.hp-auth-stats strong,.hp-status-strip span{color:#14532d;font-size:20px;font-weight:950;display:block}.hp-auth-stats span,.hp-status-strip small{color:#0f172a9e;margin-top:2px;font-size:12px;font-weight:800;display:block}.hp-auth-panel{-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:#ffffffd1;border:1px solid #0f172a1a;border-radius:8px;gap:10px;width:min(100%,480px);margin:0 auto;padding:14px;display:grid;box-shadow:0 24px 70px #0f172a24}.hp-auth-tabs,.hp-day-tabs,.hp-lobby-tabs{scrollbar-width:none;background:#0f172a0a;border:1px solid #0f172a17;border-radius:8px;gap:6px;padding:4px;display:flex;overflow-x:auto}.hp-auth-tabs::-webkit-scrollbar{display:none}.hp-day-tabs::-webkit-scrollbar{display:none}.hp-lobby-tabs::-webkit-scrollbar{display:none}.hp-auth-tabs button,.hp-day-tabs button,.hp-lobby-tabs button{color:#0f172aad;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:38px;padding:0 12px;font-weight:950}.hp-auth-tabs button{flex:1}.hp-auth-tabs button.active,.hp-day-tabs button.active,.hp-lobby-tabs button.active{color:#fff;background:#122018;box-shadow:0 10px 20px #12201824}.hp-form-head{gap:4px;margin-top:2px;display:grid}.hp-form-head h2{font-size:22px;line-height:1.08}.hp-form-head p,.hp-password-rules{color:#0f172aa3;font-size:13px;line-height:1.38}.hp-password-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:-2px 0 2px;padding:0;list-style:none;display:grid}.hp-password-checklist li{color:#0f172a8a;background:#ffffffad;border:1px solid #0f172a14;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:7px 8px;font-size:11px;font-weight:900;display:flex}.hp-password-checklist li span{color:#0f172a70;background:#0f172a0f;border-radius:999px;place-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:grid}.hp-password-checklist li.ok{color:#166534;background:#16a34a14;border-color:#16a34a3d}.hp-password-checklist li.ok span{color:#fff;background:#16a34a}.hp-auth-panel label{color:#0f172ab8;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:950}.hp-auth-panel input,.hp-auth-panel select,.hp-city-modal input{color:#111827;background:#fffffff0;border:1px solid #0f172a1f;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 12px}.hp-remember-row{color:#0f172aad;align-items:center;gap:8px;min-height:30px;margin:-2px 0 2px;font-size:13px;font-weight:850;display:flex;text-transform:none!important}.hp-remember-row input{accent-color:#16a34a;width:16px;height:16px;min-height:16px}.hp-auth-panel input:focus,.hp-auth-panel select:focus,.hp-city-modal input:focus{border-color:#22c55ecc;box-shadow:0 0 0 4px #22c55e1f}.hp-password-rules strong,.hp-form-message,.hp-error{color:#b91c1c;font-weight:850}.hp-form-message.success{color:#166534}.hp-avatar{width:var(--hp-avatar-size);height:var(--hp-avatar-size);background:radial-gradient(circle at 35% 28%, #ffffffb8, transparent 26%), linear-gradient(135deg, var(--hp-avatar-bg), #ffffffb8);color:var(--hp-avatar-fg);border:1px solid #0f172a1a;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 10px 22px #0f172a1a,inset 0 1px #ffffffc7}.hp-avatar:after{content:"";background:var(--hp-avatar-accent);width:24%;height:24%;box-shadow:0 0 18px color-mix(in srgb, var(--hp-avatar-accent), transparent 35%);border-radius:50%;position:absolute;bottom:16%;right:18%}.hp-avatar.image{background:0 0}.hp-avatar.image:after{display:none}.hp-avatar span{z-index:1;font-size:calc(var(--hp-avatar-size) * .42);font-weight:950;line-height:1;position:relative}.hp-avatar img{object-fit:cover;width:100%;height:100%;transform:scale(var(--hp-avatar-image-scale,1));position:absolute;inset:0}.hp-avatar.selected{border-color:#16a34a7a;box-shadow:0 12px 24px #16a34a29,0 0 0 3px #16a34a1f}.hp-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:16px 12px;display:grid}.hp-avatar-grid button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:66px;min-width:0;height:66px;padding:0;display:grid}.hp-avatar-grid button.active{background:#16a34a14;box-shadow:0 0 0 5px #16a34a1a}.hp-avatar-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-auth-submit,.hp-auth-switch,.hp-primary-action,.hp-city-suggest button{cursor:pointer;border-radius:8px;min-height:46px;font-weight:950}.hp-auth-submit,.hp-primary-action{color:#fff;background:linear-gradient(135deg,#16a34a,#0f766e);border:0;place-items:center;display:grid;box-shadow:0 18px 34px #16a34a38}.hp-auth-submit:disabled,.hp-primary-action.disabled{color:#0f172a7a;box-shadow:none;cursor:not-allowed;background:#0f172a1f}.hp-auth-switch{color:#111827;background:#fff;border:1px solid #0f172a1f}.hp-lobby-screen{isolation:isolate;padding:calc(env(safe-area-inset-top) + 12px) 14px calc(92px + env(safe-area-inset-bottom));color:#102016;background:radial-gradient(circle at 14% 8%,#ef44442e,#0000 28%),radial-gradient(circle at 84% 18%,#facc152e,#0000 30%),linear-gradient(#f8fafc 0%,#f2f8f0 58%,#f8f6ef 100%);position:relative;overflow-x:hidden}.hp-lobby-screen:after{content:"";z-index:0;pointer-events:none;opacity:.52;mix-blend-mode:screen;background:radial-gradient(circle at 18% 22%,#facc15b8 0 1.4px,#0000 2.8px) 0 0/230px 230px,radial-gradient(circle at 74% 13%,#2dd4bf73 0 1.2px,#0000 2.7px) 0 0/170px 170px,radial-gradient(circle at 88% 48%,#60a5fa61 0 1.5px,#0000 3.2px) 0 0/270px 270px,radial-gradient(circle at 44% 72%,#a855f738 0 1.2px,#0000 3px) 0 0/310px 310px,linear-gradient(112deg,#0000 0 44%,#fff3 49%,#0000 57% 100%) 0 0/180% 100%;animation:10s ease-in-out infinite hp-collection-sparkle;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.hp-lobby-screen:before,.hp-profile-screen:before,.hp-ranking-screen:before{content:"";z-index:0;pointer-events:none;opacity:.46;background:radial-gradient(circle,#facc1594 0 .9px,#0000 1.9px) 0 0/74px 74px,radial-gradient(circle,#2dd4bf52 0 .85px,#0000 1.8px) 28px 44px/116px 116px,radial-gradient(circle,#60a5fa42 0 .8px,#0000 1.8px) 64px 18px/148px 148px,radial-gradient(circle,#d946ef2e 0 .7px,#0000 1.7px) -40px 96px/196px 196px,linear-gradient(115deg,#0000 0 38%,#ffffff24 45%,#0000 54% 100%) -160px -80px/260px 260px;animation:20s linear infinite hp-magic-drift;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000 100%)}.hp-lobby-screen>*,.hp-profile-screen>*,.hp-ranking-screen>*{z-index:1;position:relative}@keyframes hp-magic-drift{0%{background-position:0 0,28px 44px,64px 18px,-40px 96px,-160px -80px}to{background-position:74px -74px,-88px -72px,12px -130px,112px -64px,160px 120px}}@keyframes hp-collection-sparkle{0%,to{opacity:.44;background-position:0 0,18px 12px,0 0,-42px 18px,-120% 0}48%{opacity:.68;background-position:20px -28px,-16px 34px,24px -18px,36px -44px,80% 0}}@keyframes hp-panel-shine{0%,46%{transform:translate(-68%)}78%,to{transform:translate(72%)}}@keyframes hp-collection-cta-pulse{0%,to{transform:translateY(0);box-shadow:0 18px 34px #16a34a4d,0 0 28px #22c55e38,inset 0 1px #ffffff57}50%{transform:translateY(-1px);box-shadow:0 20px 38px #16a34a57,0 0 36px #facc1542,inset 0 1px #fff6}}@keyframes hp-deck-breathe{0%,to{filter:drop-shadow(0 0 #fff0)}50%{filter:drop-shadow(0 0 8px var(--hp-rarity-glow))}}@media (prefers-reduced-motion:reduce){.hp-lobby-screen:before,.hp-lobby-screen:after,.hp-profile-screen:before,.hp-ranking-screen:before,.hp-collection-screen:before,.hp-collection-screen:after,.hp-game-card.live,.hp-game-card:after,.hp-primary-action:before,.hp-map-radar,.hp-collection-showcase:after,.hp-collection-action a,.hp-collection-deck{animation:none}}.hp-lobby-hero{justify-content:space-between;align-items:center;gap:12px;max-width:560px;min-height:46px;margin:0 auto 2px;display:flex}.hp-lobby-hero h1{color:#111827;margin:0;font-size:31px;line-height:1;display:none}.hp-lobby-kicker{color:#14532d9e;text-transform:uppercase;font-size:11px;font-weight:950}.hp-city-button{color:#111827;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 10% 0,#facc1547,#0000 42%) padding-box padding-box,linear-gradient(#fffffff5,#fff8ebe0) padding-box padding-box,linear-gradient(135deg,#facc15c7,#22c55e7a,#0ea5e942) border-box;border:2px solid #0000;border-radius:18px;align-items:center;gap:10px;min-height:48px;padding:8px 10px 8px 14px;font-weight:950;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #0f172a17,0 0 24px #facc1524,inset 0 1px #ffffffe6}.hp-city-button:before{content:"";pointer-events:none;opacity:.58;background:linear-gradient(115deg,#0000 0 36%,#ffffff52 48%,#0000 58% 100%),radial-gradient(circle at 18px 16px,#0f172a0d 1px,#0000 1.5px) 0 0/18px 18px;position:absolute;inset:0}.hp-city-copy{z-index:1;text-align:left;gap:4px;display:grid;position:relative}.hp-city-copy strong{color:#0f172a;text-shadow:0 1px #ffffffbd;font-size:17px;line-height:1}.hp-city-copy small{color:#166534;text-transform:uppercase;background:#16a34a1a;border-radius:999px;width:fit-content;padding:3px 7px;font-size:8px;font-weight:950;line-height:1}.hp-city-chevron{z-index:1;color:#166534;background:linear-gradient(#ffffffeb,#fff8ebd1);border:1px solid #ffffffa8;border-radius:999px;place-items:center;width:28px;height:28px;font-size:22px;font-weight:950;line-height:1;display:grid;position:relative;box-shadow:0 8px 16px #0f172a14,inset 0 1px #ffffffbd}.hp-icon-button{color:#111827;cursor:pointer;background:#ffffff80;border:1px solid #0f172a14;border-radius:999px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:950;display:grid;box-shadow:0 10px 24px #0f172a0f}.hp-icon-button.profile{width:58px;height:58px;box-shadow:none;background:0 0;border-color:#0000;padding:0}.hp-city-suggest,.hp-daily-summary,.hp-lobby-stats,.hp-league-band,.hp-lobby-mission,.hp-featured-hunt,.hp-lobby-section-head,.hp-game-list,.hp-server-note,.hp-error{width:min(100%,560px);margin-left:auto;margin-right:auto}.hp-lobby-stats,.hp-profile-stats,.hp-ranking-me-card,.hp-collection-stats{background:#0f172a1a;border:1px solid #0f172a1a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden;box-shadow:0 14px 30px #0f172a12,inset 0 1px #ffffffd6}.hp-lobby-stats{background:#0f172a14;border:2px solid #ffffffad;border-radius:16px;margin-top:12px;box-shadow:0 18px 38px #0f172a17,0 0 28px #facc151f,inset 0 1px #ffffffe0}.hp-lobby-stats div,.hp-profile-stats div,.hp-ranking-me-card div,.hp-collection-stats div{text-align:center;background:#ffffffe6;gap:3px;padding:11px 8px;display:grid;position:relative}.hp-lobby-stats div{background:radial-gradient(circle at 50% 0,#facc153d,#0000 54%),linear-gradient(#fffffff0,#fff8ebd6)}.hp-lobby-stats div:first-child:before{background:linear-gradient(90deg,#22c55e,#84cc16)}.hp-lobby-stats div:nth-child(2):before{background:linear-gradient(90deg,#f97316,#facc15)}.hp-lobby-stats div:nth-child(3):before{background:linear-gradient(90deg,#38bdf8,#14b8a6)}.hp-lobby-stats div:before,.hp-profile-stats div:before,.hp-ranking-me-card div:before,.hp-collection-stats div:before{content:"";opacity:.74;background:linear-gradient(90deg,#22c55e,#facc15);height:3px;position:absolute;inset:0 0 auto}.hp-lobby-stats strong,.hp-profile-stats strong,.hp-ranking-me-card strong,.hp-collection-stats strong{color:#111827;overflow-wrap:anywhere;font-size:18px;line-height:1}.hp-lobby-stats span,.hp-profile-stats span,.hp-ranking-me-card span,.hp-collection-stats span{color:#0f172a8f;text-transform:none;font-size:11px;font-weight:900}.hp-lobby-mission{color:#fff;background:linear-gradient(135deg,#111827f5,#14532deb);border:1px solid #0f172a1a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex;position:relative;box-shadow:0 18px 38px #0f172a29}.hp-lobby-mission:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.hp-lobby-mission div{gap:3px;min-width:0;display:grid}.hp-lobby-mission span,.hp-lobby-mission small{color:#ffffffa8;text-transform:uppercase;font-size:10px;font-weight:950}.hp-lobby-mission strong{overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.1}.hp-lobby-mission small{color:#ffffffd1;background:#ffffff1a;border-radius:999px;flex:none;padding:6px 8px}.hp-city-suggest{background:#ffffffc7;border:1px solid #0f172a1a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.hp-city-suggest div:last-child{gap:8px;display:flex}.hp-city-suggest button{color:#fff;background:#122018;border:0;padding:0 12px}.hp-city-suggest button:last-child{color:#111827;background:#fff;border:1px solid #0f172a1f}.hp-game-list{gap:12px;margin-top:10px;display:grid}.hp-featured-hunt{background:radial-gradient(circle at 50% 0,#facc153d,#0000 42%),linear-gradient(#eff8ffc7,#fff8ebd1);border:2px solid #ffffffb3;border-radius:24px;gap:0;margin-top:18px;padding:18px 8px 8px;display:grid;position:relative;box-shadow:0 24px 56px #0ea5e921,0 0 34px #facc1521,inset 0 1px #fffffff0}.hp-featured-head{z-index:3;color:#fff;text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:950;display:flex;position:absolute;top:-15px;left:18px;right:18px}.hp-featured-head span{text-shadow:0 2px #0f172a40;background:radial-gradient(circle at 50% 0,#ffffff57,#0000 48%),linear-gradient(#3b82f6,#1d4ed8);border:2px solid #ffffffb8;border-radius:999px;padding:6px 12px;box-shadow:0 10px 18px #1d4ed833,inset 0 2px #ffffff4d}.hp-featured-head strong{color:#166534;background:linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #ffffffb8;border-radius:999px;padding:6px 10px;font-size:10px;box-shadow:0 10px 18px #0f172a1a,0 0 16px #22c55e2e}.hp-lobby-section-head{color:#0f172a94;justify-content:space-between;align-items:end;gap:10px;margin-top:18px;display:flex}.hp-lobby-section-head div{gap:3px;min-width:0;display:grid}.hp-lobby-section-head span{text-transform:uppercase;font-size:10px;font-weight:950}.hp-lobby-section-head strong{color:#111827;background:linear-gradient(#fffffff5,#fff8ebe6);border:2px solid #ffffffb8;border-radius:999px;width:fit-content;padding:6px 12px;font-size:13px;line-height:1.1;box-shadow:0 8px 16px #0f172a14}.hp-lobby-section-head small{flex:none;font-size:11px;font-weight:900}.hp-game-card,.hp-empty{background:linear-gradient(#fffffffa,#f7f9f5f5) padding-box padding-box,linear-gradient(135deg,#facc15bd,#22c55e80,#0f172a1f) border-box,linear-gradient(#fffffff5,#f7f9f5f0),radial-gradient(circle at 100% 0,#facc151f,#0000 36%);border:2px solid #0000;border-radius:22px;padding:0;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a1a,0 0 28px #facc151a,inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff9e}.hp-game-card:before{content:"";opacity:.55;pointer-events:none;background:linear-gradient(110deg,#ffffff57,#0000 18% 76%,#fff3),radial-gradient(circle at 18px 18px,#0f172a0f 1px,#0000 1.5px) 0 0/18px 18px;position:absolute;inset:0}.hp-game-card:after{content:"";opacity:.78;filter:blur(.1px)drop-shadow(0 0 10px #facc1547);pointer-events:none;background:radial-gradient(#ffffffe6,#0000 58%),linear-gradient(90deg,#0000,#22c55eb3,#facc15eb,#14b8a6ad,#0000);border-radius:999px;height:4px;animation:4.8s ease-in-out infinite hpTopGlowFloat;position:absolute;inset:-2px 20px auto}.hp-game-card>*{z-index:1;position:relative}.hp-game-card.live{animation:4.8s ease-in-out infinite hpLobbyCardBreath;box-shadow:0 20px 48px #16a34a24,0 0 34px #facc151f,inset 0 1px #ffffffdb}.hp-featured-aura{z-index:0;pointer-events:none;border-radius:inherit;opacity:.72;background:radial-gradient(circle at 18% 18%,#facc1533,#0000 34%),radial-gradient(circle at 86% 18%,#22c55e33,#0000 32%),linear-gradient(115deg,#0000 0 34%,#ffffff57 46%,#0000 58% 100%) 0 0/220% 100%;animation:5.2s ease-in-out infinite hpFeaturedSweep;position:absolute;inset:-1px}.hp-game-card.featured{background:linear-gradient(#fffffffc,#ecfdf5f5) padding-box padding-box,linear-gradient(135deg,#facc15e6,#16a34aa8,#14b8a657) border-box,radial-gradient(circle at 84% 12%,#facc1542,#0000 30%),radial-gradient(circle at 2% 100%,#14b8a626,#0000 34%),linear-gradient(#fffffffa,#ecfdf5f0);border-radius:22px;box-shadow:0 24px 58px #16a34a2e,0 0 38px #facc1529,inset 0 0 0 1px #facc152e,inset 0 1px #ffffffe6}.hp-game-card.featured.live{animation:3.8s ease-in-out infinite hpFeaturedBreath}.hp-game-card.featured.live:after{opacity:1;background:radial-gradient(#ffffffe6,#0000 58%),linear-gradient(90deg,#0000,#16a34a,#facc15,#22c55e,#14b8a6,#0000);height:4px;animation:4.8s ease-in-out infinite hpTopGlowFloat}.hp-game-card.featured .hp-card-content{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:178px;padding:10px 12px 0}.hp-game-card.featured h2{font-size:27px;line-height:1}.hp-featured-live-chip{color:#166534;letter-spacing:.2px;background:#ffffffb8;border:1px solid #16a34a29;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-bottom:7px;padding:5px 8px;font-size:10px;font-weight:950;display:inline-flex;box-shadow:0 8px 18px #16a34a14}.hp-featured-live-chip span{background:#22c55e;border-radius:999px;width:7px;height:7px;animation:1.35s ease-out infinite hpLiveDot;box-shadow:0 0 #22c55e80}.hp-game-card.featured .hp-primary-action{text-shadow:0 2px #0f172a3d;background:radial-gradient(circle at 50% 0,#facc154d,#0000 42%),linear-gradient(135deg,#16a34a,#0f766e);border-radius:16px;min-height:56px;font-size:16px;animation:3.1s ease-in-out infinite hp-collection-cta-pulse;box-shadow:0 18px 36px #16a34a42,0 0 28px #facc1529,inset 0 1px #ffffff52}@keyframes hpLobbyCardBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes hpFeaturedBreath{0%,to{transform:translateY(0);box-shadow:0 24px 58px #16a34a2e,0 0 38px #facc1529,inset 0 0 0 1px #facc152e,inset 0 1px #ffffffe6}50%{transform:translateY(-1px);box-shadow:0 28px 66px #16a34a38,0 0 48px #facc1538,inset 0 0 0 1px #22c55e38,inset 0 1px #ffffffeb}}@keyframes hpFeaturedSweep{0%,to{background-position:0 0,0 0,160% 0}50%{background-position:0 0,0 0,-40% 0}}@keyframes hpFeaturedBar{to{background-position:220% 0}}@keyframes hpTopGlowFloat{0%,to{opacity:.66;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1)}}@keyframes hpLiveDot{to{box-shadow:0 0 0 8px #22c55e00}}.hp-game-card.upcoming{background:linear-gradient(#fffffffa,#fff7edf2) padding-box padding-box,linear-gradient(135deg,#f9731694,#facc1570,#0f172a1a) border-box}.hp-game-card.ended{opacity:.76}.hp-card-map{background:var(--hp-map-tile), linear-gradient(135deg, #e7f0e4, #f6edd7 52%, #dbeee9);filter:blur(2.5px)saturate(.86)contrast(.94)brightness(1.08);background-position:50%;background-size:cover,auto;position:absolute;inset:-14px;transform:scale(1.06)}.hp-card-scrim{background:linear-gradient(#ffffff0a,#ffffff2e 48%,#ffffff57);position:absolute;inset:0}.hp-card-content{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:8px;min-height:128px;padding:10px 10px 0;display:grid;position:relative}.hp-game-state-row{z-index:2;justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 0;display:flex;position:relative}.hp-game-state-row span,.hp-game-state-row strong{color:#0f172a9e;background:#ffffffa8;border:2px solid #ffffff9e;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950;box-shadow:0 8px 18px #0f172a0f}.hp-game-state-row span{color:#166534;background:linear-gradient(#dcfce7eb,#bbf7d0b3)}.hp-game-card.upcoming .hp-game-state-row span{color:#c2410c;background:linear-gradient(#ffedd5f0,#fed7aab3)}.hp-card-left{align-content:start;gap:8px;min-width:0;display:grid}.hp-game-card h2{overflow-wrap:anywhere;margin-top:0;font-size:18px;line-height:1.12}.hp-prize-line{gap:4px;min-width:0;margin-top:10px;display:grid}.hp-prize-line span{color:#92400e;text-transform:uppercase;background:#fffbebd1;border:1px solid #facc156b;border-radius:999px;width:fit-content;padding:4px 8px;font-size:9px;font-weight:950}.hp-prize-line strong{color:#111827;font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(16px,4.6vw,20px);font-weight:950;line-height:1.08;display:block}.hp-map-preview{background:#dbeee9;border:2px solid #ffffffc2;border-radius:16px;height:100%;min-height:118px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0f172a14,inset 0 1px #ffffffb8,0 16px 34px #0f172a1f}.hp-map-radar{background:radial-gradient(circle,#16a34a38 0 3px,#0000 4px),radial-gradient(circle,#0000 0 28px,#ffffff47 29px 30px,#0000 31px);border:1px solid #16a34a6b;border-radius:999px;width:72px;height:72px;animation:2.8s ease-out infinite hpLobbyRadar;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #16a34a14}@keyframes hpLobbyRadar{0%{box-shadow:0 0 #22c55e33,0 0 0 14px #16a34a14}to{box-shadow:0 0 0 18px #22c55e00,0 0 0 14px #16a34a14}}.hp-countdown{text-align:center;color:#fff;-webkit-backdrop-filter:blur(12px)saturate(1.18);background:radial-gradient(circle at 50% 0,#ffffff6b,#0000 44%),radial-gradient(circle at 20% 0,#facc156b,#0000 50%),linear-gradient(#78350feb,#451a03eb);border:2px solid #ffffffb8;border-radius:16px;width:auto;min-width:106px;padding:8px 9px 9px;position:absolute;top:8px;right:8px;box-shadow:0 14px 28px #451a0342,0 0 24px #facc1538,inset 0 2px #ffffff2e,inset 0 -3px #0000001f}.hp-countdown.ended{opacity:.82}.hp-countdown small{color:#fde68aeb;letter-spacing:.4px;text-transform:uppercase;text-shadow:0 1px #00000042;font-size:8px;font-weight:950;display:block}.hp-countdown strong{color:#fff;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;text-shadow:0 2px #0000003d,0 0 12px #facc1557;margin-top:4px;font-size:18px;font-weight:950;line-height:1;display:block}.hp-countdown span{color:#ffffffb8;margin-top:3px;font-size:8px;font-weight:900;display:block}.hp-card-actions{z-index:1;margin-top:0;padding:10px;position:relative}.hp-primary-action{text-align:center;text-transform:none;letter-spacing:0;isolation:isolate;place-items:center;width:100%;font-weight:950;line-height:1;display:grid;position:relative;overflow:hidden}.hp-primary-action:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 34%,#ffffff4d 46%,#0000 58% 100%);animation:5.8s ease-in-out infinite hpButtonShine;position:absolute;inset:0;transform:translate(-70%)}.hp-game-card .hp-primary-action{color:#fff;text-shadow:0 2px #0f172a3d;background:radial-gradient(circle at 50% 0,#facc1585,#0000 44%),linear-gradient(#ffffff29,#0000 38%),linear-gradient(135deg,#064e3b,#16a34a 64%,#84cc16);border:2px solid #ffffffb8;border-radius:16px;min-height:52px;font-size:15px;box-shadow:0 18px 34px #16a34a52,0 0 30px #22c55e3d,inset 0 2px #ffffff57,inset 0 -3px #0f172a1f}.hp-game-card .hp-primary-action.disabled,.hp-game-card .hp-primary-action:disabled{color:#fff;cursor:not-allowed;opacity:1;text-shadow:0 2px #92400e57;background:radial-gradient(circle at 50% 0,#ffffff7a,#0000 42%),radial-gradient(circle at 18% 0,#ffffff42,#0000 40%),radial-gradient(circle at 84% 100%,#b4530938,#0000 42%),linear-gradient(#ffffff2e,#0000 36%),linear-gradient(135deg,#f59e0b 0%,#facc15 46%,#fde047 78%,#f59e0b 100%);border-color:#ffffffc7;box-shadow:0 16px 30px #ca8a0447,0 0 32px #facc1557,inset 0 2px #ffffff85,inset 0 -3px #92400e2e}.hp-game-card .hp-primary-action.disabled:before,.hp-game-card .hp-primary-action:disabled:before{opacity:.34;animation-duration:7.5s}@keyframes hpButtonShine{0%,52%{transform:translate(-72%)}82%,to{transform:translate(72%)}}@media (max-width:370px){.hp-card-content{grid-template-columns:1fr}.hp-map-preview{min-height:112px}}.hp-empty{color:#0f172aad;background:radial-gradient(circle at 88% 0,#facc154d,#0000 36%) padding-box padding-box,linear-gradient(#fffffffa,#ecfdf5eb) padding-box padding-box,linear-gradient(135deg,#facc15c2,#22c55e80,#0ea5e93d) border-box;border-radius:22px;justify-items:start;gap:9px;min-height:auto;padding:18px;display:grid}.hp-empty-kicker{color:#fff;text-transform:uppercase;text-shadow:0 2px #0f172a38;background:radial-gradient(circle at 50% 0,#ffffff57,#0000 48%),linear-gradient(#3b82f6,#1d4ed8);border:2px solid #ffffffb8;border-radius:999px;width:fit-content;padding:6px 11px;font-size:10px;font-weight:950;box-shadow:0 10px 18px #1d4ed82e,inset 0 2px #ffffff47}.hp-empty strong{color:#111827;font-size:20px;line-height:1.05}.hp-empty a{color:#fff;text-align:center;text-shadow:0 2px #0f172a40;background:radial-gradient(circle at 50% 0,#facc1561,#0000 42%),linear-gradient(135deg,#14532d,#22c55e 72%,#84cc16);border:1px solid #ffffffb8;border-radius:16px;place-items:center;width:100%;min-height:50px;margin-top:3px;font-size:15px;font-weight:950;display:grid;box-shadow:0 16px 32px #16a34a42,0 0 26px #22c55e2e,inset 0 1px #ffffff57}.hp-server-note{color:#0f172a85;margin-top:12px;font-size:12px;font-weight:750}.hp-profile-screen{isolation:isolate;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 4px) 14px calc(92px + env(safe-area-inset-bottom));color:#102016;font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:radial-gradient(circle at 14% 8%,#ef44442e,#0000 28%),radial-gradient(circle at 84% 18%,#facc152e,#0000 30%),linear-gradient(#f8fafc 0%,#f2f8f0 58%,#f8f6ef 100%);position:relative;overflow-x:hidden}.hp-profile-card,.hp-profile-panel,.hp-profile-stats{background:linear-gradient(#fffffff5,#fff8ebe6) padding-box padding-box,linear-gradient(135deg,#facc15b3,#22c55e6b,#0ea5e947) border-box;border:2px solid #0000;border-radius:20px;width:min(100%,560px);margin-left:auto;margin-right:auto;box-shadow:0 18px 42px #0f172a1a,0 0 26px #facc151f,inset 0 1px #ffffffe6}.hp-profile-card{background:radial-gradient(circle at 88% 0,#facc1547,#0000 34%) padding-box padding-box,linear-gradient(135deg,#fffffffa,#ecfdf5e0) padding-box padding-box,linear-gradient(135deg,#facc15c7,#22c55e85,#0ea5e952) border-box;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid;position:relative;overflow:hidden}.hp-profile-card:before{content:"";pointer-events:none;opacity:.56;background:linear-gradient(115deg,#ffffff57,#0000 22% 74%,#fff3),radial-gradient(circle at 18px 18px,#0f172a0d 1px,#0000 1.5px) 0 0/20px 20px;position:absolute;inset:0}.hp-profile-top-actions{justify-content:flex-end;width:min(100%,560px);margin:0 auto 2px;display:flex}.hp-profile-settings-button{z-index:3;color:#1f2937;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffffb8,#f1f5f96b);border:1px solid #0f172a1f;border-radius:13px;place-items:center;width:44px;height:44px;transition:transform .12s,box-shadow .12s,filter .12s;display:grid;position:relative;transform:translateZ(0);box-shadow:0 12px 22px #0f172a1a,0 0 14px #0ea5e91a,inset 0 2px #ffffffa3,inset 0 -2px #0f172a14}.hp-profile-settings-button:before{content:"";opacity:.48;pointer-events:none;background:linear-gradient(135deg,#ffffff6b,#0000 58%);border-radius:10px;position:absolute;inset:5px}.hp-profile-settings-button:after{content:"";opacity:.72;pointer-events:none;filter:blur(8px);z-index:-1;background:radial-gradient(circle,#0ea5e91f,#0000 70%);border-radius:18px;position:absolute;inset:-5px}.hp-profile-settings-button svg{z-index:1;fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #ffffffad)drop-shadow(0 2px 3px #0f172a29);width:24px;height:24px;position:relative}.hp-profile-settings-button:active{filter:saturate(1.08);transform:translateY(2px)scale(.94);box-shadow:0 7px 13px #0f172a24,0 0 18px #0ea5e924,inset 0 2px 5px #0f172a1f,inset 0 -1px #ffffff6b}.hp-profile-identity{z-index:1;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.hp-profile-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative}.hp-profile-avatar-label{color:#fff;white-space:nowrap;background:#111827;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:950;line-height:1;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hp-profile-kicker{color:#166534;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px #ffffffc7;margin-bottom:3px;font-size:11px;font-weight:950;display:block}.hp-profile-card h1{color:#0f172a;text-shadow:0 2px #ffffffb8;font-size:25px;font-weight:950;line-height:1.1}.hp-profile-card p{color:#0f172aa3;margin-top:4px;font-size:13px;font-weight:780}.hp-profile-level{z-index:1;white-space:nowrap;color:#78350f;background:radial-gradient(circle at 50% 0,#facc154d,#0000 46%),linear-gradient(#ffffffa8,#fef3c757);border:2px solid #facc1594;border-radius:16px;justify-items:end;gap:3px;padding:10px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 26px #b453091a,0 0 26px #facc1557,inset 0 2px #ffffffa3,inset 0 -2px #b4530914}.hp-profile-level:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#ffffffd6 48%,#0000 100%);width:72%;animation:2.8s ease-in-out infinite hpGoldSweep;position:absolute;inset:-45% auto -45% -90%;transform:rotate(18deg)}@keyframes hpGoldSweep{0%,42%{opacity:0;translate:0}56%{opacity:.88}to{opacity:0;translate:260%}}.hp-profile-level span{z-index:1;color:#78350fb8;text-transform:uppercase;text-shadow:0 1px #ffffffad;font-size:11px;font-weight:950;position:relative}.hp-profile-level strong{z-index:1;text-shadow:0 1px #ffffffc7;font-size:17px;font-weight:950;position:relative}.hp-profile-progress{z-index:1;grid-column:1/-1;gap:6px;display:grid;position:relative}.hp-profile-progress div{background:#0f172a14;border-radius:999px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.hp-profile-progress div span{border-radius:inherit;background:linear-gradient(90deg,#16a34a,#facc15);min-width:8px;height:100%;display:block}.hp-profile-progress.collection div span{background:linear-gradient(90deg,#0ea5e9,#22c55e)}.hp-profile-progress p{color:#0f172a85;text-align:right;margin:0;font-size:11px;font-weight:900}.hp-profile-stats{background:#0f172a1a;margin-top:12px}.hp-profile-panel{gap:12px;margin-top:12px;padding:16px;display:grid}.hp-settings-panel{background:radial-gradient(circle at 12% 0,#facc153d,#0000 42%) padding-box padding-box,linear-gradient(#fffffff5,#fff8ebe0) padding-box padding-box,linear-gradient(135deg,#facc159e,#22c55e61,#0ea5e933) border-box;border:2px solid #0000;border-radius:20px;width:min(100%,560px);margin-left:auto;margin-right:auto;box-shadow:0 16px 34px #0f172a14,0 0 24px #facc151a,inset 0 1px #ffffffe6}.hp-settings-backdrop{z-index:1300;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 18px);-webkit-backdrop-filter:blur(8px);background:#0f172a47;place-items:center;display:grid;position:fixed;inset:0}.hp-settings-sheet{background:radial-gradient(circle at 12% 0,#facc153d,#0000 42%) padding-box padding-box,linear-gradient(#fffffffa,#fff8ebf0) padding-box padding-box,linear-gradient(135deg,#facc15b8,#22c55e6b,#0ea5e938) border-box;border:2px solid #0000;border-radius:24px;gap:12px;width:min(100%,560px);margin:auto;padding:16px;display:grid;box-shadow:0 24px 56px #0f172a38,0 0 28px #facc151f,inset 0 1px #ffffffeb}.hp-settings-grabber{display:none}.hp-settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.hp-settings-head h2{color:#0f172a;font-size:22px;font-weight:950;line-height:1.05}.hp-settings-head span{color:#0f172a8f;margin-top:4px;font-size:12px;font-weight:850;display:none}.hp-settings-head button{color:#0f172a;background:#ffffffc7;border:1px solid #0f172a1a;border-radius:999px;place-items:center;width:34px;height:34px;font-size:22px;font-weight:900;display:grid}.hp-settings-block{gap:8px;display:grid}.hp-settings-block>strong{color:#0f172a;font-size:14px;font-weight:950}.hp-settings-language{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hp-settings-language span{color:#0f172a9e;background:#ffffffad;border:1px solid #0f172a14;border-radius:12px;place-items:center;min-height:34px;font-size:12px;font-weight:950;display:grid;box-shadow:inset 0 1px #ffffffbd}.hp-settings-language span.active{color:#fff;text-shadow:0 2px #0f172a38;background:radial-gradient(circle at 50% 0,#facc156b,#0000 44%),linear-gradient(135deg,#14532d,#22c55e 70%,#84cc16);border-color:#ffffffb8;box-shadow:0 12px 22px #16a34a33,inset 0 2px #ffffff4d}.hp-settings-select{gap:7px;display:grid}.hp-settings-select span{color:#166534;text-transform:uppercase;font-size:9px;font-weight:950}.hp-settings-select select{color:#0f172a;background:radial-gradient(circle at 50% 0,#facc152e,#0000 44%),linear-gradient(#fffffffa,#fff8ebeb);border:2px solid #ffffffc2;border-radius:15px;outline:none;width:100%;min-height:48px;padding:0 12px;font-size:14px;font-weight:950;box-shadow:inset 0 1px #ffffffc7,0 8px 16px #0f172a0f}.hp-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.hp-settings-grid div{background:radial-gradient(circle at 12% 0,#facc1524,#0000 40%),#ffffffbd;border:1px solid #facc1533;border-radius:16px;gap:4px;min-width:0;padding:11px;display:grid;box-shadow:inset 0 1px #ffffffc7,0 9px 18px #0f172a0d}.hp-settings-grid span{color:#166534;text-transform:uppercase;font-size:9px;font-weight:950}.hp-settings-grid strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;line-height:1.1;overflow:hidden}.hp-settings-grid small{color:#0f172a85;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;overflow:hidden}.hp-settings-toggle-list{gap:9px;display:grid}.hp-settings-toggle-list button{color:#0f172a;background:radial-gradient(circle at 10% 0,#facc151f,#0000 40%),#ffffffb8;border:1px solid #0f172a14;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:10px 11px;display:flex;box-shadow:inset 0 1px #ffffffc7,0 9px 18px #0f172a0d}.hp-settings-toggle-list span{font-size:13px;font-weight:950}.hp-settings-toggle-list strong{color:#0f172a94;text-align:center;background:#0f172a14;border-radius:999px;min-width:54px;padding:7px 9px;font-size:11px;font-weight:950}.hp-settings-toggle-list button.active strong{color:#fff;text-shadow:0 1px #0f172a38;background:radial-gradient(circle at 50% 0,#facc1552,#0000 44%),linear-gradient(135deg,#14532d,#22c55e);box-shadow:0 8px 16px #16a34a24}.hp-profile-badges-panel{width:min(100%,560px);margin:18px auto 0}.hp-badge-locked-cover.standalone{min-height:138px;margin-top:10px}.hp-badge-grid.legendary-flat{margin-top:10px}.hp-profile-panel.claims{margin-top:24px}.hp-badges-screen .hp-profile-panel{margin-top:0}.hp-play-ended{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 20px);background:radial-gradient(circle at 18% 12%,#facc1538,#0000 30%),radial-gradient(circle at 84% 18%,#22c55e33,#0000 28%),linear-gradient(#f8fafc,#f6f3e8);place-items:center;display:grid}.hp-play-loading{background:radial-gradient(circle at 50% 16%,#facc152e,#0000 32%),radial-gradient(circle at 78% 84%,#22c55e1f,#0000 30%),linear-gradient(#fff 0%,#fff7dd 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.hp-play-loading img,.hp-profile-loading img{object-fit:contain;width:min(300px,72vw);height:auto;animation:1.4s ease-in-out infinite hpRouteLogoPulse}@keyframes hpRouteLogoPulse{0%,to{opacity:.86;transform:translateY(0)scale(.985)}50%{opacity:1;transform:translateY(-2px)scale(1)}}.hp-profile-loading{background:radial-gradient(circle at 22% 10%,#facc152e,#0000 28%),radial-gradient(circle at 82% 88%,#22c55e1f,#0000 32%),linear-gradient(#fff 0%,#fff7dd 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.hp-play-ended section{text-align:center;background:linear-gradient(#fffffff5,#fffbebeb) padding-box padding-box,linear-gradient(135deg,#facc15b3,#22c55e70,#0ea5e938) border-box;border:1px solid #0000;border-radius:18px;width:min(100%,420px);padding:22px;box-shadow:0 24px 54px #0f172a24,inset 0 1px #ffffffdb}.hp-play-ended span{color:#16a34a;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:950}.hp-play-ended h1{color:#111827;margin-top:8px;font-size:30px;line-height:1}.hp-play-ended p{color:#0f172aa3;margin:10px auto 0;font-size:14px;font-weight:760;line-height:1.45}.hp-play-ended a{color:#fff;background:linear-gradient(135deg,#14532d,#22c55e);border-radius:14px;place-items:center;min-height:52px;margin-top:18px;font-size:14px;font-weight:950;display:grid;box-shadow:0 16px 30px #16a34a42}.hp-profile-panel.compact{gap:10px}.hp-profile-note{width:min(100%,560px);margin:8px auto 0;padding:0 2px}.hp-profile-section-title{justify-content:space-between;align-items:end;gap:10px;display:flex}.hp-profile-section-title h2{color:#92400e;text-transform:uppercase;text-shadow:0 1px #ffffffd1;background:radial-gradient(circle at 50% 0,#ffffff70,#0000 48%),linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #facc1575;border-radius:999px;width:fit-content;padding:8px 16px;font-size:15px;font-weight:950;line-height:1.1;box-shadow:0 9px 18px #92400e1a,inset 0 2px #ffffffa3}.hp-profile-panel.claims .hp-profile-section-title{align-items:center;margin:-34px 6px 12px;position:relative}.hp-profile-panel.claims .hp-profile-section-title:before{z-index:0;content:"";background:linear-gradient(90deg,#0000,#facc15b3,#0000);height:2px;position:absolute;top:50%;left:0;right:0}.hp-profile-panel.claims .hp-profile-section-title h2,.hp-profile-panel.claims .hp-profile-section-title span{z-index:1;position:relative}.hp-profile-section-title span{color:#0f172aa3;background:linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #ffffffb8;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;box-shadow:0 8px 16px #0f172a14}.hp-profile-panel label,.hp-profile-edit-row label span{color:#0f172ab8;text-transform:uppercase;font-size:12px;font-weight:950}.hp-profile-edit-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.hp-profile-edit-row label{gap:7px;display:grid}.hp-profile-panel select{color:#111827;background:#fffffff0;border:1px solid #0f172a1f;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 12px}.hp-profile-panel .hp-auth-submit{min-width:118px;padding-left:16px;padding-right:16px}.hp-claim-list{gap:10px;display:grid}.hp-claim-featured{background:radial-gradient(circle at 88% 0,#facc1557,#0000 38%) padding-box padding-box,linear-gradient(135deg,#fffbebf5,#fffffff0) padding-box padding-box,linear-gradient(135deg,#facc15,#ffffffb8,#f97316) border-box;border:2px solid #0000;border-radius:18px;gap:12px;padding:15px;display:grid;box-shadow:0 16px 34px #92400e1f,0 0 22px #facc1529,inset 0 1px #ffffffdb}.hp-claim-featured div:first-child{gap:4px;display:grid}.hp-claim-featured div:first-child span{color:#fff;text-transform:uppercase;text-shadow:0 1px #0f172a3d;background:linear-gradient(#facc15,#f97316);border-radius:999px;width:fit-content;padding:5px 9px;font-size:10px;font-weight:950}.hp-claim-featured div:first-child strong{color:#111827;overflow-wrap:anywhere;text-shadow:0 2px #ffffffb8;font-size:21px;font-weight:950;line-height:1.05}.hp-claim-item{background:radial-gradient(circle at 12% 0,#facc152e,#0000 42%),linear-gradient(135deg,#fffbebdb,#fffffff0);border:1px solid #facc1542;border-radius:16px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffffc7,0 8px 18px #0f172a0d}.hp-claim-prize{gap:3px;min-width:0;display:grid}.hp-claim-prize span{color:#d97706;font-size:10px;font-weight:950}.hp-claim-prize strong{color:#111827;font-size:15px;font-weight:950;line-height:1.15}.hp-claim-meta{flex-wrap:wrap;gap:6px;display:flex}.hp-claim-meta span{color:#78350fb8;background:#ffffffb8;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;box-shadow:inset 0 1px #ffffffc7}.hp-profile-signout{color:#fff7ed;letter-spacing:.2px;text-shadow:0 2px #00000047;cursor:pointer;background:radial-gradient(circle at 50% 0,#facc152e,#0000 44%),linear-gradient(135deg,#0f172af5,#1e293bf5);border:2px solid #facc1557;border-radius:20px;place-items:center;width:min(100%,560px);min-height:56px;margin:16px auto 0;font-size:15px;font-weight:950;display:grid;box-shadow:0 18px 34px #0f172a2e,0 0 24px #facc151a,inset 0 2px #ffffff29,inset 0 -3px #00000038}.hp-badge-category-list{gap:18px;display:grid}.hp-badge-category{--hp-rarity-color:#22c55e;--hp-rarity-glow:#22c55e42;background:linear-gradient(180deg, #fffffff0, #f7f9f5e6) padding-box, linear-gradient(135deg, var(--hp-rarity-color), #ffffffbd, var(--hp-rarity-color)) border-box;box-shadow:0 18px 42px #0f172a17, 0 0 28px var(--hp-rarity-glow), inset 0 1px 0 #ffffffe0;border:2px solid #0000;border-radius:20px;padding:18px 10px 12px;position:relative}.hp-badge-category.locked{filter:saturate(.78)}.hp-badge-category-head{justify-content:space-between;align-items:center;gap:12px;margin:-30px 6px 16px;display:flex}.hp-badge-category-head div{gap:2px;display:grid}.hp-badge-category-head strong{background:radial-gradient(circle at 50% 0%, #ffffff61, transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--hp-rarity-color) 84%, white), var(--hp-rarity-color));color:#fff;text-transform:uppercase;text-shadow:0 2px #0f172a3d;min-width:90px;box-shadow:0 9px 18px var(--hp-rarity-glow), inset 0 2px 0 #ffffff61, inset 0 -3px 0 #0f172a24;border:2px solid #ffffffb8;border-radius:999px;place-items:center;padding:6px 12px;font-size:12px;font-weight:950;line-height:1;display:inline-grid}.hp-badge-category-head span{color:#0f172a85;font-size:9px;font-weight:900}.hp-badge-category-head small{min-width:44px;color:color-mix(in srgb, var(--hp-rarity-color) 76%, #111827);text-align:center;box-shadow:0 9px 18px #0f172a1a, 0 0 16px var(--hp-rarity-glow);background:linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #ffffffb8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950}.hp-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.hp-badge-subgroup-list{gap:18px;display:grid}.hp-badge-subgroup{border:1px solid color-mix(in srgb, var(--hp-rarity-color) 44%, #0f172a14);background:radial-gradient(circle at 50% 0%, var(--hp-rarity-glow), transparent 44%), #ffffff9e;border-radius:18px;gap:12px;padding:22px 8px 10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd6,0 10px 20px #0f172a0f}.hp-badge-subgroup-ribbon{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:inline-flex;position:absolute;top:-14px;left:12px;right:12px}.hp-badge-subgroup-ribbon strong{background:radial-gradient(circle at 50% 0%, #ffffff61, transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--hp-rarity-color) 84%, white), var(--hp-rarity-color));color:#fff;text-shadow:0 2px #0f172a3d;text-transform:uppercase;min-width:86px;box-shadow:0 9px 18px var(--hp-rarity-glow), inset 0 2px 0 #ffffff61, inset 0 -3px 0 #0f172a24;border:2px solid #ffffffb8;border-radius:999px;place-items:center;padding:5px 10px 6px;font-size:11px;font-weight:950;line-height:1;display:inline-grid}.hp-badge-subgroup-ribbon span{color:color-mix(in srgb, var(--hp-rarity-color) 76%, #111827);box-shadow:0 9px 18px #0f172a1a, 0 0 16px var(--hp-rarity-glow);background:linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #ffffffb8;border-radius:999px;padding:5px 8px 6px;font-size:10px;font-weight:950;line-height:1}.hp-badge-subgroup.locked .hp-badge-subgroup-ribbon{filter:grayscale(.2)saturate(.76)}.hp-badge-locked-cover{border:1px dashed color-mix(in srgb, var(--hp-rarity-color) 42%, #0f172a2e);background:radial-gradient(circle at 50% 0%, var(--hp-rarity-glow), transparent 48%), linear-gradient(180deg, #ffffffb8, #e2e8f080);color:#0f172a8a;text-align:center;filter:saturate(.76);border-radius:16px;align-content:center;place-items:center;min-height:98px;display:grid}.hp-badge-locked-cover div{width:auto;height:auto;color:color-mix(in srgb, var(--hp-rarity-color) 72%, #111827);filter:drop-shadow(0 8px 14px var(--hp-rarity-glow));place-items:center;font-size:34px;font-weight:950;display:grid}.hp-badge-card{color:#0f172a85;filter:grayscale();min-width:0;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;justify-items:center;gap:3px;padding:2px 2px 0;display:grid}.hp-badge-card.unlocked{color:#14532d;filter:none}.hp-badge-card.locked{opacity:.66}.hp-badge-card.slot{align-content:center;min-height:108px}.hp-badge-slot-medal{color:#0f172a57;background:radial-gradient(circle at 35% 25%,#ffffffbd,#0000 28%),linear-gradient(145deg,#e2e8f0f0,#94a3b8cc);border:2px solid #0f172a1a;border-radius:50%;place-items:center;width:74px;height:74px;font-size:18px;font-weight:950;display:grid;box-shadow:inset 0 2px #ffffff9e,0 9px 18px #0f172a14}.hp-badge-medal{color:#0f172a7a;background:radial-gradient(circle at 35% 25%,#ffffffd1,#0000 28%),linear-gradient(135deg,#e5e7eb,#f8fafc);border:1px solid #0f172a1f;border-radius:50%;place-items:center;width:min(30vw,112px);height:min(30vw,112px);font-size:28px;font-style:normal;font-weight:950;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 12px 24px #0f172a14}.hp-badge-medal svg{width:100%;height:100%;overflow:visible}.hp-badge-medal.image{box-shadow:none;background:0 0;border:0}.hp-badge-medal.image:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle, #ffffff8f 0 18%, transparent 48%), radial-gradient(circle, var(--hp-rarity-glow) 0 42%, transparent 74%);filter:blur(8px);opacity:.86;border-radius:50%;display:none;position:absolute;inset:12%}.hp-badge-medal.image img{z-index:1;object-fit:contain;width:100%;height:100%;position:relative;transform:none}.hp-badge-medal-ring,.hp-badge-medal-inner{fill:none;stroke:currentColor;stroke-width:2.5px;opacity:.34}.hp-badge-medal-inner{opacity:.16}.hp-badge-card.unlocked .hp-badge-medal,.hp-badge-medal.unlocked{color:#111827;background:radial-gradient(circle at 35% 25%,#ffffffd6,#0000 28%),linear-gradient(135deg,#facc15,#22c55e);border-color:#facc1575;box-shadow:inset 0 1px #ffffffc7,0 14px 30px #22c55e29}.hp-badge-card.unlocked .hp-badge-medal.image,.hp-badge-medal.image.unlocked{box-shadow:none;filter:none;background:0 0;border:0}.hp-badge-card.unlocked .hp-badge-medal.image:before,.hp-badge-medal.image.unlocked:before{display:block}.hp-badge-copy{justify-items:center;gap:3px;min-width:0;display:grid}.hp-badge-card strong{color:#111827;opacity:.86;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:10px;line-height:1.1;overflow:hidden}.hp-badge-card small{color:#0f172a8a;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:min(100%,124px);font-size:8.5px;font-weight:750;line-height:1.15;display:-webkit-box;overflow:hidden}.hp-badge-card.unlocked small{color:#14532dad}.hp-badge-progress{display:none}.hp-badge-progress span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15);min-width:0;height:100%;display:block}.hp-badge-card.locked .hp-badge-progress span{background:#0f172a3d}.hp-badge-card em{display:none}.hp-badge-card.unlocked em{color:#166534}.hp-badge-unlock-backdrop{z-index:80;background:radial-gradient(circle at 50% 42%, #ffffff47, transparent 18%), radial-gradient(circle at 50% 45%, var(--hp-rarity-glow,#facc1552), transparent 42%), #0f172a94;-webkit-backdrop-filter:blur(10px)saturate(1.12);place-items:center;padding:22px;animation:.24s both hpBadgeUnlockBackdrop;display:grid;position:fixed;inset:0}.hp-badge-unlock-card{border:2px solid color-mix(in srgb, var(--hp-rarity-color,#facc15) 48%, #ffffffbd);width:min(360px,100%);box-shadow:0 28px 74px #0f172a57, 0 0 42px var(--hp-rarity-glow,#facc1557), inset 0 2px 0 #ffffffeb;text-align:center;transform-style:preserve-3d;background:radial-gradient(circle at 50% 0,#fffffff5,#0000 32%),linear-gradient(#fffffff2,#fff7ede6);border-radius:28px;justify-items:center;gap:10px;padding:22px 20px 18px;animation:.52s cubic-bezier(.18,.9,.25,1.15) both hpBadgeUnlockCardIn;display:grid;position:relative;overflow:hidden}.hp-badge-unlock-card:before{content:"";pointer-events:none;background:conic-gradient(from 22deg, transparent, #ffffffd6, transparent 22%, transparent 100%), radial-gradient(circle, var(--hp-rarity-glow,#facc153d), transparent 58%);opacity:.68;animation:4.2s linear infinite hpBadgeUnlockShine;position:absolute;inset:-40% -18%}.hp-badge-unlock-card>*{z-index:1;position:relative}.hp-badge-unlock-card>span{border:1px solid color-mix(in srgb, var(--hp-rarity-color,#facc15) 48%, #ffffffd1);background:linear-gradient(180deg, color-mix(in srgb, var(--hp-rarity-color,#facc15) 30%, white), #ffffffad);color:#172033;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 16px color-mix(in srgb, var(--hp-rarity-glow,#facc153d) 72%, transparent);border-radius:999px;padding:6px 13px;font-size:11px;font-weight:950}.hp-badge-unlock-medal{perspective:900px;place-items:center;width:min(48vw,174px);height:min(48vw,174px);display:grid}.hp-badge-unlock-medal .hp-badge-medal{width:100%;height:100%;filter:drop-shadow(0 18px 22px #0f172a3d) drop-shadow(0 0 26px var(--hp-rarity-glow,#facc155c));transform-style:preserve-3d;will-change:transform;animation:4.6s ease-in-out infinite hpBadgeUnlockFlip}.hp-badge-unlock-medal .hp-badge-medal.image:before{filter:blur(13px);opacity:.95;display:block;inset:7%}.hp-badge-unlock-card h2{color:#111827;text-shadow:0 2px #ffffffbd;margin:0;font-size:26px;line-height:1}.hp-badge-unlock-card p{color:#0f172aad;max-width:260px;margin:0;font-size:13px;font-weight:800;line-height:1.28}.hp-badge-unlock-card button{color:#fff;cursor:pointer;background:linear-gradient(#facc15,#f97316);border:0;border-radius:14px;min-height:40px;padding:0 18px;font-weight:950;box-shadow:0 12px 22px #f9731642,inset 0 1px #ffffff6b}.hp-collectible-unlock-backdrop{z-index:1000;min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--hp-rarity-color,#64748b) 22%, transparent), transparent 34%), radial-gradient(circle at 50% 48%, #ffffff42, transparent 18%), #0f172a99;-webkit-backdrop-filter:blur(10px)saturate(1.14);justify-content:center;align-items:center;animation:.24s both hpBadgeUnlockBackdrop;display:flex;position:fixed;inset:0}.hp-collectible-unlock-card{width:min(354px,100%);max-height:calc(100dvh - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:2px solid color-mix(in srgb, var(--hp-rarity-color,#64748b) 50%, #ffffffc2);box-shadow:0 28px 74px #0f172a57, 0 0 44px color-mix(in srgb, var(--hp-rarity-color,#64748b) 22%, transparent), inset 0 2px 0 #ffffffeb;text-align:center;transform-style:preserve-3d;background:radial-gradient(circle at 50% 0,#fffffff5,#0000 32%),linear-gradient(#fffffff5,#f8fafce6);border-radius:28px;justify-items:center;gap:10px;padding:22px 20px 18px;animation:.52s cubic-bezier(.18,.9,.25,1.15) both hpBadgeUnlockCardIn;display:grid;position:relative;overflow:hidden}.hp-collectible-unlock-card:before{content:"";pointer-events:none;background:conic-gradient(from 18deg, transparent, #ffffffd1, transparent 20%, transparent 100%), radial-gradient(circle, color-mix(in srgb, var(--hp-rarity-color,#64748b) 20%, transparent), transparent 58%);opacity:.7;animation:4.8s linear infinite hpBadgeUnlockShine;position:absolute;inset:-42% -20%}.hp-collectible-unlock-card>*{z-index:1;position:relative}.hp-collectible-unlock-card>span{border:1px solid color-mix(in srgb, var(--hp-rarity-color,#64748b) 44%, #ffffffd1);background:linear-gradient(180deg, color-mix(in srgb, var(--hp-rarity-color,#64748b) 24%, white), #ffffffb3);color:#172033;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 16px color-mix(in srgb, var(--hp-rarity-color,#64748b) 22%, transparent);border-radius:999px;padding:6px 13px;font-size:11px;font-weight:950}.hp-collectible-unlock-piece{isolation:isolate;place-items:center;width:min(52vw,186px);height:min(52vw,186px);animation:4.8s ease-in-out infinite hpCollectibleShowcaseFloat;display:grid;position:relative}.hp-collectible-unlock-piece:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--hp-rarity-color,#64748b) 35%, #ffffffb8), transparent 58%), radial-gradient(circle at 50% 56%, #ffffffad, transparent 46%);filter:blur(16px);opacity:.82;border-radius:999px;animation:4.8s ease-in-out infinite hpCollectibleAuraBreath;position:absolute;inset:12% 8% 4%}.hp-collectible-unlock-piece:after{display:none}.hp-collectible-unlock-piece img,.hp-collectible-unlock-piece b{z-index:1;object-fit:contain;will-change:transform, filter;width:100%;height:100%;filter:drop-shadow(0 18px 22px #0f172a3d) drop-shadow(0 0 24px color-mix(in srgb, var(--hp-rarity-color,#64748b) 30%, transparent));display:block;position:relative}.hp-collectible-unlock-piece b{background:linear-gradient(145deg, var(--hp-rarity-color,#64748b), color-mix(in srgb, var(--hp-rarity-color,#64748b) 58%, #111827));color:#fff;border-radius:999px;place-items:center;font-size:76px;font-weight:950;display:grid}.hp-collectible-unlock-card h2{color:#111827;text-shadow:0 2px #ffffffbd;margin:0;font-size:25px;line-height:1}.hp-collectible-unlock-card p{color:#0f172aad;margin:0;font-size:13px;font-weight:900}.hp-collection-piece-description,.hp-collection-piece-history{color:#0f172aa8;max-width:30ch;font-size:12px;font-weight:750;line-height:1.42;display:block}.hp-collection-piece-history{color:color-mix(in srgb, var(--hp-rarity-color,#64748b) 76%, #111827);font-weight:900}.hp-collectible-unlock-card button{background:linear-gradient(180deg, color-mix(in srgb, var(--hp-rarity-color,#64748b) 72%, #fff), var(--hp-rarity-color,#64748b));color:#fff;cursor:pointer;min-height:40px;box-shadow:0 12px 22px color-mix(in srgb, var(--hp-rarity-color,#64748b) 28%, transparent), inset 0 1px 0 #ffffff6b;border:0;border-radius:14px;padding:0 18px;font-weight:950}@keyframes hpBadgeUnlockBackdrop{0%{opacity:0}to{opacity:1}}@keyframes hpBadgeUnlockCardIn{0%{opacity:0;transform:translateY(18px)scale(.88)rotateX(12deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(0)}}@keyframes hpBadgeUnlockFlip{0%,to{transform:rotateY(-7deg)rotate(-.6deg)scale(1)}45%{transform:rotateY(7deg)rotate(.6deg)scale(1.025)}62%{transform:rotateY(2deg)rotate(0)scale(1.015)}}@keyframes hpBadgeUnlockShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hpCollectibleShowcaseFloat{0%,to{transform:translateY(0)scale(1)}48%{transform:translateY(-5px)scale(1.025)}}@keyframes hpCollectibleAuraBreath{0%,to{opacity:.72;transform:scale(.96)}48%{opacity:.95;transform:scale(1.06)}}@keyframes hpCollectibleObjectShine{0%,34%{opacity:0;transform:translate(-58%)skew(-10deg)}48%{opacity:.72}68%,to{opacity:0;transform:translate(58%)skew(-10deg)}}.hp-profile-empty{color:#0f172a8f;text-align:center;background:#ffffff94;border:1px dashed #0f172a29;border-radius:8px;padding:14px;font-size:13px;font-weight:850}@media (max-width:390px){.hp-profile-card,.hp-profile-edit-row{grid-template-columns:1fr}.hp-profile-xp{justify-self:start}.hp-profile-level{justify-self:start;justify-items:start}}.hp-ranking-screen{isolation:isolate;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(92px + env(safe-area-inset-bottom));color:#102016;font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:radial-gradient(circle at 14% 8%,#ef44442e,#0000 28%),radial-gradient(circle at 84% 18%,#facc152e,#0000 30%),linear-gradient(#f8fafc 0%,#f2f8f0 58%,#f8f6ef 100%);position:relative;overflow-x:hidden}.hp-ranking-hero,.hp-ranking-tabs,.hp-ranking-city-control,.hp-ranking-me-card,.hp-ranking-podium,.hp-ranking-list-panel,.hp-ranking-note,.hp-ranking-empty{width:min(100%,560px);margin-left:auto;margin-right:auto}.hp-ranking-hero{background:radial-gradient(circle at 12% 0,#facc154d,#0000 42%) padding-box padding-box,radial-gradient(circle at 100% 20%,#22c55e33,#0000 38%) padding-box padding-box,linear-gradient(#fffffff5,#fff8ebe0) padding-box padding-box,linear-gradient(135deg,#facc15c7,#22c55e7a,#0ea5e942) border-box;border:2px solid #0000;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a1a,0 0 28px #facc1524,inset 0 1px #ffffffe6}.hp-ranking-hero:before{content:"";pointer-events:none;opacity:.56;background:linear-gradient(115deg,#0000 0 36%,#ffffff52 48%,#0000 58% 100%),radial-gradient(circle at 18px 16px,#0f172a0d 1px,#0000 1.5px) 0 0/18px 18px;position:absolute;inset:0}.hp-ranking-hero>*{z-index:1;position:relative}.hp-ranking-hero span{color:#166534;text-transform:uppercase;background:#16a34a1a;border-radius:999px;width:fit-content;margin-bottom:7px;padding:4px 8px;font-size:9px;font-weight:950;display:inline-grid}.hp-ranking-hero h1{color:#0f172a;text-shadow:0 1px #ffffffbd;font-size:26px;font-weight:950;line-height:1.05}.hp-ranking-hero p{color:#0f172a94;margin-top:5px;font-size:13px;font-weight:800}.hp-ranking-rank{color:#fff;background:radial-gradient(circle at 50% 0,#ffffff75,#0000 44%),linear-gradient(135deg,#f59e0b,#facc15 58%,#fde047);border:2px solid #ffffffc7;border-radius:18px;justify-items:center;gap:4px;min-width:86px;padding:12px 11px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 30px #ca8a0442,0 0 28px #facc1547,inset 0 2px #ffffff75,inset 0 -3px #92400e2e}.hp-ranking-rank:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 34%,#ffffff57 46%,#0000 58% 100%);animation:6.2s ease-in-out infinite hpButtonShine;position:absolute;inset:0;transform:translate(-68%)}.hp-ranking-rank span{z-index:1;color:#ffffffe0;text-shadow:0 1px #78350f38;background:0 0;margin:0;position:relative}.hp-ranking-rank strong{z-index:1;text-shadow:0 2px #78350f57;font-size:25px;font-weight:950;line-height:1;position:relative}.hp-ranking-tabs{background:radial-gradient(circle at 12% 0,#facc1529,#0000 42%),#ffffffb8;border:2px solid #ffffffb8;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;padding:7px;display:grid;box-shadow:0 14px 28px #0f172a14,inset 0 1px #ffffffd1}.hp-ranking-tabs button{color:#0f172a9e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff8f;border:1px solid #0f172a0f;border-radius:13px;min-width:0;min-height:44px;font-size:12px;font-weight:950;box-shadow:inset 0 1px #ffffffb3}.hp-ranking-tabs button.active{color:#fff;text-shadow:0 2px #0f172a38;background:radial-gradient(circle at 50% 0,#facc156b,#0000 44%),linear-gradient(135deg,#14532d,#22c55e 70%,#84cc16);box-shadow:0 12px 22px #16a34a33,0 0 22px #22c55e24,inset 0 2px #ffffff4d}.hp-ranking-city-control{background:radial-gradient(circle at 12% 0,#facc153d,#0000 42%) padding-box padding-box,linear-gradient(#fffffff5,#fff8ebdb) padding-box padding-box,linear-gradient(135deg,#facc15b3,#22c55e66,#0ea5e938) border-box;border:2px solid #0000;border-radius:18px;margin-top:10px;padding:10px 11px;box-shadow:0 14px 28px #0f172a14,0 0 22px #facc151a,inset 0 1px #ffffffe0}.hp-ranking-city-control label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.hp-ranking-city-control span{color:#166534;text-transform:uppercase;background:#16a34a1a;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950}.hp-ranking-city-control select{color:#0f172a;background:linear-gradient(#fffffffa,#fff8ebeb);border:2px solid #ffffffc2;border-radius:14px;outline:none;width:100%;min-height:44px;padding:0 12px;font-weight:950;box-shadow:inset 0 1px #ffffffc7,0 8px 16px #0f172a0f}.hp-ranking-me-card{background:#0f172a14;border:2px solid #ffffffb8;border-radius:18px;margin-top:10px;box-shadow:0 16px 32px #0f172a14,0 0 24px #facc151a,inset 0 1px #ffffffdb}.hp-ranking-me-card div{background:radial-gradient(circle at 50% 0,#facc1538,#0000 54%),linear-gradient(#fffffff0,#fff8ebd6)}.hp-ranking-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:9px;margin-top:16px;display:grid}.hp-podium-card{background:radial-gradient(circle at 50% 0,#94a3b82e,#0000 46%) padding-box padding-box,linear-gradient(#fffffff5,#f8fafce0) padding-box padding-box,linear-gradient(135deg,#94a3b88a,#ffffffc7,#94a3b857) border-box;border:2px solid #0000;border-radius:18px;justify-items:center;gap:5px;min-width:0;min-height:158px;padding:14px 8px 12px;display:grid;position:relative;box-shadow:0 15px 34px #0f172a14,0 0 20px #94a3b81a,inset 0 1px #ffffffdb}.hp-podium-card.rank-1{background:radial-gradient(circle at 50% 0,#facc1557,#0000 46%) padding-box padding-box,linear-gradient(#fffbebfa,#fffffff0) padding-box padding-box,linear-gradient(135deg,#facc15,#ffffffc7,#f97316) border-box;order:2;min-height:194px;box-shadow:0 20px 42px #ca8a0429,0 0 30px #facc1533,inset 0 1px #ffffffe6}.hp-podium-card.rank-2{order:1}.hp-podium-card.rank-3{order:3}.hp-podium-card.me,.hp-ranking-row.me{border-color:#16a34a61;box-shadow:0 14px 30px #16a34a1c,0 0 0 3px #16a34a14}.hp-podium-place{color:#fff;text-shadow:0 2px #0f172a38;background:radial-gradient(circle at 50% 0,#ffffff57,#0000 48%),linear-gradient(#3b82f6,#1d4ed8);border:2px solid #ffffffb3;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950;position:absolute;top:8px;left:8px;box-shadow:0 8px 16px #1d4ed82e}.hp-prize-candidate{color:#fff;text-align:center;white-space:nowrap;background:radial-gradient(circle at 50% 0,#facc1561,#0000 42%),linear-gradient(135deg,#14532d,#22c55e);border-radius:999px;width:fit-content;max-width:100%;padding:5px 8px;font-size:10px;font-weight:950;line-height:1;box-shadow:0 10px 18px #16a34a2e}.hp-podium-card strong{color:#111827;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;line-height:1.1;overflow:hidden}.hp-podium-card p{color:#0f172a8a;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:850;overflow:hidden}.hp-podium-score{color:#92400e;background:#fffbebd1;border:1px solid #facc1561;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950}.hp-ranking-list-panel{background:radial-gradient(circle at 18% 0,#facc152e,#0000 42%) padding-box padding-box,linear-gradient(#fffffff5,#fff8ebe0) padding-box padding-box,linear-gradient(135deg,#facc1594,#22c55e57,#0ea5e92e) border-box;border:2px solid #0000;border-radius:20px;gap:10px;margin-top:16px;padding:17px 12px 12px;display:grid;box-shadow:0 16px 34px #0f172a14,0 0 24px #facc151a,inset 0 1px #ffffffe6}.hp-ranking-section-title{justify-content:space-between;align-items:end;gap:10px;display:flex}.hp-ranking-section-title h2{color:#fff;text-transform:uppercase;text-shadow:0 2px #0f172a38;background:radial-gradient(circle at 50% 0,#ffffff5c,#0000 48%),linear-gradient(#3b82f6,#1d4ed8);border:2px solid #ffffffb8;border-radius:999px;width:fit-content;padding:7px 13px;font-size:13px;font-weight:950;line-height:1.1;box-shadow:0 10px 18px #1d4ed829}.hp-ranking-section-title span{color:#0f172a9e;background:linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #ffffffb8;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;box-shadow:0 8px 16px #0f172a14}.hp-ranking-list{gap:8px;display:grid}.hp-ranking-row{background:radial-gradient(circle at 8% 0,#facc1524,#0000 40%),#ffffffc2;border:1px solid #facc1533;border-radius:16px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,0 9px 18px #0f172a0d}.hp-ranking-row-rank{color:#0f172a99;background:#0f172a0f;border-radius:999px;place-items:center;min-width:38px;padding:6px 7px;font-size:12px;font-weight:950;display:grid}.hp-ranking-row div{gap:2px;min-width:0;display:grid}.hp-ranking-row strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.1;overflow:hidden}.hp-ranking-row div span{color:#0f172a85;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.hp-ranking-row b{white-space:nowrap;color:#166534;background:#16a34a1a;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:950}.hp-ranking-note,.hp-ranking-empty{color:#0f172a9e;text-align:center;background:#ffffffb8;border:1px dashed #0f172a29;border-radius:8px;margin-top:12px;padding:14px;font-size:13px;font-weight:850}.hp-ranking-empty.small{width:100%;margin-top:0;padding:12px}@media (max-width:390px){.hp-ranking-hero{grid-template-columns:1fr}.hp-ranking-rank{justify-self:start}.hp-ranking-podium{gap:6px}.hp-podium-card{padding-left:6px;padding-right:6px}.hp-ranking-row{grid-template-columns:auto auto minmax(0,1fr) auto;gap:6px;padding:8px}.hp-ranking-row .hp-avatar{--hp-avatar-size:36px!important}.hp-ranking-row-rank{min-width:32px;padding-inline:5px;font-size:11px}.hp-ranking-row b{padding-inline:6px;font-size:11px}}.hp-modal-backdrop{z-index:9999;background:#0f172a5c;align-items:end;padding:14px;display:grid;position:fixed;inset:0}.hp-city-modal{background:#fff;border-radius:8px;gap:10px;width:min(100%,540px);max-height:min(72dvh,680px);margin:0 auto;padding:14px;display:grid;box-shadow:0 24px 80px #0f172a47}.hp-modal-head{justify-content:space-between;align-items:center;display:flex}.hp-modal-head button{cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:999px;width:36px;height:36px;font-size:22px;line-height:1}.hp-city-list{gap:8px;display:grid;overflow:auto}.hp-city-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:8px;min-height:44px;padding:0 12px;font-weight:900}.hp-city-list button.active{color:#166534;background:#16a34a14;border-color:#16a34a5c}.hp-loading{color:#0f172aad;background:#ffffffc7;border:1px solid #0f172a14;border-radius:8px;width:fit-content;margin:40px auto;padding:12px 14px;font-weight:850}@media (min-width:760px){.hp-auth-screen{grid-template-columns:minmax(0,.86fr) 430px;align-items:center;padding:44px}.hp-auth-hero{justify-items:center;padding-left:min(5vw,56px)}.hp-auth-panel{margin-right:min(5vw,56px)}.hp-card-actions{justify-content:flex-end;display:flex}.hp-primary-action{width:190px}}@keyframes hpExplorePulse{0%,to{opacity:.72;transform:scale(.84)}60%{opacity:.12;transform:scale(1.24)}}@keyframes hpExploreToast{0%{opacity:0;transform:translate(-50%,8px)}12%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}.hp-explore-screen{color:#102016;height:100dvh;font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#e7efe8;position:relative;overflow:hidden}.hp-explore-map,.hp-explore-map-wash{position:absolute;inset:0}.hp-explore-screen>.hp-explore-map{height:auto;position:absolute;inset:0}.hp-explore-map-wash{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#22c55e0a,#0000 34%),linear-gradient(#ffffff1f,#0000 24%,#0f172a1f)}.hp-explore-header,.hp-explore-xp,.hp-explore-panel,.hp-explore-toast,.hp-explore-debug-actions,.hp-explore-debug-heat,.hp-explore-recenter,.hp-explore-combo{z-index:4;position:absolute}.hp-explore-combo{top:calc(114px + env(safe-area-inset-top));color:#083344;-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:linear-gradient(145deg,#0891b233,#ffffff1f);border:1px solid #67e8f980;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:1px 8px;min-width:112px;padding:7px 10px;animation:.42s cubic-bezier(.2,.9,.25,1.2) both hpExploreComboIn;display:grid;right:12px;box-shadow:0 0 24px #22d3ee40,inset 0 1px #ffffff57}.hp-explore-combo span,.hp-explore-combo small{letter-spacing:.55px;text-transform:uppercase;font-size:9px;font-weight:950}.hp-explore-combo strong{color:#0891b2;text-shadow:0 0 14px #22d3ee7a;grid-area:1/2/span 2;font-size:23px}.hp-explore-combo small{color:#0833448f;font-size:8px}@keyframes hpExploreComboIn{0%{opacity:0;transform:translateY(-8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.hp-explore-header{top:calc(46px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px)saturate(1.28);backdrop-filter:blur(14px)saturate(1.28);background-color:#ffffff14;background-image:linear-gradient(#0ea5e91a,#ffffff05),linear-gradient(90deg,#facc151a,#0000 46%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff47;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:9px 10px 9px 12px;display:flex;left:12px;right:12px;box-shadow:0 16px 38px #0f172a1f,0 0 22px #0ea5e91f}.hp-explore-header div{gap:2px;display:grid}.hp-explore-header span,.hp-explore-xp span{color:#0f172a8f;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:950}.hp-explore-header strong{font-size:20px;line-height:1}.hp-explore-header button{color:#0369a1;cursor:pointer;background:linear-gradient(#ffffff38,#0ea5e914),#ffffff0f;border:1px solid #ffffff57;border-radius:999px;justify-content:center;align-items:center;min-width:54px;height:38px;padding:5px 8px;display:flex;position:relative;box-shadow:0 8px 18px #0f172a1a,0 0 16px #0ea5e91a,inset 0 1px #ffffff80}.hp-explore-album-count{align-items:baseline;line-height:1;display:flex;color:#0f172a!important}.hp-explore-album-count strong{color:#0f172a;font-size:13px}.hp-explore-album-count small{color:#0f172a8f;font-size:10px;font-weight:950}.hp-explore-xp{top:calc(114px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(14px)saturate(1.24);backdrop-filter:blur(14px)saturate(1.24);background:#ffffff12 linear-gradient(#22c55e1a,#ffffff05);border:1px solid #ffffff42;border-radius:15px;gap:6px;width:152px;padding:8px 9px;display:grid;left:12px;box-shadow:0 14px 30px #0f172a1a,0 0 18px #22c55e1f}.hp-explore-xp div:first-child{gap:2px;display:grid}.hp-explore-xp strong{color:#166534;font-size:12px}.hp-explore-xp div:last-child{background:#0f172a1a;border-radius:999px;height:4px;overflow:hidden}.hp-explore-xp div:last-child span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15);height:100%;display:block}.hp-explore-user-marker{background:#0284c7;border:3px solid #fff;border-radius:50%;width:19px;height:19px;position:relative;box-shadow:0 6px 18px #0f172a47,0 0 18px #0ea5e96b}.hp-explore-user-marker:after{content:"";border-radius:inherit;background:#7dd3fc;position:absolute;inset:3px;box-shadow:inset 0 1px #ffffffb8,0 0 12px #7dd3fcb3}.hp-explore-marker-ring,.hp-explore-marker-scan{pointer-events:none;position:absolute}.hp-explore-marker-ring{background:#0ea5e91a;border:2px solid #0284c75c;border-radius:50%;animation:1.8s ease-out infinite hpExplorePulse;inset:-13px}.hp-explore-marker-scan{background:radial-gradient(circle, #22c55e14, transparent 48%), conic-gradient(from 30deg, transparent 0 68%, #67e8f94d 73%, transparent 82% 100%);filter:drop-shadow(0 0 14px #22c55e38);border:1px solid #67e8f957;border-radius:50%;animation:2.8s linear infinite hpExploreScan;inset:-44px}@keyframes hpExploreScan{0%{opacity:.42;transform:rotate(0)scale(.86)}50%{opacity:.72;transform:rotate(180deg)scale(1)}to{opacity:.42;transform:rotate(360deg)scale(.86)}}@media (prefers-reduced-motion:reduce){.hp-explore-marker-scan,.hp-explore-marker-ring{animation:none}}.hp-explore-toast{left:50%;bottom:calc(220px + env(safe-area-inset-bottom));color:#92400e;text-align:center;background:#fffbebf5;border:1px solid #facc1570;border-radius:16px;width:min(100% - 32px,380px);padding:10px 12px;font-size:13px;font-weight:900;animation:4.4s both hpExploreToast;box-shadow:0 14px 30px #0f172a29}.hp-explore-panel{right:12px;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px)saturate(1.24);backdrop-filter:blur(16px)saturate(1.24);background:#ffffff14 linear-gradient(#fb923c24,#ffffff0a);border:1px solid #ffffffbd;border-radius:24px;gap:10px;min-height:184px;padding:13px;transition:border-color .22s,box-shadow .22s,background-image .22s;display:grid;left:12px;box-shadow:0 16px 38px #0f172a24,0 0 20px #fb923c3d}.hp-explore-panel.closer{background-image:linear-gradient(#22c55e24,#ffffff0a);border-color:#22c55ec2;box-shadow:0 16px 38px #0f172a24,0 0 24px #22c55e47}.hp-explore-panel.farther{background-image:linear-gradient(#ef444421,#ffffff0a);border-color:#ef4444c2;box-shadow:0 16px 38px #0f172a24,0 0 24px #ef44443d}.hp-explore-panel.heat-cold{--hp-explore-near-glow:#38bdf83d;background-image:linear-gradient(#38bdf81f,#ffffff0a);border-color:#38bdf87a}.hp-explore-panel.heat-warm{--hp-explore-near-glow:#facc1557;background-image:linear-gradient(#facc1524,#ffffff0a);border-color:#facc159e}.hp-explore-panel.heat-hot{--hp-explore-near-glow:#f43f5e61;background-image:linear-gradient(#f43f5e24,#ffffff0a);border-color:#f43f5ead}.hp-explore-panel.heat-veryhot{--hp-explore-near-glow:#dc262685;background-image:linear-gradient(#dc262629,#ffffff0a);border-color:#dc2626c7}.hp-explore-panel.heat-inside{--hp-explore-near-glow:#22c55e85;background-image:linear-gradient(#22c55e29,#ffffff0a);border-color:#22c55ec7}.hp-explore-panel.is-near{animation:1.8s ease-in-out infinite hpExploreNearGlow}@keyframes hpExploreNearGlow{0%,to{box-shadow:0 16px 38px #0f172a24, 0 0 16px var(--hp-explore-near-glow)}50%{box-shadow:0 16px 38px #0f172a24, 0 0 34px var(--hp-explore-near-glow)}}@media (prefers-reduced-motion:reduce){.hp-explore-panel.is-near{animation:none}}.hp-explore-piece-head{align-items:center;gap:11px;display:flex}.hp-explore-piece-head div:last-child{gap:2px;min-width:0;display:grid}.hp-explore-piece-head span,.hp-explore-piece-head small{font-size:11px;font-weight:900}.hp-explore-piece-head span{letter-spacing:.7px;text-transform:uppercase}.hp-explore-piece-head strong{font-size:21px}.hp-explore-piece-head small{color:#0f172a94}.hp-explore-relic,.hp-explore-album-icon{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:950;display:grid}.hp-explore-relic{width:54px;height:54px;font-size:30px;box-shadow:0 0 0 6px #ffffff94,0 8px 22px #0f172a29}.hp-explore-relic.is-near{animation:1.5s ease-in-out infinite hpExploreTracePulse}@keyframes hpExploreTracePulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.14);box-shadow:0 0 0 9px #ffffff61, 0 0 30px var(--hp-explore-near-glow);transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.hp-explore-relic.is-near,.hp-explore-combo{animation:none}}.hp-explore-relic.common,.hp-explore-album-icon.common{background:linear-gradient(145deg,#94a3b8,#475569)}.hp-explore-relic.rare,.hp-explore-album-icon.rare{background:linear-gradient(145deg,#38bdf8,#0369a1)}.hp-explore-relic.epic,.hp-explore-album-icon.epic{background:linear-gradient(145deg,#c084fc,#7e22ce)}.hp-explore-relic.legendary,.hp-explore-album-icon.legendary{background:linear-gradient(145deg,#fde047,#d97706)}.hp-explore-distance{border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:12px;padding-top:9px;display:flex}.hp-explore-distance strong{font-size:16px}.hp-explore-distance span{color:#0f172a94;font-size:12px;font-weight:900}.hp-explore-proximity{gap:5px;display:grid}.hp-explore-proximity div{background:#0f172a1f;border:1px solid #ffffff42;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0f172a14}.hp-explore-proximity span{border-radius:inherit;height:100%;transition:width .24s,background .24s,box-shadow .24s;display:block}.hp-explore-collect,.hp-explore-hunt-lock button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#166534,#22c55e);border:0;border-radius:14px;min-height:43px;font-size:13px;font-weight:950;box-shadow:0 8px 18px #16a34a38}.hp-explore-collect:disabled{box-shadow:none;color:#0f172a80;cursor:not-allowed;background:#0f172a1a}.hp-explore-empty,.hp-explore-hunt-lock{text-align:center;align-content:center;gap:7px;display:grid}.hp-explore-empty strong,.hp-explore-hunt-lock strong{color:#111827;font-size:19px}.hp-explore-empty span,.hp-explore-hunt-lock span{color:#166534;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:950}.hp-explore-empty span,.hp-explore-hunt-lock p{color:#0f172a99;letter-spacing:0;text-transform:none;font-size:13px;font-weight:750;line-height:1.35}.hp-explore-album-backdrop{z-index:1100;padding-top:calc(32px + env(safe-area-inset-top));background:#0f172a5c;align-items:end;display:grid;position:fixed;inset:0}.hp-explore-map-back{top:calc(8px + env(safe-area-inset-top));z-index:5;color:#0f172a;text-shadow:0 1px 10px #ffffffd1;-webkit-backdrop-filter:blur(12px)saturate(1.25);backdrop-filter:blur(12px)saturate(1.25);cursor:pointer;background:#ffffff09;border:1px solid #ffffff38;border-radius:13px;padding:8px 10px;font-size:12px;font-weight:950;position:absolute;left:12px;box-shadow:0 14px 34px #0f172a1a}.hp-explore-recenter{right:12px;bottom:calc(214px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px)saturate(1.18);cursor:pointer;touch-action:manipulation;background:#ffffff1f;border:1px solid #ffffff47;border-radius:17px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 14px 30px #0f172a1f,inset 0 1px #ffffff2e}.hp-explore-recenter img{pointer-events:none;-webkit-user-select:none;user-select:none;width:23px;height:23px;display:block}.hp-explore-recenter:active{transform:translateY(1px)scale(.98);box-shadow:0 10px 22px #0f172a24,inset 0 0 20px #0ea5e92e}.hp-explore-recenter:disabled{cursor:not-allowed;opacity:.48}.hp-explore-debug-heat{top:calc(181px + env(safe-area-inset-top));color:#0f172a;text-shadow:0 1px 10px #ffffffd6;-webkit-backdrop-filter:blur(12px)saturate(1.22);backdrop-filter:blur(12px)saturate(1.22);cursor:pointer;background:#0f172a29;border:1px solid #ffffff3d;border-radius:13px;padding:7px 9px;font-size:11px;font-weight:950;left:12px;box-shadow:0 12px 26px #0f172a1f}.hp-explore-debug-actions{top:calc(181px + env(safe-area-inset-top));flex-wrap:wrap;align-items:center;gap:8px;display:flex;left:12px;right:12px}.hp-explore-debug-actions .hp-explore-debug-heat{white-space:nowrap;position:static}.hp-explore-debug-actions .hp-explore-debug-step{background:#22c55e33;border-color:#22c55e6b;min-width:54px;box-shadow:0 12px 26px #0f172a1f,inset 0 0 16px #22c55e2e}.hp-explore-album{max-height:86dvh;padding:15px 14px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at 86% 4%,#facc1529,#0000 28%),#f8fafc;border:1px solid #ffffffb3;border-radius:8px 8px 0 0;overflow:auto;box-shadow:0 -16px 48px #0f172a33}.hp-explore-album header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hp-explore-album header div{gap:3px;display:grid}.hp-explore-album header span{color:#166534;letter-spacing:.9px;text-transform:uppercase;font-size:10px;font-weight:950}.hp-explore-album header strong{font-size:22px}.hp-explore-album header button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.hp-explore-album-progress{background:#dcfce780;border:1px solid #16a34a24;border-radius:8px;align-items:baseline;gap:6px;margin-top:13px;padding:10px;display:flex}.hp-explore-album-progress strong{color:#166534;font-size:21px}.hp-explore-album-progress span{color:#0f172a9e;font-size:12px;font-weight:850}.hp-explore-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px;display:grid}.hp-explore-album-grid article{text-align:center;background:#ffffffd1;border:1px solid #0f172a14;border-radius:8px;justify-items:center;gap:5px;min-width:0;padding:11px 8px;display:grid}.hp-explore-album-grid article:not(.found){filter:grayscale();opacity:.58}.hp-explore-album-icon{width:48px;height:48px;font-size:27px}.hp-explore-album-grid span{text-transform:uppercase;font-size:10px;font-weight:950}.hp-explore-album-grid strong{color:#172033;min-width:0;font-size:13px}.hp-explore-album-grid small{color:#0f172a8f;font-size:11px;font-weight:700;line-height:1.3}@media (min-width:680px){.hp-explore-panel{width:370px;left:auto;right:18px}.hp-explore-header{width:370px;right:auto}.hp-explore-album{width:min(100%,560px);margin:0 auto}}.hp-collection-screen{isolation:isolate;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 8px) 14px calc(92px + env(safe-area-inset-bottom));color:#102016;font-family:var(--font-geist-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:radial-gradient(circle at 14% 8%,#ef44442e,#0000 28%),radial-gradient(circle at 84% 18%,#facc152e,#0000 30%),linear-gradient(#f8fafc 0%,#f2f8f0 58%,#f8f6ef 100%);position:relative;overflow-x:hidden}.hp-collection-screen:before{z-index:0;content:"";pointer-events:none;opacity:.38;background:radial-gradient(circle,#ffffffb8 0 1px,#0000 1.8px) 0 0/74px 74px,radial-gradient(circle,#facc1557 0 1px,#0000 2px) 28px 44px/116px 116px;animation:18s linear infinite hp-magic-drift;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 100%);mask-image:linear-gradient(#000 0% 68%,#0000 100%)}.hp-collection-screen:after{z-index:0;content:"";pointer-events:none;opacity:.56;mix-blend-mode:screen;background:radial-gradient(circle at 18% 24%,#ffffffbd 0 2px,#0000 3px) 0 0/220px 220px,radial-gradient(circle at 78% 14%,#facc159e 0 1.5px,#0000 3px) 0 0/180px 180px,radial-gradient(circle at 86% 54%,#22c55e5c 0 2px,#0000 4px) 0 0/260px 260px,linear-gradient(110deg,#0000 0 42%,#ffffff3d 48%,#0000 56% 100%) 0 0/170% 100%;animation:9s ease-in-out infinite hp-collection-sparkle;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.hp-collection-screen>*{z-index:1;position:relative}.hp-collection-topbar,.hp-collection-stats,.hp-collection-showcase,.hp-collection-complete,.hp-collection-action,.hp-collection-rules,.hp-collection-progress,.hp-collection-season-card,.hp-collection-heading,.hp-collection-grid{width:min(100%,560px);margin-left:auto;margin-right:auto}.hp-collection-topbar{justify-content:space-between;align-items:center;gap:12px;min-height:46px;margin-bottom:2px;display:flex}.hp-collection-topbar h1{color:#111827;margin:0;font-size:31px;line-height:1;display:none}.hp-collection-topbar p{color:#0f172a99;margin-top:7px;font-size:13px;font-weight:750}.hp-collection-hero{background:linear-gradient(135deg,#fffffffa,#ecfdf5e6) padding-box padding-box,linear-gradient(135deg,#facc15b3,#22c55e7a,#0f172a1f) border-box;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:120px;padding:17px;display:flex;box-shadow:0 18px 42px #0f172a1a,0 0 28px #facc151a}.hp-collection-hero span,.hp-collection-action span,.hp-collection-progress span,.hp-collection-heading span{color:#166534;letter-spacing:.9px;text-transform:uppercase;font-size:10px;font-weight:950}.hp-collection-hero h1{color:#111827;margin-top:5px;font-size:29px;line-height:1}.hp-collection-hero p{color:#0f172a99;margin-top:7px;font-size:13px;font-weight:750}.hp-collection-seal{color:#fff;background:linear-gradient(145deg,#38bdf8,#0369a1);border:1px solid #0ea5e947;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:35px;font-weight:950;display:grid;box-shadow:0 0 0 7px #0ea5e91a,0 10px 22px #0ea5e938}.hp-collection-stats{margin-top:10px}.hp-collection-showcase{background:radial-gradient(circle at 24% 0,#ffffffeb,#0000 38%),linear-gradient(#eff8fff5,#fff8ebfa);border:2px solid #0ea5e938;border-radius:24px;gap:10px;margin-top:0;padding:10px 10px 12px;display:grid;position:relative;box-shadow:0 24px 56px #0ea5e929,0 0 36px #facc1524,inset 0 1px #fffffff5}.hp-collection-showcase:before,.hp-collection-showcase:after{content:"";pointer-events:none;position:absolute}.hp-collection-showcase:before{z-index:2;border:1px solid #ffffff8a;border-radius:19px;inset:8px;box-shadow:inset 0 0 18px #ffffff5c,0 0 18px #0ea5e924}.hp-collection-showcase:after{z-index:3;border-radius:inherit;opacity:.52;background:linear-gradient(115deg,#0000 0 35%,#ffffff57 45%,#0000 54% 100%);animation:5.8s ease-in-out infinite hp-panel-shine;inset:0;transform:translate(-62%)}.hp-collection-ribbon{z-index:2;color:#fff;text-align:center;text-shadow:0 2px #0f172a3d;border-radius:12px;justify-self:center;width:max-content;max-width:calc(100% - 32px);padding:6px 18px;font-weight:950;line-height:1;position:relative;box-shadow:0 8px 16px #0f172a2e,inset 0 1px #ffffff52}.hp-collection-ribbon.primary{letter-spacing:.4px;background:linear-gradient(#3b82f6,#1d4ed8);margin-top:7px;font-size:19px}.hp-collection-ribbon.season{letter-spacing:.2px;background:linear-gradient(#14b8a6,#0f766e);margin-top:-2px;margin-bottom:2px;font-size:13px}.hp-collection-scene{background-color:#0000;background-image:linear-gradient(#0f172a14,#0f172a0a 55%,#ffffff14),url(/collection/season-1-city-explorer.webp);background-position:64%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #0ea5e938;border-radius:18px;align-content:start;justify-items:center;min-height:222px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 30px #0ea5e92e,0 0 26px #facc1529,inset 0 1px #ffffff7a,inset 0 -32px 44px #0f172a14}.hp-collection-scene:after{content:"";pointer-events:none;filter:blur(8px);opacity:.78;background:radial-gradient(#facc157a,#0000 68%);height:42px;position:absolute;inset:auto 8% 0}.hp-collection-rarity-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hp-collection-rarity-summary div{color:#fff;text-align:center;border:2px solid #ffffffa3;border-radius:14px;gap:3px;min-width:0;padding:6px 4px;display:grid;box-shadow:0 10px 18px #0f172a29,inset 0 2px #ffffff6b,inset 0 -3px #0f172a1f}.hp-collection-rarity-summary .common{background:linear-gradient(#94a3b8,#475569)}.hp-collection-rarity-summary .rare{background:linear-gradient(#38bdf8,#0284c7)}.hp-collection-rarity-summary .epic{background:linear-gradient(#c084fc,#9333ea)}.hp-collection-rarity-summary .legendary{background:linear-gradient(#fb923c,#f97316)}.hp-collection-rarity-summary span{text-shadow:0 1px #0f172a38;font-size:9px;font-weight:950}.hp-collection-rarity-summary strong{color:#111827;background:#ffffffd6;border:1px solid #0f172a1a;border-radius:9px;padding:5px 2px;font-size:15px;line-height:1;box-shadow:inset 0 1px #ffffffb8}.hp-collection-total-progress{background:radial-gradient(circle at 12% 0,#facc1547,#0000 38%),linear-gradient(#ffffffc2,#fff7eddb);border:1px solid #78350f24;border-radius:14px;gap:0;padding:6px 7px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 10px 20px #78350f14}.hp-collection-total-progress div{background:linear-gradient(#ffffff2e,#0000 30%),linear-gradient(90deg,#78350f,#451a03);border:2px solid #78350f52;border-radius:999px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 3px 5px #0f172a52,0 2px #ffffffb3}.hp-collection-total-progress div span{border-radius:inherit;background:linear-gradient(#ffffff75,#0000 45%),linear-gradient(90deg,#22c55e,#84cc16 56%,#facc15);height:100%;display:block;box-shadow:inset 0 1px #ffffff9e,0 0 18px #22c55e57}.hp-collection-total-progress div strong{color:#fff;text-shadow:0 2px #0f172a59;place-items:center;font-size:13px;font-weight:950;display:grid;position:absolute;inset:0}.hp-collection-action{gap:9px;margin-top:12px;display:grid}.hp-collection-complete{color:#713f12;text-align:center;background:linear-gradient(135deg,#fffbebfa,#ecfdf5f5);border:1px solid #facc159e;border-radius:16px;gap:4px;margin-top:12px;padding:13px 15px;display:grid;box-shadow:0 14px 30px #b4530924,0 0 24px #facc1533}.hp-collection-complete strong{font-size:16px}.hp-collection-complete span{font-size:12px;font-weight:750;line-height:1.35}.hp-collection-rules{background:#ffffffc7;border:1px solid #0f172a1a;border-radius:14px;margin-top:10px;box-shadow:0 10px 24px #0f172a0f}.hp-collection-rules summary{color:#14532d;cursor:pointer;padding:12px 14px;font-size:13px;font-weight:950}.hp-collection-rules ul{color:#0f172aa8;gap:7px;margin:0;padding:0 28px 14px 34px;font-size:12px;font-weight:750;line-height:1.4;display:grid}.hp-collection-piece-grid>button.found:focus-visible,.hp-explore-album-chip:focus-visible,.hp-collectible-unlock-card button:focus-visible{outline-offset:3px;outline:3px solid #0ea5e9}.hp-collection-action a,.hp-collection-action button{color:#fff;text-shadow:0 2px #0f172a47;cursor:pointer;background:radial-gradient(circle at 50% 0,#facc156b,#0000 42%),linear-gradient(135deg,#14532d,#22c55e 72%,#84cc16);border:1px solid #ffffffb8;border-radius:16px;place-items:center;min-height:60px;font-size:17px;font-weight:950;animation:2.8s ease-in-out infinite hp-collection-cta-pulse;display:grid;box-shadow:0 18px 34px #16a34a4d,0 0 28px #22c55e38,inset 0 1px #ffffff57}.hp-collection-action button{background:radial-gradient(circle at 50% 0,#ffffff57,#0000 42%),linear-gradient(135deg,#0f172ac7,#334155bd);min-height:46px;font-size:14px;animation:none;box-shadow:0 14px 26px #0f172a2e,inset 0 1px #ffffff57}.hp-collection-action-loading{color:#0f172a8a;place-items:center;min-height:44px;font-size:13px;font-weight:900;display:grid}.hp-collection-progress{background:linear-gradient(#fffffff0,#f7f9f5e6) padding-box padding-box,linear-gradient(135deg,#facc1575,#22c55e57,#0f172a1a) border-box;border:1px solid #0000;border-radius:8px;gap:7px;margin-top:10px;padding:11px;display:grid;box-shadow:0 10px 24px #0f172a12}.hp-collection-progress div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.hp-collection-progress strong{color:#166534;font-size:12px}.hp-collection-progress div:last-child{background:#0f172a17;border-radius:999px;height:5px;overflow:hidden}.hp-collection-progress div:last-child span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15);height:100%;display:block}.hp-collection-season-card{background:linear-gradient(#ffffffeb,#f8fafce0) padding-box padding-box,linear-gradient(135deg,#0f172a1a,#facc154d,#22c55e38) border-box;border:1px solid #0000;border-radius:8px;gap:7px;margin-top:10px;padding:12px;display:grid;box-shadow:0 10px 24px #0f172a0f}.hp-collection-season-card div{justify-content:space-between;align-items:center;gap:10px;display:flex}.hp-collection-season-card span{color:#0f172a80;letter-spacing:.9px;text-transform:uppercase;font-size:10px;font-weight:950}.hp-collection-season-card strong{color:#111827;font-size:13px}.hp-collection-season-card p{color:#0f172a94;margin:0;font-size:12px;font-weight:750;line-height:1.35}.hp-collection-season-card.locked{filter:saturate(.78)}.hp-collection-heading{justify-content:space-between;align-items:end;gap:10px;margin-top:18px;display:flex}.hp-collection-heading strong{color:#172033;margin-top:3px;font-size:20px;display:block}.hp-collection-heading small{color:#166534;font-size:13px;font-weight:950}.hp-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.hp-collection-decks{gap:18px;width:min(100%,560px);margin:18px auto 0;display:grid}.hp-collection-deck{--hp-rarity-color:#22c55e;--hp-rarity-glow:#22c55e47;background:linear-gradient(180deg, #fffffff5, #f7f9f5eb) padding-box, linear-gradient(135deg, var(--hp-rarity-color), #ffffffbd, var(--hp-rarity-color)) border-box;box-shadow:0 18px 42px #0f172a1a, 0 0 28px var(--hp-rarity-glow), 0 1px 0 #ffffffe6 inset;border:2px solid #0000;border-radius:20px;padding:22px 10px 12px;animation:5.2s ease-in-out infinite hp-deck-breathe;position:relative;overflow:visible}.hp-collection-deck:before{z-index:0;content:"";pointer-events:none;opacity:.55;background:linear-gradient(110deg,#ffffff57,#0000 18% 76%,#fff3),radial-gradient(circle at 18px 18px,#0f172a0f 1px,#0000 1.5px) 0 0/18px 18px;border-radius:18px;position:absolute;inset:0;overflow:hidden}.hp-collection-deck:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--hp-rarity-color), transparent);opacity:.82;height:3px;filter:drop-shadow(0 0 7px var(--hp-rarity-glow));position:absolute;inset:-2px 18px auto}.hp-collection-deck-head,.hp-collection-piece-grid{z-index:1;position:relative}.hp-collection-deck-head{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:-15px;left:16px;right:16px}.hp-collection-deck-head span{letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:950}.hp-collection-deck-head strong{background:radial-gradient(circle at 50% 0%, #ffffff61, transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--hp-rarity-color) 84%, white), var(--hp-rarity-color));min-width:92px;box-shadow:0 9px 18px var(--hp-rarity-glow), inset 0 2px 0 #ffffff61, inset 0 -3px 0 #0f172a24;color:#fff;text-align:center;text-shadow:0 2px #0f172a40;text-transform:uppercase;border:2px solid #ffffffb3;border-radius:999px;padding:5px 11px 6px;font-size:11px}.hp-collection-deck-head small{color:color-mix(in srgb, var(--hp-rarity-color) 76%, #111827);box-shadow:0 9px 18px #0f172a1a, 0 0 16px var(--hp-rarity-glow);background:linear-gradient(#fffffff5,#fff8ebeb);border:2px solid #ffffffb3;border-radius:999px;padding:5px 8px 6px;font-size:10px;font-weight:950}.hp-collection-piece-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;display:grid}.hp-collection-piece-grid.epic>button:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}.hp-collection-piece-grid>button{min-width:0;box-shadow:none;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;justify-items:center;gap:0;padding:2px 0 0;display:grid;position:relative}.hp-collection-piece-grid>button:before,.hp-collection-piece-grid>button:after{content:"";pointer-events:none;opacity:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hp-collection-piece-grid>button:not(.found){opacity:.72;cursor:default}.hp-collection-piece-grid>button.found:before{filter:blur(10px)saturate(1.05);opacity:.78;background:radial-gradient(circle,#ffffffeb 0 9%,#0000 34%),radial-gradient(circle,#ffe79694 0 30%,#0000 68%),radial-gradient(circle,#ffffff47 0 48%,#0000 76%);border-radius:50%;width:min(31vw,118px);height:min(31vw,118px);animation:3.6s cubic-bezier(.45,0,.22,1) infinite hpCollectionFoundAura}.hp-collection-piece-grid>button.found:after,.hp-collection-piece-grid>button.image-piece.found:before{display:none}.hp-collection-piece-grid small{color:#0f172a8f;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:850;overflow:hidden}.hp-collection-piece-grid .hp-collection-icon{z-index:1;width:min(41vw,156px);height:min(41vw,156px);box-shadow:0 12px 20px var(--hp-rarity-glow), 0 3px 9px #0f172a1a;font-size:32px;position:relative}.hp-collection-piece-grid>button.found .hp-collection-icon{filter:drop-shadow(0 8px 12px #0f172a29) drop-shadow(0 0 18px var(--hp-rarity-glow)) drop-shadow(0 0 24px color-mix(in srgb, var(--hp-rarity-color) 36%, transparent));transform:none}.hp-collection-piece-grid>button.found .hp-collection-icon.image{filter:none}@keyframes hpCollectionFoundAura{0%{opacity:.7;scale:.92}31%{opacity:1;scale:1.12}64%{opacity:.88;scale:1.02}to{opacity:.74;scale:.96}}.hp-collection-grid article{text-align:center;background:#ffffffd6;border:1px solid #0f172a17;border-radius:8px;justify-items:center;gap:5px;min-width:0;padding:12px 8px;display:grid;box-shadow:0 8px 20px #0f172a0d}.hp-collection-grid article:not(.found){filter:grayscale();opacity:.58}.hp-collection-icon{color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:29px;font-weight:950;display:grid}.hp-collection-icon.common{background:linear-gradient(145deg,#94a3b8,#475569)}.hp-collection-icon.rare{background:linear-gradient(145deg,#38bdf8,#0369a1)}.hp-collection-icon.epic{background:linear-gradient(145deg,#c084fc,#7e22ce)}.hp-collection-icon.legendary{background:linear-gradient(145deg,#fde047,#d97706)}.hp-collection-icon.image{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.hp-collection-icon.image:after{display:none}.hp-collection-piece-grid>button.found .hp-collection-icon.image:after{animation:none}.hp-collection-icon.image img{z-index:1;object-fit:contain;object-position:center;filter:none;width:100%;height:100%;display:block;position:relative}.hp-collection-piece-grid>button:not(.found) .hp-collection-icon.image img{opacity:0;transform:scale(.84)}.hp-collection-piece-grid>button:not(.found) .hp-collection-icon.image{isolation:isolate}.hp-collection-piece-grid>button:not(.found) .hp-collection-icon.image:before{z-index:2;content:"?";box-sizing:border-box;background:radial-gradient(circle at 38% 18%, #ffffffb8, transparent 18%), radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--hp-rarity-color) 18%, #ffffff29), transparent 55%), conic-gradient(from 210deg, #8a440c, #f8d463 18%, #fff2a6 30%, #d98416 46%, #7c3508 63%, #f3b638 82%, #8a440c), linear-gradient(180deg, #ffe99b 0%, #f3b334 45%, #c56d12 100%);width:min(25.5vw,98px);height:min(25.5vw,98px);box-shadow:0 10px 18px #78350f29, 0 0 18px color-mix(in srgb, var(--hp-rarity-color) 24%, #facc1542), inset 0 0 0 2px #ffffff7a, inset 0 0 0 6px #fff4b88c, inset 0 0 0 11px #8b451329, inset 0 8px 12px #ffffff6b, inset 0 -10px 14px #5b270638;color:#fff;text-shadow:0 3px #5b270657,0 0 10px #ffffff8a;border:0;border-radius:999px;place-items:center;padding-bottom:3px;font-family:inherit;font-size:clamp(46px,13vw,70px);font-weight:1000;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-collection-piece-grid>button:not(.found) .hp-collection-icon.image:after{z-index:1;content:"";background:radial-gradient(circle, #ffffff57, color-mix(in srgb, var(--hp-rarity-color) 20%, #facc153d) 44%, transparent 74%);filter:blur(8px);opacity:.76;border-radius:999px;width:min(29vw,112px);height:min(29vw,112px);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-collection-piece-grid>button.found .hp-collection-icon.image img{animation:4.8s ease-in-out infinite hpCollectionImageSoftLight}@keyframes hpCollectionImageSoftLight{0%,to{filter:brightness()saturate()}48%,58%{filter:brightness(1.24)saturate(1.12)contrast(1.04)}}.hp-collection-grid span{text-transform:uppercase;font-size:10px;font-weight:950}.hp-collection-grid strong{color:#172033;font-size:13px}.hp-collection-grid small{color:#0f172a8f;font-size:11px;font-weight:700;line-height:1.3}.hp-collection-grid b{color:#166534;font-size:11px}.hp-collection-loading{color:#0f172a9e;text-align:center;background:#ffffffc2;border:1px solid #0f172a14;border-radius:8px;grid-column:1/-1;padding:14px;font-size:13px;font-weight:850}@keyframes hpBottomNavIconPop{0%,to{transform:translateY(-1px)scale(1.04)}50%{transform:translateY(-3px)scale(1.1)}}.hp-admin-screen{color:#0f172a;background:radial-gradient(circle at 14% 0,#facc1547,#0000 34%),radial-gradient(circle at 86% 10%,#0ea5e92e,#0000 30%),linear-gradient(#fff7ed 0%,#f8fafc 58%,#eef2ff 100%);min-height:100dvh;padding:28px clamp(16px,3vw,36px) 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hp-admin-hero,.hp-admin-cockpit,.hp-admin-grid,.hp-admin-tabs,.hp-admin-layout,.hp-admin-tables,.hp-admin-message,.hp-admin-warning,.hp-admin-login{width:min(1180px,100%);margin-left:auto;margin-right:auto}.hp-admin-hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.hp-admin-hero span,.hp-admin-panel-head span,.hp-admin-session small,.hp-admin-stat span{color:#0f172a94;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950}.hp-admin-hero h1{margin:4px 0 8px;font-size:clamp(34px,5vw,64px);line-height:.95}.hp-admin-hero p{color:#0f172aa8;max-width:650px;margin:0;font-size:15px;font-weight:700}.hp-admin-session,.hp-admin-login,.hp-admin-panel,.hp-admin-stat,.hp-admin-cockpit-card,.hp-admin-tabs,.hp-admin-table-card,.hp-admin-message,.hp-admin-warning{-webkit-backdrop-filter:blur(16px)saturate(1.18);background:#ffffffb8;border:1px solid #0f172a1a;box-shadow:0 18px 42px #0f172a14,inset 0 1px #ffffffc2}.hp-admin-session{border-radius:18px;gap:7px;min-width:230px;padding:14px;display:grid}.hp-admin-session strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.hp-admin-session button,.hp-admin-panel button,.hp-admin-login a{color:#fff;cursor:pointer;background:linear-gradient(#22c55e,#15803d);border:0;border-radius:13px;min-height:40px;padding:0 14px;font-weight:950;text-decoration:none;box-shadow:0 10px 20px #16a34a38}.hp-admin-session button:disabled,.hp-admin-panel button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.62}.hp-admin-message,.hp-admin-warning{color:#7c2d12;border-radius:18px;margin-bottom:16px;padding:13px 15px;font-size:13px;font-weight:850}.hp-admin-warning p{color:#7c2d12c2;margin:6px 0 0}.hp-admin-cockpit{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.hp-admin-cockpit-card{border-radius:24px;min-height:132px;padding:16px;position:relative;overflow:hidden}.hp-admin-cockpit-card:before{content:"";aspect-ratio:1;opacity:.38;filter:blur(8px);border-radius:50%;width:72%;position:absolute;inset:-45% auto auto -20%}.hp-admin-cockpit-card.green:before{background:#22c55e}.hp-admin-cockpit-card.gold:before{background:#f59e0b}.hp-admin-cockpit-card.blue:before{background:#0ea5e9}.hp-admin-cockpit-card.purple:before{background:#8b5cf6}.hp-admin-cockpit-card.slate:before{background:#64748b}.hp-admin-cockpit-card span,.hp-admin-cockpit-card small,.hp-admin-cockpit-card strong{z-index:1;position:relative}.hp-admin-cockpit-card span{color:#0f172a94;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.hp-admin-cockpit-card strong{margin-top:12px;font-size:clamp(28px,4vw,44px);line-height:.92;display:block}.hp-admin-cockpit-card small{color:#0f172a9e;margin-top:12px;font-size:12px;font-weight:850;display:block}.hp-admin-grid.stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.hp-admin-stat{border-radius:18px;padding:14px}.hp-admin-stat strong{margin-top:8px;font-size:30px;line-height:1;display:block}.hp-admin-tabs{border-radius:20px;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:8px;display:flex}.hp-admin-tabs button{color:#0f172a9e;cursor:pointer;background:#ffffff8c;border:1px solid #0f172a14;border-radius:14px;min-height:40px;padding:0 14px;font-size:12px;font-weight:950}.hp-admin-tabs button.active{color:#0f172a;background:linear-gradient(#fff7ed,#fff);border-color:#f59e0b57;box-shadow:0 10px 22px #f59e0b21,inset 0 1px #ffffffe6}.hp-admin-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.hp-admin-panel{border-radius:22px;gap:11px;padding:16px;display:grid}.hp-admin-panel.wide{grid-column:1/-1}.hp-admin-panel.is-hidden{display:none}.hp-admin-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hp-admin-panel-head h2,.hp-admin-table-card h2{margin:2px 0 0;font-size:20px;line-height:1}.hp-admin-panel-head small,.hp-admin-hint{color:#0f172a94;margin:0;font-size:12px;font-weight:800}.hp-admin-panel label{color:#0f172aad;gap:5px;font-size:12px;font-weight:900;display:grid}.hp-admin-panel label small{color:#0f172a80;font-size:11px;font-weight:800}.hp-admin-map-help{color:#0f172aad;background:#f0f9ffc2;border:1px solid #0ea5e933;border-radius:14px;margin:0;padding:10px 12px;font-size:12px;font-weight:850}.hp-admin-preview-help{color:#78350fdb;background:linear-gradient(#fffbebe0,#ffffffa3);border:1px solid #f59e0b3d;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:900}.hp-admin-map-marker{cursor:pointer;outline:none;width:24px;height:24px;position:relative;min-width:0!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.hp-admin-map-marker:before{content:"";border:2px solid #fffffff5;border-radius:50% 50% 50% 0;width:12px;height:12px;position:absolute;top:3px;left:6px;transform:rotate(-45deg);box-shadow:0 0 0 2px #0f172a1f,0 7px 14px #0f172a3d}.hp-admin-map-marker:after{content:"";pointer-events:none;background:#ffffffeb;border-radius:999px;width:3px;height:3px;position:absolute;top:8px;left:11px}.hp-admin-map-marker.preview:before{border:0;border-radius:999px 999px 3px 3px;width:3px;height:17px;top:2px;left:11px;transform:none;box-shadow:0 0 0 2px #ffffffeb,0 0 0 4px #f59e0b2e,0 8px 15px #0f172a38}.hp-admin-map-marker.preview:after{background:inherit;box-sizing:border-box;border:2px solid #fffffff5;border-radius:999px;width:9px;height:9px;top:0;left:8px}.hp-admin-map-marker.placed{opacity:.92}.hp-admin-map-marker.common:before,.hp-admin-map-marker.common:after{background-color:#22c55e}.hp-admin-map-marker.rare:before,.hp-admin-map-marker.rare:after{background-color:#0ea5e9}.hp-admin-map-marker.epic:before,.hp-admin-map-marker.epic:after{background-color:#a855f7}.hp-admin-map-marker.legendary:before,.hp-admin-map-marker.legendary:after{background-color:#f97316}.hp-admin-map-marker:focus-visible:before{box-shadow:0 0 0 3px #facc1575,0 8px 15px #0f172a3d}.maplibregl-popup-content strong,.maplibregl-popup-content span,.maplibregl-popup-content small{display:block}.maplibregl-popup-content strong{color:#0f172a;font-size:12px;font-weight:950}.maplibregl-popup-content span,.maplibregl-popup-content small{color:#0f172aa8;margin-top:3px;font-size:11px;font-weight:800}.hp-admin-map-popup-actions{gap:7px;margin-top:10px;display:flex}.hp-admin-map-popup-actions button{color:#fff;cursor:pointer;background:linear-gradient(#facc15,#f59e0b);border:0;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:950;box-shadow:0 6px 13px #f59e0b38}.hp-admin-map-popup-actions button:last-child{background:linear-gradient(#fb7185,#e11d48);box-shadow:0 6px 13px #e11d4833}.hp-admin-action-stack{flex-wrap:wrap;gap:7px;display:flex}.hp-admin-action-stack button.danger{background:linear-gradient(#fb7185,#e11d48)}.hp-admin-poi-source{background:linear-gradient(#f0f9ffe0,#ffffffa8);border:1px solid #0ea5e933;border-radius:18px;gap:12px;padding:13px;display:grid}.hp-admin-poi-source strong,.hp-admin-poi-source span{display:block}.hp-admin-poi-source strong{color:#0f172a;font-size:13px;font-weight:950}.hp-admin-poi-source span{color:#0f172a9e;margin-top:3px;font-size:12px;font-weight:800}.hp-admin-poi-source-controls{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;display:grid}.hp-admin-poi-source-controls button{min-height:42px}@media (max-width:760px){.hp-admin-poi-source-controls{grid-template-columns:1fr}}.hp-admin-coordinate-preview{background:linear-gradient(#fffbebe6,#ffffffb3);border:1px solid #facc154d;border-radius:15px;gap:5px;padding:10px 12px;display:grid}.hp-admin-coordinate-preview span{color:#0f172a94;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:950}.hp-admin-coordinate-preview strong{color:#0f172a;font-size:13px;font-weight:950}.hp-admin-panel input,.hp-admin-panel select,.hp-admin-panel textarea,.hp-admin-coordinate-row input{color:#0f172a;width:100%;min-height:42px;font:inherit;background:#ffffffc2;border:1px solid #0f172a1f;border-radius:13px;outline:none;padding:9px 11px;font-size:13px;font-weight:750}.hp-admin-panel textarea{resize:vertical;min-height:88px}.hp-admin-check{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.hp-admin-check input{width:18px;min-height:18px}.hp-admin-map{background:#dbeafe;border:1px solid #0f172a1f;border-radius:18px;height:min(56vh,520px);overflow:hidden}.hp-admin-coordinate-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hp-admin-poi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hp-admin-poi-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hp-admin-poi-summary span{color:#0f172a99;background:linear-gradient(#f0f9ffc7,#ffffff94);border:1px solid #0ea5e929;border-radius:15px;padding:10px 12px;font-size:12px;font-weight:850}.hp-admin-poi-summary strong{color:#0f172a;font-size:14px;font-weight:950}.hp-admin-tables{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.hp-admin-table-card{border-radius:22px;min-width:0;padding:16px}.hp-admin-table-card.managed{padding:18px}.hp-admin-table-wrap{max-height:360px;margin-top:12px;overflow:auto}.hp-admin-table-wrap.large{max-height:520px}.hp-admin-table-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.hp-admin-table-head h2{margin:0}.hp-admin-table-head small{color:#0f172a8f;margin-top:4px;font-size:12px;font-weight:850;display:block}.hp-admin-table-tools{grid-template-columns:minmax(160px,1.4fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:8px;min-width:min(100%,620px);display:grid}.hp-admin-table-tools input,.hp-admin-table-tools select{color:#0f172a;min-height:38px;font:inherit;background:#ffffffc7;border:1px solid #0f172a1f;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:850}.hp-admin-table-tools button,.hp-admin-bulkbar button{color:#fff;cursor:pointer;background:linear-gradient(#f59e0b,#b45309);border:0;border-radius:12px;min-height:38px;padding:0 11px;font-size:11px;font-weight:950;box-shadow:0 8px 16px #b453092e}.hp-admin-bulkbar{background:linear-gradient(#fffbebdb,#ffffff94);border:1px solid #f59e0b2e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px;display:flex}.hp-admin-bulkbar button.danger{background:linear-gradient(#fb7185,#e11d48);box-shadow:0 8px 16px #e11d482e}.hp-admin-bulkbar button:disabled,.hp-admin-table-tools button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.62}.hp-admin-table-card table{border-collapse:collapse;width:100%;font-size:12px}.hp-admin-table-action button{color:#fff;cursor:pointer;background:linear-gradient(#f59e0b,#b45309);border:0;border-radius:11px;min-height:32px;padding:0 10px;font-size:11px;font-weight:950}.hp-admin-table-action button:disabled{cursor:not-allowed;opacity:.6}.hp-admin-table-card th,.hp-admin-table-card td{text-align:left;white-space:nowrap;border-bottom:1px solid #0f172a14;padding:10px 8px}.hp-admin-table-card tr.selected td{background:#facc151f}.hp-admin-table-card td input[type=checkbox]{accent-color:#f59e0b;width:17px;height:17px}.hp-admin-table-card th{z-index:1;color:#0f172a94;text-transform:uppercase;background:#fffffff0;font-size:10px;position:sticky;top:0}.hp-admin-login{border-radius:24px;max-width:520px;margin-top:12vh;padding:24px}.hp-admin-login h1{margin:0 0 8px;font-size:42px}.hp-admin-login p{color:#0f172aa8;margin:0 0 16px;font-weight:750}.hp-admin-login a{align-items:center;display:inline-flex}@media (max-width:840px){.hp-admin-hero,.hp-admin-layout,.hp-admin-tables{grid-template-columns:1fr}.hp-admin-hero{display:grid}.hp-admin-cockpit,.hp-admin-grid.stats,.hp-admin-poi-grid,.hp-admin-poi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.hp-ended-screen{color:#0f172a;background:radial-gradient(circle at 50% 0,#facc1542,#0000 34%),linear-gradient(#fff7ed,#eef2ff);place-items:center;min-height:100dvh;padding:24px;display:grid}.hp-ended-card{text-align:center;background:#ffffffd1;border:1px solid #0f172a1a;border-radius:28px;width:min(420px,100%);padding:24px;box-shadow:0 24px 60px #0f172a24,inset 0 1px #ffffffe0}.hp-ended-card span{color:#b45309;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950}.hp-ended-card h1{margin:8px 0 10px;font-size:34px;line-height:1}.hp-ended-card p{color:#0f172aa8;margin:0 0 18px;font-weight:750}.hp-ended-card button{color:#fff;cursor:pointer;background:linear-gradient(#facc15,#f97316);border:0;border-radius:16px;min-height:46px;padding:0 20px;font-weight:950;box-shadow:0 14px 28px #f9731647}@media (max-width:900px){.hp-admin-table-head{display:grid}.hp-admin-table-tools{grid-template-columns:1fr 1fr;min-width:0}}