:root{--hx-red:#ff4c3b;--hx-red-deep:#d9372a;--hx-red-dark:#b82a1e;--hx-red-soft:#fff0ee;--hx-red-line:#f6c3bb;--hx-orange:#ff8e2d;--hx-orange-deep:#c25a0a;--hx-orange-soft:#fff4e8;--hx-gold1:#ffe27a;--hx-gold2:#f5b800;--hx-gold3:#c99200;--hx-silver1:#f4f7fa;--hx-silver2:#bcc6d1;--hx-silver3:#8c98a6;--hx-bronze1:#f9c99b;--hx-bronze2:#d58a4b;--hx-bronze3:#a6622c;--hx-green:#14833b;--hx-green-soft:#e6f6eb;--hx-ink:#222;--hx-ink-2:#5e5552;--hx-ink-3:#7a6f6b;--hx-line:#f1e4df;--hx-depth:#eadbd5;--hx-paper:#fffdfb;--hx-clay:0 1px 0 #fff inset, 0 -3px 0 #22222209 inset, 0 6px 0 var(--hx-depth), 0 22px 36px -22px #78321e61;--hx-clay-sm:0 1px 0 #fff inset, 0 -2px 0 #2222220a inset, 0 4px 0 var(--hx-depth), 0 12px 20px -14px #78321e66;--hx-spring:cubic-bezier(.34, 1.56, .64, 1);--hx-ease:cubic-bezier(.22, 1, .36, 1)}.hx-num{font-variant-numeric:tabular-nums}.hx-label{letter-spacing:.08em;text-transform:uppercase;color:var(--hx-ink-3);font-size:11px;font-weight:800}.hx-card{box-shadow:var(--hx-clay);background:linear-gradient(#fff,#fffbf9);border:1.5px solid #f4e7e2;border-radius:24px}.hx-btn{min-height:48px;font:inherit;cursor:pointer;transition:transform .15s var(--hx-ease), box-shadow .15s var(--hx-ease), filter .2s;-webkit-tap-highlight-color:transparent;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14.5px;font-weight:800;text-decoration:none;display:inline-flex}.hx-btn:hover{filter:brightness(1.04)}.hx-btn:active{transform:translateY(5px)}.hx-btn:focus-visible,.hx-focus:focus-visible{outline:3px solid var(--hx-orange);outline-offset:3px}.hx-btn-red{color:#fff;box-shadow:0 1px 0 #ffffff73 inset, 0 6px 0 var(--hx-red-dark), 0 16px 24px -12px #d9372ab3;background:linear-gradient(#ff6a59,#ff4c3b 60%)}.hx-btn-red:active{box-shadow:0 1px 0 #ffffff73 inset, 0 1px 0 var(--hx-red-dark), 0 6px 12px -8px #d9372ab3}.hx-btn-ghost{color:var(--hx-red-deep);background:linear-gradient(#fff6f4,#ffe9e5);box-shadow:inset 0 1px #fff,0 5px #f4c5bd}.hx-btn-ghost:active{box-shadow:inset 0 1px #fff,0 0 #f4c5bd}.hx-btn-sm{border-radius:13px;min-height:40px;padding:0 13px;font-size:13px}.hx-icon{color:#fff;background:linear-gradient(160deg, var(--a), var(--b));width:42px;height:42px;box-shadow:0 1px 0 #ffffff8c inset, 0 -3px 0 #0000001f inset, 0 4px 0 var(--c), 0 10px 16px -10px var(--c);border-radius:13px;flex:none;place-items:center;display:grid}.hx-icon.is-sm{border-radius:11px;width:34px;height:34px}.hx-i-red{--a:#ff7a6b;--b:#ff4c3b;--c:#c9301f}.hx-i-orange{--a:#ffb15e;--b:#ff8e2d;--c:#c76510}.hx-i-gold{--a:#ffe27a;--b:#f5b800;--c:#b88600}.hx-i-indigo{--a:#8b92ff;--b:#5b63f0;--c:#3b42b8}.hx-i-green{--a:#4fd68a;--b:#16a35a;--c:#0e7140}.hx-avatar{color:#fff;text-shadow:0 1px 2px #00000040;background:radial-gradient(circle at 32% 28%, #ffffffb3 0 9%, transparent 10%), radial-gradient(circle at 38% 32%, var(--a1,#ffb15e), var(--a2,#ff4c3b) 75%);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset -3px -5px 8px #0003,0 5px 10px -5px #0006}.hx-avatar img{object-fit:cover;width:100%;height:100%}.hx-coin{--m1:var(--hx-gold1);--m2:var(--hx-gold2);--m3:var(--hx-gold3);color:#fff;text-shadow:0 1px #00000040;background:radial-gradient(circle at 34% 28%, #ffffffd9 0 8%, transparent 9%), linear-gradient(150deg, var(--m1), var(--m2) 70%);border:2.5px solid var(--m3);width:30px;height:30px;box-shadow:inset 0 -3px 0 #00000024, 0 3px 0 var(--m3), 0 8px 12px -6px #00000059;border-radius:50%;flex:none;place-items:center;font:900 13px/1 Roboto,Inter,sans-serif;display:grid}.hx-coin.is-silver{--m1:var(--hx-silver1);--m2:var(--hx-silver2);--m3:var(--hx-silver3)}.hx-coin.is-bronze{--m1:var(--hx-bronze1);--m2:var(--hx-bronze2);--m3:var(--hx-bronze3)}.hx-coin.is-orange{--m1:#ffc384;--m2:var(--hx-orange);--m3:#c76510}.hx-coin.is-green{--m1:#7be3a6;--m2:#16a35a;--m3:#0e7140}.hx-coin.is-xs{border-width:2px;width:24px;height:24px;font-size:9.5px}.hx-coin.is-spin{animation:hx-coinspin 4s var(--hx-ease) infinite}@keyframes hx-coinspin{0%,72%{transform:rotateY(0)}86%{transform:rotateY(180deg)scale(1.08)}to{transform:rotateY(360deg)}}@keyframes hx-coinflip{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}.hx-tag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:11.5px;font-weight:800;display:inline-flex}.hx-tag-pro{color:#fff;box-shadow:0 2px 0 var(--hx-red-dark);background:linear-gradient(#ff6a59,#ff4c3b)}.hx-tag-up{color:var(--hx-green);background:var(--hx-green-soft)}.hx-tag-down{color:#b42318;background:#fdecec}.hx-bar{background:#f2e9e5;border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 2px 3px #00000014}.hx-bar>i{height:100%;width:var(--w,0%);background:linear-gradient(180deg, #ffffff73, transparent 55%), var(--c,var(--hx-red));transform-origin:0;animation:hx-fill 1.1s var(--hx-ease) both;border-radius:99px;display:block}@keyframes hx-fill{0%{transform:scaleX(0)}}.hx-rise{animation:hx-rise .7s var(--hx-ease) both;animation-delay:calc(var(--i,0) * 70ms)}@keyframes hx-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes hx-pop{0%{opacity:0;transform:translateY(30px)scale(.92)}}@keyframes hx-hop{0%,60%,to{transform:none}70%{transform:translateY(-8px)scale(1.02,.98)}80%{transform:translateY(0)scale(1.05,.94)}88%{transform:scale(.98,1.03)}}@keyframes hx-bob{50%{transform:translateY(-6px)rotate(-4deg)}}@keyframes hx-rot{to{transform:rotate(360deg)}}.hx-home{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-block:8px 28px;display:grid}.hx-xpcard{padding:22px;position:relative;overflow:hidden}.hx-xpcard:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffe9df,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.hx-xpcard>*{z-index:1;position:relative}.hx-xpcard-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.hx-xpcard-head h2{margin:2px 0 0;font-size:20px}.hx-xp-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.hx-ring{filter:drop-shadow(0 10px 14px #d9372a38);width:150px;height:150px;position:relative}.hx-ring svg{width:150px;height:150px;transform:rotate(-90deg)}.hx-ring .hx-arc{transition:stroke-dashoffset 1.4s var(--hx-ease) .2s}.hx-ring-core{text-align:center;background:radial-gradient(circle at 35% 28%,#fff,#fff3ef 70%);border-radius:50%;place-content:center;display:grid;position:absolute;inset:24px;box-shadow:inset 0 -6px 10px #d9372a1a,inset 0 3px #fff,0 6px 12px -6px #78281e59}.hx-ring-core b{font-size:32px;line-height:1}.hx-ring-core small{color:var(--hx-ink-3);font-size:11px;font-weight:700}.hx-stats{gap:10px;display:grid}.hx-stat{border:1.5px solid var(--hx-line);box-shadow:var(--hx-clay-sm);transition:transform .25s var(--hx-ease);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hx-stat:hover{transform:translateY(-2px)}.hx-stat b{font-size:18px;display:block}.hx-stat small{color:var(--hx-ink-3);font-size:12px}.hx-stat .hx-tag{margin-left:auto}.hx-himi-says{background:linear-gradient(#fff8ef,#ffefdc);border-radius:18px;align-items:center;gap:12px;margin-top:16px;padding:10px 14px 10px 8px;font-size:13.5px;line-height:1.45;display:flex;box-shadow:inset 0 1px #fff,0 4px #f5ddbf}.hx-himi-says img{transform-origin:50% 100%;width:56px;height:56px;animation:hx-hop 2.6s var(--hx-ease) infinite;flex:none}.hx-xpcard .hx-cta{width:100%;margin-top:18px}.hx-guest{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.hx-guest img{width:96px;height:96px}.hx-guest p{color:var(--hx-ink-2);margin:6px 0 14px;font-size:14px}.hx-mini{flex-direction:column;gap:6px;padding:18px;display:flex}.hx-mini-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.hx-mini-head h2{align-items:center;gap:10px;margin:0;font-size:17px;display:flex}.hx-mini-head a{color:var(--hx-red-deep);font-size:13px;font-weight:800;text-decoration:none}.hx-mini-row{border-radius:14px;grid-template-columns:30px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.hx-mini-row.is-me{background:linear-gradient(#fff3f0,#ffe6e1);box-shadow:inset 0 1px #fff,0 3px #f4c5bd}.hx-mini-row b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.hx-mini-row .hx-pts{font-size:15px;font-weight:900}.hx-mini-empty{color:var(--hx-ink-3);padding:14px 4px;font-size:13.5px}.hx-toasts{z-index:1050;pointer-events:none;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:20px;right:20px}.hx-toast{color:#fff;animation:hx-toast-in .6s var(--hx-spring) both;pointer-events:auto;background:linear-gradient(#2e2e2e,#1f1f1f);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff1f,0 5px #000,0 20px 30px -16px #0009}.hx-toast.is-leaving{animation:hx-toast-out .35s var(--hx-ease) forwards}@keyframes hx-toast-in{0%{opacity:0;transform:translate(40px)scale(.9)}}@keyframes hx-toast-out{to{opacity:0;transform:translateY(10px)scale(.96)}}.hx-toast .hx-coin{animation:hx-coinflip .9s var(--hx-ease) .25s}.hx-toast .hx-plus{min-width:44px;color:var(--hx-orange);font:900 22px/1 Roboto,Inter,sans-serif}.hx-toast b{font-size:14px;display:block}.hx-toast small{color:#cfc6c3;margin-top:1px;font-size:12px;display:block}.hx-toast.is-light{color:var(--hx-ink);box-shadow:0 1px 0 #fff inset, 0 5px 0 var(--hx-depth), 0 20px 30px -18px #00000059;background:linear-gradient(#fff,#fff9f7)}.hx-toast.is-light small{color:var(--hx-ink-3)}.hx-toast.is-hot{box-shadow:0 1px 0 #ffffff59 inset, 0 5px 0 var(--hx-red-dark), 0 20px 30px -16px #d9372ab3;background:linear-gradient(135deg,#ff5a47,#ff8e2d)}.hx-toast.is-hot small{color:#ffe7df}.hx-page{isolation:isolate;padding:8px clamp(14px,2.4vw,28px) 40px;position:relative}.hx-lb{grid-template-columns:minmax(0,1fr) 320px;gap:22px;display:grid}.hx-hero{color:#fff;background:linear-gradient(130deg,#ff5644 0,#ff6e3a 45%,#ff922f 100%);border-radius:26px;flex-wrap:wrap;align-items:center;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,0 7px #cf3b22,0 26px 40px -24px #d9372acc}.hx-hero:before{content:"";background:conic-gradient(from 0deg, #ffffff2e 0 10deg, transparent 10deg 30deg);border-radius:50%;width:360px;height:360px;animation:30s linear infinite hx-rot;position:absolute;inset:-40% -10% auto auto;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.hx-hero>*{position:relative}.hx-hero img{filter:drop-shadow(0 10px 10px #781e0a59);transform-origin:50% 100%;width:86px;height:86px;animation:hx-hop 3s var(--hx-ease) infinite;margin:-10px -4px -14px -8px}.hx-hero h1{letter-spacing:-.02em;text-shadow:0 3px #a0281459;margin:0;font-size:30px}.hx-hero p{opacity:.95;margin:3px 0 0;font-size:14px}.hx-countdown{gap:6px;margin-left:auto;display:flex}.hx-cd{text-align:center;width:58px;color:var(--hx-ink);background:linear-gradient(#fff,#fff1ec);border-radius:14px;padding:6px 0 5px;box-shadow:inset 0 1px #fff,0 5px #c9301f,0 12px 16px -10px #0006}.hx-cd b{font-size:22px;line-height:1.1;display:block}.hx-cd b.is-flip{animation:hx-flip .5s var(--hx-ease)}@keyframes hx-flip{50%{opacity:.3;transform:rotateX(-90deg)}}.hx-cd small{letter-spacing:.06em;color:var(--hx-ink-3);font-size:9.5px;font-weight:800}.hx-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 6px;display:flex}.hx-seg{border:1px solid var(--hx-line);box-shadow:0 3px 0 var(--hx-depth);background:#fff;border-radius:999px;padding:3px;display:flex}.hx-seg button{min-height:36px;font:inherit;color:var(--hx-ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.hx-seg button[aria-pressed=true]{color:#fff;background:var(--hx-ink)}.hx-hint{color:var(--hx-ink-3);align-items:center;gap:6px;font-size:12.5px;display:flex}.hx-podium{grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:14px;margin:30px 4px 22px;display:grid}.hx-pod{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.hx-pod.is-empty{visibility:hidden}.hx-pod-top{max-width:100%;animation:hx-drop .8s var(--hx-spring) both;animation-delay:var(--dt);flex-direction:column;align-items:center;gap:3px;margin-bottom:16px;display:flex}@keyframes hx-drop{0%{opacity:0;transform:translateY(-30px)}}.hx-pod .hx-avatar{width:64px;height:64px;box-shadow:inset -4px -7px 10px #0003, 0 0 0 3px var(--ring), 0 12px 18px -8px #00000073;border:4px solid #fff;font-size:20px}.hx-pod.is-1 .hx-avatar{width:80px;height:80px;font-size:24px}.hx-crown{color:#c99200;margin-bottom:-6px;animation:2.2s ease-in-out infinite hx-bob}.hx-crown svg{fill:#ffd84d;filter:drop-shadow(0 3px #c99200)}.hx-pod h3{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:6px 0 0;font-size:14.5px;overflow:hidden}.hx-pod-xp{align-items:center;gap:5px;font-size:20px;font-weight:900;display:flex}.hx-pod-sub{color:var(--hx-ink-3);margin-bottom:6px;font-size:11.5px}.hx-stand{width:100%;height:var(--h);background:linear-gradient(180deg, var(--c1), var(--c2));box-shadow:inset 0 3px 0 #ffffff8c, inset 0 -8px 14px #0000001f, 0 8px 0 var(--c3), 0 30px 34px -22px #00000073;transform-origin:50% 100%;animation:hx-grow .9s var(--hx-spring) both;animation-delay:var(--dg);border-radius:8px 8px 14px 14px;position:relative}@keyframes hx-grow{0%{transform:scaleY(0)}}.hx-stand:before{content:"";background:radial-gradient(ellipse at 50% 40%, #fff 0, var(--lid) 55%, var(--c1) 100%);border-radius:50%;height:32px;position:absolute;top:-16px;left:0;right:0;box-shadow:inset 0 -3px #0000000f}.hx-stand span{color:#fff;text-shadow:0 3px 0 var(--c3), 0 6px 10px #0003;font:900 46px/1 Roboto,Inter,sans-serif;position:absolute;inset:18px 0 auto}.hx-pod.is-1{--c1:var(--hx-gold1);--c2:var(--hx-gold2);--c3:var(--hx-gold3);--lid:#fff1b8;--ring:var(--hx-gold2);--h:150px;--dg:.35s;--dt:1.05s}.hx-pod.is-2{--c1:var(--hx-silver1);--c2:var(--hx-silver2);--c3:var(--hx-silver3);--lid:#fff;--ring:var(--hx-silver2);--h:110px;--dg:.2s;--dt:.85s}.hx-pod.is-3{--c1:var(--hx-bronze1);--c2:var(--hx-bronze2);--c3:var(--hx-bronze3);--lid:#ffe3c8;--ring:var(--hx-bronze2);--h:82px;--dg:50ms;--dt:.7s}.hx-pod.is-1 .hx-stand:after{content:"";border-radius:inherit;background:linear-gradient(105deg,#0000 30%,#ffffff8c 45%,#0000 60%) 0 0/250% 100%;animation:3.2s ease-in-out 1.6s infinite hx-shine;position:absolute;inset:0}@keyframes hx-shine{0%{background-position:120% 0}60%,to{background-position:-60% 0}}.hx-list{padding:8px}.hx-row{transition:transform .25s var(--hx-ease), box-shadow .25s var(--hx-ease), background .2s;border-radius:16px;grid-template-columns:40px 40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.hx-row:hover{box-shadow:0 4px 0 var(--hx-depth), 0 14px 20px -14px #78321e73;background:#fff;transform:translateY(-2px)}.hx-rank{text-align:center;color:var(--hx-ink-3);font-size:15px;font-weight:900}.hx-rank.is-chip{width:32px;height:32px;color:var(--hx-orange-deep);background:linear-gradient(#fff6ec,#ffe7cc);border-radius:10px;place-items:center;margin:auto;display:grid;box-shadow:0 3px #f0cfa6}.hx-name{min-width:0}.hx-name b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block;overflow:hidden}.hx-name small{color:var(--hx-ink-3);font-size:12px}.hx-points{text-align:right;min-width:70px;font-size:16px;font-weight:900}.hx-row.is-me{background:linear-gradient(#fff3f0,#ffe6e1);box-shadow:inset 0 1px #fff,0 4px #f4c5bd}.hx-row.is-me .hx-rank{color:var(--hx-red-deep)}.hx-cut{letter-spacing:.08em;text-transform:uppercase;color:var(--hx-orange-deep);align-items:center;gap:10px;margin:8px 12px;font-size:11px;font-weight:900;display:flex}.hx-cut:before,.hx-cut:after{content:"";background:repeating-linear-gradient(90deg,#ffc48f 0 10px,#0000 10px 16px);border-radius:3px;flex:1;height:3px}.hx-mybar{z-index:2;color:#fff;background:linear-gradient(#323232,#1e1e1e);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 14px;margin:12px 4px 4px;padding:12px 16px;display:grid;position:sticky;bottom:12px;box-shadow:inset 0 1px #ffffff1f,0 6px #000,0 24px 30px -18px #0009}.hx-mybar .hx-myrank{grid-row:span 2;font-size:26px;font-weight:900}.hx-mybar small{color:#cfc6c3;font-size:12px;display:block}.hx-mybar .hx-gap{text-align:right;color:#cfc6c3;font-size:12px}.hx-mybar .hx-gap b{color:var(--hx-orange);font-size:16px;display:block}.hx-mybar .hx-bar{height:8px;box-shadow:none;background:#3f3f3f;grid-column:2/4}.hx-empty{text-align:center;color:var(--hx-ink-2);padding:28px 16px}.hx-empty img{width:110px;height:110px}.hx-side{align-content:start;gap:16px;display:grid}.hx-side .hx-card{padding:18px}.hx-side h2{align-items:center;gap:10px;margin:0 0 12px;font-size:16px;display:flex}.hx-rw{border-bottom:1.5px dashed var(--hx-line);align-items:center;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.hx-rw:last-of-type{border:0}.hx-rw b{color:var(--hx-red-deep);margin-left:auto}.hx-note{color:var(--hx-ink-2);margin:10px 0 0;font-size:12.5px;line-height:1.55}.hx-rule-link{text-align:left;width:100%;font:inherit;cursor:pointer;transition:transform .2s var(--hx-ease), box-shadow .2s var(--hx-ease);background:linear-gradient(#fff8ef,#ffebd4);border:0;border-radius:22px;align-items:center;gap:12px;padding:12px 16px 12px 10px;display:flex;box-shadow:inset 0 1px #fff,0 6px #f0cfa6,0 20px 26px -18px #c25a0a8c}.hx-rule-link:hover{transform:translateY(-3px)}.hx-rule-link:active{transform:translateY(4px);box-shadow:inset 0 1px #fff,0 1px #f0cfa6}.hx-rule-link img{filter:drop-shadow(0 8px 8px #783c0a4d);width:64px;height:64px;margin:-14px 0 -8px}.hx-rule-link b{font-size:15.5px;display:block}.hx-rule-link small{color:var(--hx-ink-2);font-size:12px}.hx-rule-link .hx-go{width:34px;height:34px;color:var(--hx-orange-deep);background:#fff;border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid;box-shadow:0 3px #f0cfa6}.hx-backdrop{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#28161073;place-items:center;padding:24px 16px;animation:.25s both hx-fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes hx-fade{0%{opacity:0}}.hx-modal{width:min(640px,100%);max-height:calc(100dvh - 48px);animation:hx-pop .7s var(--hx-spring) both;overscroll-behavior:contain;background:linear-gradient(#fff,#fffbf9);border-radius:30px;position:relative;overflow-y:auto;box-shadow:inset 0 1px #fff,0 8px #e2cec6,0 50px 80px -30px #0000008c}.hx-m-head{align-items:center;gap:14px;padding:22px 22px 0;display:flex}.hx-m-pic{background:radial-gradient(circle at 50% 35%,#fff1de,#ffddb8);border-radius:24px;flex:none;place-items:end center;width:76px;height:76px;display:grid;box-shadow:inset 0 1px #fff,0 5px #f0cfa6}.hx-m-pic img{filter:drop-shadow(0 6px 6px #783c0a4d);transform-origin:50% 100%;width:86px;height:86px;animation:hx-hop 3s var(--hx-ease) infinite;margin-bottom:-4px}.hx-m-head h2{margin:0;font-size:22px}.hx-m-head p{color:var(--hx-ink-2);margin:2px 0 0;font-size:13px}.hx-close{cursor:pointer;width:42px;height:42px;box-shadow:0 1px 0 #fff inset, 0 4px 0 var(--hx-depth);background:#fff;border:0;border-radius:14px;flex:none;align-self:flex-start;place-items:center;margin-left:auto;display:grid}.hx-close:active{box-shadow:0 1px 0 var(--hx-depth);transform:translateY(3px)}.hx-tabs{background:#f6eeea;border-radius:18px;grid-template-columns:1fr 1fr;margin:18px 22px 0;padding:5px;display:grid;position:relative;box-shadow:inset 0 2px 4px #0000000f}.hx-tabs-ind{width:calc(50% - 5px);box-shadow:0 1px 0 #fff6 inset, 0 4px 0 var(--hx-red-dark);transition:transform .45s var(--hx-spring);background:linear-gradient(#ff6a59,#ff4c3b);border-radius:14px;position:absolute;top:5px;bottom:5px;left:5px}.hx-tabs[data-tab="1"] .hx-tabs-ind{transform:translate(100%)}.hx-tabs button{z-index:1;min-height:44px;font:inherit;color:var(--hx-ink-2);cursor:pointer;background:0 0;border:0;padding:10px;font-size:14px;font-weight:800;transition:color .3s;position:relative}.hx-tabs button[aria-selected=true]{color:#fff}.hx-m-body{padding:18px 22px 24px}.hx-pane{animation:hx-rise .45s var(--hx-ease) both}.hx-sum{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.hx-sum div{border:1.5px solid var(--hx-line);box-shadow:var(--hx-clay-sm);background:#fff;border-radius:16px;padding:11px 12px}.hx-sum b{font-size:22px;display:block}.hx-sum small{color:var(--hx-ink-3);font-size:11.5px}.hx-src{border-bottom:1.5px dashed var(--hx-line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;display:grid}.hx-src:last-child{border:0}.hx-src-t{font-size:14px;font-weight:700}.hx-src-t small{color:var(--hx-ink-3);margin:1px 0 6px;font-size:12px;font-weight:500;display:block}.hx-src-v{text-align:right;font-size:17px;font-weight:900}.hx-src-v small{color:var(--hx-ink-3);font-size:11px;font-weight:700;display:block}.hx-rules{gap:8px;display:grid}.hx-rule{border:1.5px solid var(--hx-line);box-shadow:var(--hx-clay-sm);background:#fff;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.hx-rule b{font-size:14px;display:block}.hx-rule small{color:var(--hx-ink-3);font-size:12px}.hx-pts{white-space:nowrap;color:var(--hx-red-deep);background:var(--hx-red-soft);border-radius:12px;padding:8px 10px;font:900 16px/1 Roboto,Inter,sans-serif;box-shadow:0 3px #f6cfc8}.hx-facts{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.hx-fact{color:var(--hx-ink-2);background:linear-gradient(#fff8ef,#fff0df);border-radius:16px;padding:12px;font-size:12.5px;line-height:1.5;box-shadow:0 3px #f5ddbf}.hx-fact b{color:var(--hx-ink);align-items:center;gap:6px;margin-bottom:3px;font-size:13px;display:flex}.hx-recap{text-align:center;border-radius:30px;padding:26px 24px;position:relative;overflow:hidden}.hx-rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, #ffc45047 0 9deg, transparent 9deg 22deg);border-radius:50%;width:620px;height:620px;margin:-310px 0 0 -310px;animation:24s linear infinite hx-rot;position:absolute;top:120px;left:50%;-webkit-mask:radial-gradient(circle,#000 15%,#0000 62%);mask:radial-gradient(circle,#000 15%,#0000 62%)}.hx-recap.is-other .hx-rays{background:repeating-conic-gradient(from 0deg, #ff8e2d29 0 9deg, transparent 9deg 22deg)}.hx-recap>:not(.hx-rays):not(.hx-confetti){position:relative}.hx-confetti{z-index:3;pointer-events:none;border-radius:30px;position:absolute;inset:0;overflow:hidden}.hx-confetti i{opacity:0;border-radius:2px;width:9px;height:14px;position:absolute;top:120px;left:50%}.hx-recap .hx-close{z-index:4;position:absolute;top:14px;right:14px}.hx-stagewrap{place-items:end center;height:170px;display:grid}.hx-stagewrap img{transform-origin:50% 100%;width:170px;height:170px;animation:hx-jump 1s var(--hx-spring) .2s both, hx-hop 2.8s var(--hx-ease) 1.4s infinite}@keyframes hx-jump{0%{opacity:0;transform:translateY(-80px)scale(.6)}60%{opacity:1;transform:translateY(6px)scale(1.06,.92)}80%{transform:translateY(-4px)scale(.98,1.03)}}.hx-rankline{animation:hx-pop .7s var(--hx-spring) .7s both;align-items:center;gap:12px;margin-top:6px;display:inline-flex}.hx-rankline .hx-coin{width:52px;height:52px;animation:hx-coinflip 1.2s var(--hx-ease) .8s;border-width:3.5px;font-size:22px}.hx-rankline strong{letter-spacing:-.02em;font:900 48px/1 Roboto,Inter,sans-serif}.hx-recap h2{margin:8px 0 0;font-size:22px}.hx-recap .hx-lead{color:var(--hx-ink-2);margin:6px 0 0;font-size:14px}.hx-reward{grid-template-columns:1fr 1fr;gap:12px;max-width:430px;margin:18px auto 0;display:grid}.hx-reward>div{text-align:left;border:1.5px solid var(--hx-line);box-shadow:var(--hx-clay-sm);animation:hx-rise .6s var(--hx-ease) both;animation-delay:calc(1s + var(--i,0) * .12s);background:#fff;border-radius:18px;padding:12px 14px}.hx-reward b{font-size:24px;display:block}.hx-reward small{color:var(--hx-ink-3);font-size:12px}.hx-reward .hx-ticket{color:#fff;box-shadow:0 1px 0 #ffffff59 inset, 0 5px 0 var(--hx-red-dark);animation:hx-stamp .7s var(--hx-spring) 1.25s both;background:linear-gradient(135deg,#ff5a47,#ff8e2d);border:0;position:relative;overflow:hidden}.hx-reward .hx-ticket small{color:#ffe7df}.hx-reward .hx-ticket:after{content:"";background:#fffdfb;border-radius:50%;width:28px;height:28px;margin-top:-14px;position:absolute;top:50%;right:-14px}@keyframes hx-stamp{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}to{opacity:1;transform:rotate(-1.5deg)}}.hx-datebar{max-width:430px;color:var(--hx-ink-2);background:#fff;border:1.5px dashed #ebd7cf;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:14px auto 0;padding:10px 12px;font-size:13px;display:flex}.hx-old{color:var(--hx-ink-3);position:relative}.hx-old:after{content:"";background:var(--hx-red);transform-origin:0;height:2px;animation:hx-strike .5s var(--hx-ease) 1.7s both;position:absolute;top:52%;left:-2px;right:-2px}@keyframes hx-strike{0%{transform:scaleX(0)}}.hx-new{color:var(--hx-green);animation:hx-rise .5s var(--hx-spring) 2.1s both;font-weight:900}.hx-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.hx-account{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.hx-account .hx-card{padding:20px}.hx-account .is-wide{grid-column:1/-1}.hx-lvl{align-items:center;gap:18px;margin-top:12px;display:flex}.hx-gem{flex:none;place-items:center;width:84px;height:84px;animation:3.4s ease-in-out infinite hx-float;display:grid;position:relative}.hx-gem:before{content:"";box-shadow:inset 3px 3px 0 #ffffff73, inset -4px -5px 0 #00000024, 0 6px 0 var(--hx-red-dark), 0 18px 22px -12px #d9372ab3;background:linear-gradient(135deg,#ffb15e,#ff4c3b 70%);border-radius:22px;position:absolute;inset:8px;transform:rotate(45deg)}.hx-gem b{color:#fff;text-shadow:0 2px 0 var(--hx-red-dark);font:900 30px/1 Roboto,Inter,sans-serif;position:relative}.hx-gem small{letter-spacing:.1em;color:var(--hx-red-deep);box-shadow:0 2px 0 var(--hx-depth);background:#fff;border-radius:99px;padding:3px 7px;font-size:9.5px;font-weight:900;position:absolute;top:-6px}@keyframes hx-float{50%{transform:translateY(-6px)}}.hx-badges{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.hx-badge{text-align:center;color:var(--hx-ink-2);perspective:400px;font-size:12px;font-weight:600}.hx-medal{color:#fff;background:radial-gradient(circle at 34% 28%, #fffc 0 8%, transparent 9%), linear-gradient(150deg, var(--m1), var(--m2) 70%);border:3px solid var(--m3);width:64px;height:64px;box-shadow:inset 0 -4px 0 #00000024, 0 5px 0 var(--m3), 0 14px 18px -10px #00000073;transition:transform .35s var(--hx-spring);border-radius:50%;place-items:center;margin:0 auto 8px;display:grid}.hx-badge:hover .hx-medal{transform:rotateY(25deg)rotateX(10deg)translateY(-4px)}.hx-medal.is-gold{--m1:var(--hx-gold1);--m2:var(--hx-gold2);--m3:var(--hx-gold3)}.hx-medal.is-silver{--m1:var(--hx-silver1);--m2:var(--hx-silver2);--m3:var(--hx-silver3)}.hx-medal.is-orange{--m1:#ffc384;--m2:var(--hx-orange);--m3:#c76510}.hx-medal.is-green{--m1:#7be3a6;--m2:#16a35a;--m3:#0e7140}.hx-medal.is-lock{--m1:#f1ecea;--m2:#d9d0cc;--m3:#bfb4af}.hx-badge em{color:var(--hx-ink);font-style:normal;font-weight:900;display:block}.hx-switch{border:0;border-top:1.5px dashed var(--hx-line);width:100%;min-height:64px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:14px;margin-top:16px;padding:14px 4px 2px;display:flex}.hx-switch:disabled{cursor:wait;opacity:1}.hx-switch-t{flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.35}.hx-switch-t small{color:var(--hx-ink-3);margin-top:3px;font-size:12px;font-weight:500;line-height:1.45;display:block}.hx-switch-side{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.hx-switch-state{letter-spacing:.02em;color:var(--hx-red-deep);white-space:nowrap;font-size:11px;font-weight:800}.hx-switch[aria-checked=false] .hx-switch-state{color:var(--hx-ink-3)}.hx-toggle{box-sizing:border-box;width:54px;height:32px;box-shadow:inset 0 2px 4px #00000026, 0 3px 0 var(--hx-red-dark);background:linear-gradient(#ff6a59,#ff4c3b);border-radius:99px;flex:none;transition:background .25s,box-shadow .25s;display:block;position:relative}.hx-toggle:after{content:"";width:24px;height:24px;transition:transform .35s var(--hx-spring);background:radial-gradient(circle at 35% 30%,#fff,#f3ece9);border-radius:50%;position:absolute;top:50%;left:4px;transform:translate(22px,-50%);box-shadow:0 3px #0000002e}.hx-switch[aria-checked=false] .hx-toggle{background:#e2d8d4;box-shadow:inset 0 2px 4px #0000001f,0 3px #c9bdb8}.hx-switch[aria-checked=false] .hx-toggle:after{transform:translateY(-50%)}.hx-switch:disabled .hx-toggle{opacity:.6}.hx-hist>div{border-bottom:1.5px dashed var(--hx-line);align-items:center;gap:12px;padding:10px 0;font-size:13.5px;display:flex}.hx-hist>div:last-child{border:0}.hx-hist>div>span:last-child{color:var(--hx-green);white-space:nowrap;margin-left:auto;font-weight:900}@media (width<=1100px){.hx-lb{grid-template-columns:minmax(0,1fr)}.hx-side{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=860px){.hx-home,.hx-account{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.hx-xp-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.hx-stats{width:100%}.hx-hero{gap:10px;padding:18px}.hx-hero img{width:68px;height:68px}.hx-hero h1{font-size:23px}.hx-countdown{width:100%;margin-left:0}.hx-podium{gap:8px;margin:26px 0 18px}.hx-pod .hx-avatar{width:50px;height:50px;font-size:16px}.hx-pod.is-1 .hx-avatar{width:62px;height:62px}.hx-pod-xp{font-size:16px}.hx-pod-sub{display:none}.hx-pod.is-1{--h:118px}.hx-pod.is-2{--h:88px}.hx-pod.is-3{--h:66px}.hx-stand span{font-size:34px;inset:14px 0 auto}.hx-row{grid-template-columns:30px 36px minmax(0,1fr) auto;gap:9px;padding:9px 8px}.hx-row .hx-delta{display:none}.hx-toasts{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:auto}.hx-backdrop{place-items:end center;padding:0}.hx-modal{border-radius:28px 28px 0 0;max-height:92dvh;box-shadow:0 -20px 50px -20px #00000080}.hx-m-head{padding:18px 16px 0}.hx-m-pic{border-radius:20px;width:62px;height:62px}.hx-m-pic img{width:70px;height:70px}.hx-m-head h2{font-size:19px}.hx-tabs{margin:16px 16px 0}.hx-m-body{padding:16px}.hx-sum div{padding:9px}.hx-sum b{font-size:18px}.hx-facts{grid-template-columns:minmax(0,1fr)}.hx-recap{padding:22px 16px}.hx-rankline strong{font-size:40px}.hx-actions{flex-direction:column}.hx-badges{gap:6px}.hx-medal{width:54px;height:54px}}@media (prefers-reduced-motion:reduce){[class*=hx-],[class*=hx-]:before,[class*=hx-]:after{transition:none!important;animation:none!important}}