.gh-bg{z-index:0;pointer-events:none;background:radial-gradient(60% 28% at 20% 0,#4ff0b433,#0000 70%),radial-gradient(55% 30% at 100% 30%,#ff4f7b2e,#0000 70%),radial-gradient(70% 35% at 0 75%,#5cc8ff29,#0000 70%),linear-gradient(#1d1b4a 0%,#16153a 45%,#100f2a 100%);position:fixed;inset:0}.gh-root{z-index:1;color:#f6f7ff;--gh-display:var(--font-arcade), var(--font-app), system-ui, sans-serif;flex-direction:column;gap:.85rem;display:flex;position:relative}.gh-hero{color:#fff;background:radial-gradient(70% 90% at 75% 40%,#ffffff2e,#0000 60%),radial-gradient(120% 120% at 0 100%,#0b4d32,#0000 60%),linear-gradient(135deg,#17a36b 0%,#0c7a4f 50%,#075236 100%);border-radius:26px;align-items:center;min-height:9.6rem;padding:1rem .5rem 1rem 1.1rem;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px -18px #17a36bf2,inset 0 0 0 2px #ffcf3f8c,inset 0 0 0 6px #053c2699}.gh-hero:active{transform:scale(.98)}.gh-hero-rays{pointer-events:none;background:repeating-conic-gradient(#ffffff1f 0deg 8deg,#0000 8deg 22deg);border-radius:999px;width:16rem;height:16rem;margin-top:-8rem;animation:26s linear infinite gh-spin;position:absolute;top:50%;right:-3rem;-webkit-mask:radial-gradient(circle,#000 10%,#0000 64%);mask:radial-gradient(circle,#000 10%,#0000 64%)}@keyframes gh-spin{to{transform:rotate(360deg)}}.gh-hero-text{z-index:1;flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;min-width:0;display:flex;position:relative}.gh-seal{color:#3a1400;background:linear-gradient(135deg,#fff3b0,#ffcf3f);border-radius:999px;padding:.15rem .55rem;font-size:.66rem;font-weight:900;box-shadow:0 0 14px #ffcf3f99}.gh-hero-name{font-family:var(--gh-display);letter-spacing:-.04em;text-shadow:0 3px #0003;font-size:1.85rem;font-weight:900;line-height:1.05}.gh-play{color:#2b1600;background:linear-gradient(135deg,#ffe58a,#ffcf3f 55%,#ff9d00);border-radius:999px;align-items:center;gap:.35rem;margin-top:.45rem;padding:.45rem .95rem;font-size:.85rem;font-weight:900;display:inline-flex;box-shadow:0 8px 18px -8px #ff9d00e6}.gh-hero-art{z-index:1;filter:drop-shadow(0 10px 14px #00000073);flex-shrink:0;width:8.2rem;height:8.2rem;animation:3.6s ease-in-out infinite gh-float;position:relative}@keyframes gh-float{50%{transform:translateY(-5px)rotate(-2deg)}}.gh-cases{color:#fff;background:radial-gradient(70% 140% at 0%,#ffcf3f59,#0000 60%),linear-gradient(120deg,#4a1d9e,#6c2fd6 55%,#8e52f0);border-radius:22px;align-items:center;gap:.8rem;padding:.7rem .9rem .7rem .7rem;transition:transform .15s;display:flex;box-shadow:0 14px 28px -16px #6c2fd6f2,inset 0 1px #ffffff40}.gh-cases:active{transform:scale(.98)}.gh-cases-art{filter:drop-shadow(0 6px 10px #0006);flex-shrink:0;width:3.8rem;height:3.8rem}.gh-cases-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.gh-cases-text b{font-family:var(--gh-display);letter-spacing:-.03em;font-size:1.2rem;font-weight:900}.gh-cases-text small{color:#ffffffd9;font-size:.74rem;font-weight:700}.gh-chev{color:#ffe58a;flex-shrink:0}.gh-arena{isolation:isolate;background:#13122e;border-radius:24px;flex-direction:column;gap:.55rem;padding:.7rem;display:flex;position:relative}.gh-arena:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--gh-a,0deg), #ff4f7b, #ffcf3f, #4fe3d6, #5cc8ff, #ff4f7b);-webkit-mask-composite:xor;padding:2px;animation:6s linear infinite gh-neon;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@property --gh-a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes gh-neon{to{--gh-a:360deg}}.gh-arena-label{color:#ffcf3f;align-items:center;gap:.35rem;margin:0;padding-left:.2rem;font-size:.76rem;font-weight:900;display:flex}.gh-arena-row{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.gh-duel{text-align:center;color:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .5rem .8rem;transition:transform .15s;display:flex}.gh-duel:active{transform:scale(.97)}.gh-duel-battle{background:radial-gradient(80% 70% at 50% 25%,#ffd56b59,#0000 70%),linear-gradient(160deg,#ff4f7b,#b0103e);box-shadow:0 12px 24px -14px #ff4f7bf2,inset 0 1px #ffffff4d}.gh-duel-trade{background:radial-gradient(80% 70% at 50% 25%,#ffffff4d,#0000 70%),linear-gradient(160deg,#23c8d6,#0d6f9e);box-shadow:0 12px 24px -14px #23c8d6f2,inset 0 1px #ffffff4d}.gh-duel-art{filter:drop-shadow(0 6px 8px #00000059);width:3.6rem;height:3.6rem}.gh-duel b{font-family:var(--gh-display);letter-spacing:-.02em;font-size:1rem;font-weight:900}.gh-duel small{color:#ffffffe0;font-size:.68rem;font-weight:700;line-height:1.25}.gh-sec{flex-direction:column;gap:.5rem;scroll-margin-top:.75rem;display:flex}.gh-sec-head{align-items:baseline;gap:.5rem;margin:.2rem 0 0;padding-left:.2rem;display:flex}.gh-sec-head b{font-family:var(--gh-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:900}.gh-sec-head small{color:#9097c4;font-size:.72rem;font-weight:700}.gh-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.gh-tile{color:#f6f7ff;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gm) 35%, transparent);background:#ffffff0e;border-radius:20px;flex-direction:column;gap:.15rem;padding:.7rem .75rem .75rem;transition:transform .15s;display:flex;position:relative;overflow:hidden}.gh-tile:active{transform:scale(.97)}.gh-tile-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--gm) 45%, transparent), transparent);pointer-events:none;border-radius:999px;width:7rem;height:7rem;position:absolute;top:-2.5rem;left:-2rem}.gh-tile-art{filter:drop-shadow(0 6px 8px #0006);width:3.4rem;height:3.4rem;margin-bottom:.25rem;position:relative}.gh-tile-name{font-family:var(--gh-display);letter-spacing:-.02em;font-size:.95rem;font-weight:900;position:relative}.gh-tile-tag{-webkit-line-clamp:2;color:#c9cdf0;-webkit-box-orient:vertical;font-size:.68rem;font-weight:600;line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.gh-cost{color:#f6f7ff;background:#00000059;border-radius:999px;align-items:center;gap:.2rem;padding:.12rem .45rem;font-size:.68rem;font-weight:900;display:inline-flex;position:absolute;top:.6rem;right:.6rem}.gh-tile-low{opacity:.6}.gh-cost-low{color:#ff8aa8}@media (prefers-reduced-motion:reduce){.gh-hero-rays,.gh-hero-art,.gh-arena:before{animation:none}}.gh-hero-name{font-size:1.55rem}.gh-hero-art{width:7.4rem;height:7.4rem;margin-left:-.6rem}.gh-lvl{z-index:1;color:#10122b;background:var(--gm,#ffcf3f);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .45rem;font-size:.66rem;font-weight:900;display:inline-flex;position:absolute;top:2.15rem;left:auto;right:.6rem}.gh-lvl i{color:#7a2400;align-items:center;gap:.05rem;font-style:normal;display:inline-flex}.gh-hero-tags{align-items:center;gap:.35rem;display:flex}.gh-lvl.gh-lvl-hero{color:#06261b;background:#4ff0b4;position:static}.gh-tile-soon{cursor:default}.gh-tile-soon:active{transform:none}.gh-tile-soon .gh-tile-art{filter:drop-shadow(0 6px 8px #0006)saturate(.85)}.gh-new{letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#ff5ba8,#ff3d6e);border-radius:999px;padding:.12rem .45rem;font-size:.6rem;font-weight:900;position:absolute;top:.55rem;right:.55rem;box-shadow:0 0 12px #ff4682b3}.gh-soon{color:#ffffffbf;background:#ffffff14;border-radius:999px;align-self:flex-start;margin-top:.35rem;padding:.14rem .5rem;font-size:.62rem;font-weight:800;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.gh-tile-soon{--gm:#7c8099;background:#787c961f;box-shadow:inset 0 0 0 1px #a0a5be38}.gh-tile-soon .gh-tile-art{filter:grayscale()brightness(.8);opacity:.7}.gh-tile-soon .gh-tile-name,.gh-tile-soon .gh-tile-tag{color:#dcdeeb80}.gh-cases{color:#2b1100;background:radial-gradient(55% 150% at 10%,#fff9,#0000 60%),linear-gradient(115deg,#fff0a8 0%,#ffcf3f 40%,#ff9a3d 75%,#ff6a3d 100%);position:relative;overflow:hidden;box-shadow:0 16px 32px -16px #ff9628f2,inset 0 1px #ffffffb3,inset 0 -3px #963c0059}.gh-cases:before{content:"";pointer-events:none;background:repeating-conic-gradient(#ffffff73 0deg 9deg,#0000 9deg 24deg);border-radius:50%;width:9rem;height:9rem;margin:-4.5rem 0 0 -4.5rem;animation:20s linear infinite gh-cases-rays;position:absolute;top:50%;left:2.6rem;-webkit-mask:radial-gradient(circle,#000 20%,#0000 66%);mask:radial-gradient(circle,#000 20%,#0000 66%)}@keyframes gh-cases-rays{to{transform:rotate(360deg)}}.gh-cases>*{position:relative}.gh-cases-text small{color:#2b1100c7}.gh-cases .gh-chev{color:#2b1100}@media (prefers-reduced-motion:reduce){.gh-cases:before{animation:none}}.gh-tile-off{filter:grayscale(.85);opacity:.55;cursor:not-allowed}.gh-tile-off:active{transform:none}.gh-mark{z-index:2;color:#2b0016;background:#ffcf3f;border-radius:999px;padding:.1rem .45rem;font-size:.62rem;font-weight:900;position:absolute;top:.55rem;left:.55rem}.gh-mark-admin{color:#06203a;background:#6cc8ff}.gh-exp{color:#fff;isolation:isolate;background:radial-gradient(60% 120% at 82% 60%,#ff8c3c6b,#0000 62%),radial-gradient(50% 120% at 0 0,#5fe3ff47,#0000 65%),linear-gradient(110deg,#0c2a4a 0%,#123a63 42%,#2a2152 72%,#3d1830 100%);border-radius:24px;align-items:center;height:4.9rem;padding:0 1rem;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -16px #3c96ffd9,inset 0 0 0 2px #ffcf3f80,inset 0 0 0 6px #061a308c}.gh-exp:active{transform:scale(.98)}.gh-exp-sea{z-index:-1;opacity:.55;background:repeating-radial-gradient(40px 10px,#0000 0 6px,#a0dcff29 6px 7px,#0000 7px 16px) 0 0/80px 26px;animation:9s linear infinite gh-exp-sea;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000 0%,#000 45%);mask:linear-gradient(90deg,#0000 0%,#000 45%)}@keyframes gh-exp-sea{to{background-position:-80px 0}}.gh-exp-route{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gh-exp-route path{fill:none;stroke:#ffecaabf;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:.5 9;vector-effect:non-scaling-stroke;animation:1.4s linear infinite gh-exp-dash}@keyframes gh-exp-dash{to{stroke-dashoffset:-9.5px}}.gh-exp-isl{z-index:1;background:radial-gradient(circle at 50% 70%, rgba(var(--ig), .6), rgba(var(--ig), .12) 55%, transparent 70%);border-radius:50%;place-items:center;animation:4s ease-in-out infinite gh-exp-bob;display:grid;position:absolute}.gh-exp-isl img{object-fit:contain;filter:drop-shadow(0 6px 8px #0000008c);width:100%;height:100%}.gh-exp-isl-1{--ig:95, 227, 255;width:3.3rem;height:3.3rem;bottom:-.2rem;right:6.9rem}.gh-exp-isl-2{--ig:255, 122, 47;width:4.4rem;height:4.4rem;animation-delay:-1.3s;bottom:-.5rem;right:2.1rem}.gh-exp-isl-3{--ig:255, 216, 79;opacity:.85;width:2.5rem;height:2.5rem;animation-delay:-2.6s;bottom:.4rem;right:-.2rem}@keyframes gh-exp-bob{50%{transform:translateY(-4px)}}.gh-exp-text{z-index:3;flex-direction:column;align-items:flex-start;gap:.15rem;display:flex;position:relative}.gh-exp-text b{font-family:var(--gh-display);letter-spacing:-.04em;text-shadow:0 3px #0000004d,0 0 12px #041230d9;font-size:1.3rem;font-weight:900;line-height:1}.gh-exp-text small{text-shadow:0 1px 6px #041230e6;white-space:nowrap;color:#ffffffd9;font-size:.72rem;font-weight:700;line-height:1.2}.gh-seal-soon{color:#e8ecff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff4d}.gh-exp.is-soon{cursor:default}.gh-exp.is-soon:active{transform:none}.gh-exp .gh-mark{top:.55rem;left:auto;right:.6rem}@media (max-width:370px){.gh-exp-isl-1{display:none}}@media (prefers-reduced-motion:reduce){.gh-exp-sea,.gh-exp-route path,.gh-exp-isl{animation:none}}.gh-hero{min-height:8rem}.gh-cases{padding-top:.55rem;padding-bottom:.55rem}.gh-cases-art{width:3.2rem;height:3.2rem}.gh-duel{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 .45rem;padding:.6rem .55rem;display:grid}.gh-duel-art{grid-row:1/3;width:2.3rem;height:2.3rem}.gh-duel b{align-self:end}.gh-duel small{align-self:start;font-size:.62rem;line-height:1.2}.gh-duel{column-gap:.35rem;padding:.55rem .5rem}.gh-duel b{font-size:.95rem}.gh-exp-text small.gh-exp-ready{color:#06261b;background:#4ff0b4;border-radius:999px;padding:.12rem .5rem;font-weight:900;animation:1.4s ease-in-out infinite gh-exp-ready}@keyframes gh-exp-ready{50%{box-shadow:0 0 0 4px #4ff0b440,0 0 14px #4ff0b4cc}}.gh-root :where(.ga [class*=ga-]){transform-box:fill-box;transform-origin:50%}.gh-root .ga-bj-k{transform-origin:50% 90%;animation:3.4s ease-in-out infinite ga-tilt}.gh-root .ga-bj-chip{animation:2.6s ease-in-out .4s infinite ga-hop}.gh-root .ga-cs-lid{transform-origin:0 100%;animation:3.2s ease-in-out infinite ga-lid}.gh-root .ga-cs-rays{animation:3.2s ease-in-out infinite ga-glow}.gh-root .ga-bt-l{animation:2.8s ease-in-out infinite ga-clash-l}.gh-root .ga-bt-r{animation:2.8s ease-in-out infinite ga-clash-r}.gh-root .ga-bt-spark{animation:2.8s ease-in-out infinite ga-spark}.gh-root .ga-bt-burst{animation:2.8s ease-in-out infinite ga-pulse}.gh-root .ga-ex-a{animation:3.6s ease-in-out infinite ga-swap-a}.gh-root .ga-ex-b{animation:3.6s ease-in-out infinite ga-swap-b}.gh-root .ga-cr-rocket{animation:2.4s ease-in-out infinite ga-rocket}.gh-root .ga-cr-fire{transform-origin:50% 0;animation:.32s ease-in-out infinite alternate ga-flame}.gh-root .ga-dc-a{animation:3.8s ease-in-out infinite ga-roll}.gh-root .ga-dc-b{animation:3.8s ease-in-out 1.9s infinite ga-roll}.gh-root .ga-hl-up{animation:2.2s ease-in-out infinite ga-up}.gh-root .ga-hl-down{animation:2.2s ease-in-out 1.1s infinite ga-down}.gh-root .ga-pl-ball{animation:3s cubic-bezier(.45,0,.55,1) infinite ga-plinko}.gh-root .ga-mn-spark{animation:.6s ease-in-out infinite alternate ga-spark}.gh-root .ga-mn-bomb{animation:3.4s ease-in-out infinite ga-throb}.gh-root .ga-mn-gem{animation:2.6s ease-in-out infinite ga-twinkle}.gh-root .ga-mn-gem2{animation-delay:1.3s}.gh-root .ga-up-arrow{animation:2.4s ease-in-out infinite ga-up}.gh-root .ga-up-ring{animation:6s linear infinite ga-spin}.gh-root .ga-tw-flag{transform-origin:0%;animation:1.4s ease-in-out infinite ga-flag}.gh-root .ga-tw-lit{animation:2.8s ease-in-out infinite ga-blink}.gh-root .ga-rl-wheel{transform-box:view-box;transform-origin:32px 32px;animation:7s linear infinite ga-spin}.gh-root .ga-rl-ball{transform-box:view-box;transform-origin:32px 32px;animation:3.5s linear infinite ga-spin-rev}.gh-root .ga-jp-win{animation:2.4s ease-in-out infinite ga-blink}.gh-root .ga-jp-win1{animation-delay:.25s}.gh-root .ga-jp-win2{animation-delay:.5s}.gh-root .ga-jp-lever{transform-origin:0 100%;animation:2.4s ease-in-out infinite ga-lever}.gh-root .ga-sc-q{animation:2.8s ease-in-out infinite ga-hop}.gh-root .ga-bs-eye{animation:3s ease-in-out infinite ga-blink}.gh-root .ga-sm-sun{animation:4.2s ease-in-out infinite ga-pulse}.gh-root .ga-twinkle{animation:2.2s ease-in-out infinite ga-twinkle}.gh-root .ga-twinkle2{animation-delay:1.1s}@keyframes ga-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes ga-hop{0%,60%,to{transform:translateY(0)}75%{transform:translateY(-3px)}85%{transform:translateY(0)}92%{transform:translateY(-1px)}}@keyframes ga-lid{0%,55%,to{transform:rotate(0)}70%{transform:rotate(-9deg)translateY(-1px)}82%{transform:rotate(-3deg)}}@keyframes ga-glow{0%,to{opacity:.55}70%{opacity:1}}@keyframes ga-clash-l{0%,to{transform:rotate(0)}45%{transform:rotate(-7deg)}55%{transform:rotate(2deg)}}@keyframes ga-clash-r{0%,to{transform:rotate(0)}45%{transform:rotate(7deg)}55%{transform:rotate(-2deg)}}@keyframes ga-spark{0%,40%,to{opacity:.6;transform:scale(1)}55%{opacity:1;transform:scale(1.8)}}@keyframes ga-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ga-swap-a{0%,to{transform:translate(0)}50%{transform:translate(3px,-2px)}}@keyframes ga-swap-b{0%,to{transform:translate(0)}50%{transform:translate(-3px,2px)}}@keyframes ga-rocket{0%,to{transform:translate(0)}50%{transform:translate(1.5px,-2.5px)}}@keyframes ga-flame{0%{opacity:.85;transform:scaleY(.82)}to{opacity:1;transform:scaleY(1.12)}}@keyframes ga-roll{0%,70%,to{transform:rotate(0)translateY(0)}80%{transform:rotate(-14deg)translateY(-3px)}90%{transform:rotate(6deg)translateY(0)}}@keyframes ga-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ga-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes ga-plinko{0%{opacity:0;transform:translate(0)}8%{opacity:1}25%{transform:translate(-3px,9px)}45%{transform:translate(3px,18px)}65%{transform:translate(-2px,27px)}85%{opacity:1;transform:translate(-4px,40px)}to{opacity:0;transform:translate(-4px,40px)}}@keyframes ga-throb{0%,80%,to{transform:scale(1)}86%{transform:scale(1.08)}92%{transform:scale(.98)}}@keyframes ga-twinkle{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes ga-spin{to{transform:rotate(360deg)}}@keyframes ga-spin-rev{to{transform:rotate(-360deg)}}@keyframes ga-flag{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.85)skewY(-6deg)}}@keyframes ga-blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes ga-lever{0%,70%,to{transform:rotate(0)}80%{transform:rotate(18deg)}}@media (prefers-reduced-motion:reduce){.gh-root .ga [class*=ga-]{animation:none!important}}.gh-tile-tag{-webkit-line-clamp:3}
.ghx-base{z-index:0;pointer-events:none;background:radial-gradient(70% 40% at 0 78%,#ffb02e1f,#0000 70%),radial-gradient(70% 40% at 100% 82%,#9b8cff2e,#0000 70%),linear-gradient(#2b2f63 0%,#1f2150 45%,#1a1c3c 100%);position:fixed;inset:0}.ghx-root{--ghx-display:var(--font-arcade), var(--font-app), system-ui, sans-serif;--ghx-gold:#ffcf3f;--ghx-sky:#6cc8ff;--ghx-mint:#4ff0b4;--ghx-violet:#9b8cff;--ghx-ink:#f6f7ff;z-index:1;color:var(--ghx-ink);flex-direction:column;gap:.8rem;padding-bottom:1.2rem;display:flex;position:relative}.ghx-world{z-index:-1;aspect-ratio:768/1376;pointer-events:none;max-height:64rem;position:absolute;top:-1.25rem;left:-1rem;right:-1rem;overflow:hidden;-webkit-mask:linear-gradient(#000 0% 60%,#0000 92%);mask:linear-gradient(#000 0% 60%,#0000 92%)}.ghx-art{transform-origin:50% 30%;background:url(/pic/games-hub/district.webp) top/cover no-repeat;animation:18s ease-in-out infinite ghx-breathe;position:absolute;inset:0}@keyframes ghx-breathe{50%{transform:scale(1.035)}}.ghx-aurora{opacity:.55;mix-blend-mode:screen;border-radius:999px;position:absolute}.ghx-aurora-a{background:radial-gradient(closest-side,#ffcf3f8c,#0000);width:80%;height:26%;animation:14s ease-in-out infinite ghx-drift-a;top:-6%;left:-20%}.ghx-aurora-b{background:radial-gradient(closest-side,#4ff0b473,#9b8cff40 55%,#0000);width:85%;height:28%;animation:17s ease-in-out infinite ghx-drift-b;top:0;right:-22%}@keyframes ghx-drift-a{50%{opacity:.85;transform:translate(14%,6%)scale(1.1)}}@keyframes ghx-drift-b{50%{opacity:.8;transform:translate(-12%,8%)scale(1.12)}}.ghx-star{background:#fff;border-radius:999px;animation:3.4s ease-in-out infinite ghx-twinkle;position:absolute;box-shadow:0 0 6px 1px #fffc}@keyframes ghx-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.ghx-spark{opacity:0;background:radial-gradient(circle,#fff6c9 0%,#ffcf3f 45%,#ffcf3f00 72%);border-radius:999px;width:5px;height:5px;margin-left:-2.5px;animation:8s linear infinite ghx-rise;position:absolute;top:62%}@keyframes ghx-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}15%{opacity:1}70%{opacity:.8}to{opacity:0;transform:translate(12px,-15rem)scale(1.2)}}.ghx-top{align-items:center;gap:.55rem;min-height:2.6rem;display:flex}.ghx-round{color:#fff;-webkit-backdrop-filter:blur(8px);background:#1a1c3c8c;border-radius:999px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff38,0 6px 16px -6px #0009}.ghx-title{font-family:var(--ghx-display);letter-spacing:-.045em;color:#fff;text-shadow:0 3px #1a12468c,0 0 26px #9b8cffbf;margin:0;font-size:2rem;font-weight:900;line-height:1}.ghx-spacer{flex:1}.ghx-energy{height:2.25rem;font-family:var(--ghx-display);color:#fff;-webkit-backdrop-filter:blur(8px);background:#1a1c3c99;border-radius:999px;align-items:center;gap:.3rem;padding:0 .8rem 0 .65rem;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffcf3f80,0 0 18px -4px #ffcf3f8c}.ghx-sky{justify-content:space-between;align-items:flex-end;height:9.2rem;padding-bottom:.2rem;display:flex;position:relative}.ghx-shore{text-align:left;color:#fff;-webkit-backdrop-filter:blur(6px);border-radius:16px;flex-direction:column;gap:.05rem;padding:.45rem .85rem .5rem;transition:transform .15s ease-out;display:flex}.ghx-shore:active{transform:scale(.96)}.ghx-shore b{font-family:var(--ghx-display);letter-spacing:-.02em;font-size:.86rem;font-weight:900}.ghx-shore small{opacity:.9;font-size:.7rem;font-weight:800}.ghx-shore-gold{background:linear-gradient(150deg,#ffcf3f6b,#783c0a8c);box-shadow:inset 0 0 0 1.5px #ffdc78bf,0 10px 24px -10px #ffaa1ee6}.ghx-shore-gold b{color:#ffe58a}.ghx-shore-violet{text-align:right;background:linear-gradient(210deg,#b978ff73,#3c147899);align-items:flex-end;box-shadow:inset 0 0 0 1.5px #cdaaffbf,0 10px 24px -10px #a05afff2}.ghx-shore-violet b{color:#e2d4ff}.ghx-seal{color:#3a1400;background:linear-gradient(135deg,#fff3b0,#ffcf3f);border-radius:999px;padding:.14rem .55rem;font-size:.66rem;font-weight:900;box-shadow:0 0 14px #ffcf3f99}.ghx-seal-soon{color:#10122b;background:linear-gradient(135deg,#d6f4ff,#6cc8ff);box-shadow:0 0 14px #6cc8ff8c}.ghx-mark{z-index:3;color:#2b0016;background:var(--ghx-gold);border-radius:999px;padding:.08rem .4rem;font-size:.58rem;font-weight:900;position:absolute;top:.4rem;left:.4rem}.ghx-mark-admin{color:#06203a;background:var(--ghx-sky)}.ghx-lvl{color:#10122b;background:var(--gm,var(--ghx-gold));border-radius:999px;align-items:center;gap:.2rem;padding:.06rem .38rem;font-size:.6rem;font-weight:900;display:inline-flex}.ghx-lvl i{color:#7a2400;align-items:center;font-style:normal;display:inline-flex}.ghx-lvl-hero{color:#06261b;background:var(--ghx-mint)}.ghx-off{cursor:default;opacity:.55}.ghx-off:active{transform:none!important}.ghx-hero{isolation:isolate;color:#fff;background:radial-gradient(65% 95% at 78% 45%,#fff3,#0000 62%),radial-gradient(120% 120% at 0 100%,#063f29,#0000 60%),linear-gradient(135deg,#1bb878 0%,#0d8455 48%,#065434 100%);border-radius:28px;align-items:center;min-height:9rem;padding:.95rem .4rem .95rem 1.1rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 40px -20px #1bb878f2,0 0 0 1px #00000040,inset 0 0 0 2px #ffcf3fb3,inset 0 0 0 7px #0434208c,inset 0 0 0 8px #ffcf3f40}.ghx-hero:active{transform:scale(.98)}.ghx-hero-felt{z-index:-1;border:1.5px dashed #ffe69652;border-radius:50%;height:120%;position:absolute;inset:auto -10% -62%}.ghx-hero-rays{z-index:-1;background:repeating-conic-gradient(#ffffff21 0deg 8deg,#0000 8deg 22deg);border-radius:999px;width:17rem;height:17rem;margin-top:-8.5rem;animation:28s linear infinite ghx-spin;position:absolute;top:50%;right:-3.5rem;-webkit-mask:radial-gradient(circle,#000 10%,#0000 64%);mask:radial-gradient(circle,#000 10%,#0000 64%)}@keyframes ghx-spin{to{transform:rotate(360deg)}}.ghx-hero-text{flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;min-width:0;display:flex;position:relative}.ghx-hero-tags{align-items:center;gap:.35rem;display:flex}.ghx-hero-name{font-family:var(--ghx-display);letter-spacing:-.045em;text-shadow:0 3px #00281673;font-size:1.85rem;font-weight:900;line-height:1.05}.ghx-hero-sub{color:#ebfff4e6;font-size:.78rem;font-weight:700}.ghx-play{color:#2b1600;background:linear-gradient(135deg,#ffe58a,#ffcf3f 55%,#ff9d00);border-radius:999px;align-items:center;gap:.35rem;margin-top:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:900;display:inline-flex;box-shadow:0 8px 18px -8px #ff9d00f2,inset 0 1px #fff9}.ghx-hero-artwrap{flex-shrink:0;width:8rem;height:8rem;animation:3.8s ease-in-out infinite ghx-float;position:relative}.ghx-hero-artwrap:before{content:"";background:radial-gradient(circle,#fff0b48c,#0000 68%);border-radius:999px;position:absolute;inset:8%}.ghx-hero-art{width:100%;height:100%;position:relative}@keyframes ghx-float{50%{transform:translateY(-5px)rotate(-2deg)}}.ghx-cases{isolation:isolate;color:#fff;background:radial-gradient(60% 150% at 8%,#ffcf3f8c,#0000 62%),linear-gradient(115deg,#5a22b8 0%,#7a35e6 55%,#a35cff 100%);border-radius:22px;align-items:center;gap:.8rem;padding:.6rem .9rem .6rem .6rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 28px -14px #7a35e6f2,inset 0 0 0 1.5px #ffdc788c,inset 0 1px #ffffff4d}.ghx-cases:active{transform:scale(.98)}.ghx-cases-shine{z-index:-1;background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:35%;animation:4.8s ease-in-out infinite ghx-shine;position:absolute;inset:-20% auto -20% 0;transform:translate(-120%)skew(-18deg)}@keyframes ghx-shine{0%,55%{transform:translate(-120%)skew(-18deg)}to{transform:translate(420%)skew(-18deg)}}.ghx-cases-artwrap{flex-shrink:0;width:3.7rem;height:3.7rem;position:relative}.ghx-cases-artwrap:before{content:"";background:radial-gradient(circle,#ffdc6e99,#0000 66%);border-radius:999px;position:absolute;inset:-10%}.ghx-cases-art{width:100%;height:100%;position:relative}.ghx-cases-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.ghx-cases-text b{font-family:var(--ghx-display);letter-spacing:-.03em;font-size:1.15rem;font-weight:900}.ghx-cases-text small{color:#fff5dceb;font-size:.74rem;font-weight:700}.ghx-chev{color:#ffe58a;flex-shrink:0}.ghx-exp{isolation:isolate;color:#fff;background:radial-gradient(55% 130% at 84% 60%,#ff8c3c73,#0000 62%),radial-gradient(50% 120% at 0 0,#5fe3ff59,#0000 65%),linear-gradient(110deg,#0b3156 0%,#134577 42%,#2c2560 72%,#4a1b3a 100%);border-radius:24px;align-items:center;height:5rem;padding:0 1rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -16px #3c96ffe6,inset 0 0 0 1.5px #6cc8ff99}.ghx-exp:active{transform:scale(.98)}.ghx-exp-soon{cursor:default}.ghx-exp-soon:active{transform:none}.ghx-exp-waves{z-index:-1;opacity:.5;background:repeating-linear-gradient(170deg,#0000 0 12px,#a0e6ff24 12px 13px,#0000 13px 24px);animation:9s linear infinite ghx-sea;position:absolute;inset:0 -40px 0 0}@keyframes ghx-sea{to{transform:translate(-40px)}}.ghx-exp-route{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.ghx-exp-route path{fill:none;stroke:#ffe696bf;stroke-width:2.2px;stroke-dasharray:5 6;stroke-linecap:round}.ghx-exp-isl{z-index:-1;border-radius:999px;animation:4s ease-in-out infinite ghx-bob;position:absolute}.ghx-exp-isl:before{content:"";background:radial-gradient(closest-side,#4ff0b473,#0000);border-radius:50%;position:absolute;inset:12% -6% -10%}.ghx-exp-isl img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.ghx-exp-isl-1{width:4rem;height:4rem;bottom:.4rem;right:.4rem}.ghx-exp-isl-2{width:2.7rem;height:2.7rem;animation-delay:-1.3s;bottom:.3rem;right:4.4rem}.ghx-exp-isl-3{opacity:.85;width:2rem;height:2rem;animation-delay:-2.6s;top:.35rem;right:7.3rem}@keyframes ghx-bob{50%{transform:translateY(-3px)}}.ghx-exp-text{flex-direction:column;align-items:flex-start;gap:.12rem;display:flex;position:relative}.ghx-exp-text b{font-family:var(--ghx-display);letter-spacing:-.03em;font-size:1.1rem;font-weight:900}.ghx-exp-text small{color:#e1f2ffeb;font-size:.72rem;font-weight:700}.ghx-exp-text small.ghx-exp-ready{color:var(--ghx-mint)}.ghx-exp .ghx-mark{top:.5rem;left:auto;right:.6rem}.ghx-arena{background:radial-gradient(70% 80% at 0 0,#ff527738,#0000 70%),radial-gradient(70% 80% at 100% 100%,#6cc8ff38,#0000 70%),#161434d1;border-radius:26px;flex-direction:column;gap:.5rem;padding:.65rem;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 0 0 1.5px #ff527759,0 18px 34px -20px #ff5277cc}.ghx-arena-label{color:var(--ghx-gold);align-items:center;gap:.35rem;margin:0;padding-left:.25rem;font-size:.76rem;font-weight:900;display:flex}.ghx-arena-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.ghx-duel{color:#fff;border-radius:18px;align-items:center;gap:.45rem;min-height:4.4rem;padding:.5rem .55rem .5rem .4rem;transition:transform .15s ease-out;display:flex}.ghx-duel:active{transform:scale(.97)}.ghx-duel-battle{background:radial-gradient(80% 90% at 20% 30%,#ffd56b66,#0000 70%),linear-gradient(150deg,#ff5277,#b0103e);box-shadow:0 12px 22px -12px #ff5277f2,inset 0 1px #ffffff59}.ghx-duel-trade{background:radial-gradient(80% 90% at 20% 30%,#ffffff52,#0000 70%),linear-gradient(150deg,#23c8d6,#0d5f9e);box-shadow:0 12px 22px -12px #23c8d6f2,inset 0 1px #ffffff59}.ghx-duel-artwrap{flex-shrink:0;width:3.1rem;height:3.1rem;position:relative}.ghx-duel-artwrap:before{content:"";background:radial-gradient(circle,#ffffff59,#0000 68%);border-radius:999px;position:absolute;inset:0}.ghx-duel-art{width:100%;height:100%;position:relative}.ghx-duel-text{flex-direction:column;min-width:0;display:flex}.ghx-duel-text b{font-family:var(--ghx-display);letter-spacing:-.03em;font-size:.9rem;font-weight:900}.ghx-duel-text small{color:#ffffffe6;font-size:.66rem;font-weight:700;line-height:1.2}.ghx-leagues{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:.3rem;display:grid;position:relative}.ghx-river{background:linear-gradient(#ffe696e6,#ffcf3f8c 40%,#9b8cff8c 80%,#9b8cff00);border-radius:999px;width:4px;margin-left:-2px;position:absolute;top:.6rem;bottom:.6rem;left:50%;overflow:hidden;box-shadow:0 0 12px 2px #ffcf3f66}.ghx-river i{background:linear-gradient(#0000,#fff8d8,#0000);height:30%;animation:3.2s linear infinite ghx-flow;position:absolute;top:0;left:0;right:0}@keyframes ghx-flow{0%{transform:translateY(-100%)}to{transform:translateY(340%)}}.ghx-league{border-radius:26px;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem .45rem .5rem;scroll-margin-top:.75rem;display:flex;position:relative}.ghx-league-gold{background:radial-gradient(90% 30% at 50% 0,#ffcf3f4d,#0000 75%),linear-gradient(#5c381ce0,#2e1e22eb);box-shadow:inset 0 0 0 1.5px #ffcf3f80,0 18px 34px -20px #ffaa1ebf}.ghx-league-violet{background:radial-gradient(90% 30% at 50% 0,#b978ff61,#0000 75%),linear-gradient(#46268ce6,#261852eb);box-shadow:inset 0 0 0 1.5px #b98cff99,0 18px 34px -20px #a05affd9}.ghx-league-head{text-align:center;flex-direction:column;align-items:center;gap:.05rem;padding-bottom:.15rem;display:flex}.ghx-league-head b{font-family:var(--ghx-display);letter-spacing:-.035em;font-size:1.02rem;font-weight:900}.ghx-league-gold .ghx-league-head b{color:#ffd75a;text-shadow:0 0 18px #ffcf3f8c}.ghx-league-violet .ghx-league-head b{color:#d9c8ff;text-shadow:0 0 18px #b98cffb3}.ghx-league-head small{color:#f6f7ffb8;font-size:.68rem;font-weight:700}.ghx-list{flex-direction:column;gap:.4rem;display:flex}.ghx-row{color:#fff;background:radial-gradient(70% 120% at 0% 50%, color-mix(in srgb, var(--gm) 26%, transparent), transparent 70%), #120e28b8;min-height:3.75rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gm) 34%, #ffffff14), inset 0 1px 0 #ffffff1a;border-radius:18px;align-items:center;gap:.5rem;padding:.35rem .45rem .35rem .35rem;transition:transform .15s ease-out;display:flex;position:relative}.ghx-row:active{transform:scale(.97)}.ghx-medal{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--gm) 55%, transparent), transparent 72%), #0a081ea6;width:2.9rem;height:2.9rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gm) 50%, transparent);border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative}.ghx-medal-art{width:2.55rem;height:2.55rem}.ghx-row-text{flex-direction:column;flex:1;gap:.18rem;min-width:0;display:flex}.ghx-row-text b{overflow-wrap:anywhere;font-family:var(--ghx-display);letter-spacing:-.03em;font-size:.74rem;font-weight:800;line-height:1.12}.ghx-row-meta{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.ghx-cost{font-family:var(--ghx-display);color:#ffe58a;align-items:center;gap:.15rem;font-size:.64rem;font-weight:700;display:inline-flex}.ghx-cost-low{color:#ff8a9a}.ghx-row-low{opacity:.68}.ghx-row-note{color:#f6f7ffa8;font-size:.64rem;font-weight:800}.ghx-row-soon{cursor:default;background:#120e2880;box-shadow:inset 0 0 0 1px #ffffff1a}.ghx-row-soon .ghx-medal-art{opacity:.6}.ghx-row-soon .ghx-row-note{color:var(--ghx-sky)}.ghx-row .ghx-mark{top:-.3rem;left:.15rem}.ghx-root :is(a,button):focus-visible{outline:2px solid var(--ghx-gold);outline-offset:2px}@media (max-width:360px){.ghx-leagues{gap:.6rem}.ghx-medal{width:2.5rem;height:2.5rem}.ghx-medal-art{width:2.2rem;height:2.2rem}.ghx-row-text b{font-size:.68rem}.ghx-hero-artwrap{width:6.8rem;height:6.8rem}}@media (max-height:700px){.ghx-sky{height:6.5rem}}@media (prefers-reduced-motion:reduce){.ghx-art,.ghx-aurora,.ghx-star,.ghx-spark,.ghx-hero-rays,.ghx-hero-artwrap,.ghx-cases-shine,.ghx-exp-waves,.ghx-exp-isl,.ghx-river i{animation:none}.ghx-spark{display:none}}
.hb2-base{z-index:0;pointer-events:none;background:linear-gradient(#2b2f63 0%,#1f2150 50%,#1a1c3c 100%);position:fixed;inset:0}.hb2-root{--hb2-display:var(--font-arcade), var(--font-app), system-ui, sans-serif;--hb2-gold:#ffcf3f;--hb2-sky:#6cc8ff;--hb2-mint:#4ff0b4;--hb2-violet:#9b8cff;--hb2-pink:#ff7ab6;--hb2-ink:#f6f7ff;z-index:1;color:var(--hb2-ink);flex-direction:column;gap:.75rem;padding-bottom:7rem;display:flex;position:relative}.hb2-world{z-index:-1;pointer-events:none;background:radial-gradient(90% 18% at 0 46%,#ff962838,#0000 70%),radial-gradient(90% 16% at 100% 52%,#ffcf3f29,#0000 70%),radial-gradient(100% 20% at 100% 74%,#9b8cff4d,#0000 70%),radial-gradient(90% 18% at 0 86%,#ff7ab62e,#0000 70%),linear-gradient(#2b2f63 0%,#262456 26%,#33224f 40%,#3a2548 52%,#2e2163 64%,#272065 80%,#1d1c48 94%,#1a1c3c 100%);position:absolute;inset:-1.25rem -1rem 0;overflow:hidden}.hb2-art{top:calc(-1 * var(--hb2-art-lift,var(--hb2-lift,0px)));aspect-ratio:768/1376;transform-origin:50% 25%;background:url(/pic/games-hub/district.webp) top/cover no-repeat;animation:18s ease-in-out infinite hb2-breathe;position:absolute;left:0;right:0;-webkit-mask:linear-gradient(#000 0% 66%,#0000 96%);mask:linear-gradient(#000 0% 66%,#0000 96%)}@keyframes hb2-breathe{50%{transform:scale(1.03)}}.hb2-stars{opacity:.75;-webkit-mask:linear-gradient(180deg, transparent 0, transparent calc(560px - var(--hb2-lift,0px)), #000 calc(760px - var(--hb2-lift,0px)));-webkit-mask:linear-gradient(180deg, transparent 0, transparent calc(560px - var(--hb2-lift,0px)), #000 calc(760px - var(--hb2-lift,0px)));mask:linear-gradient(180deg, transparent 0, transparent calc(560px - var(--hb2-lift,0px)), #000 calc(760px - var(--hb2-lift,0px)));background-image:radial-gradient(1.4px 1.4px at 12px 30px,#fff,#0000),radial-gradient(1px 1px at 70px 120px,#fff,#0000),radial-gradient(1.6px 1.6px at 150px 60px,#ffe9a8,#0000),radial-gradient(1px 1px at 190px 200px,#fff,#0000),radial-gradient(1.2px 1.2px at 40px 230px,#cfe9ff,#0000),radial-gradient(1px 1px at 120px 170px,#fff,#0000);background-size:210px 260px;position:absolute;inset:0}.hb2-star{background:#fff;border-radius:999px;animation:3.6s ease-in-out infinite hb2-twinkle;position:absolute;box-shadow:0 0 6px 1px #fffc}@keyframes hb2-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.hb2-river{top:calc(600px - var(--hb2-lift,0px));width:100%;height:calc(100% - 720px + var(--hb2-lift,0px));position:absolute;bottom:120px;left:0}.hb2-river path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.hb2-river-glow{stroke:url(#hb2-river-g);stroke-width:46px;stroke-opacity:.16}.hb2-river-body{stroke:url(#hb2-river-g);stroke-width:14px;stroke-opacity:.45}.hb2-river-core{stroke:#fffaf0;stroke-width:2.5px;stroke-opacity:.85;stroke-dasharray:2 14}.hb2-harbor{width:100%;height:240px;position:absolute;bottom:0;left:0}.hb2-top{align-items:center;gap:.55rem;min-height:2.6rem;display:flex}.hb2-round{color:#fff;-webkit-backdrop-filter:blur(8px);background:#1a1c3c8c;border-radius:999px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff38,0 6px 16px -6px #0009}.hb2-title{font-family:var(--hb2-display);letter-spacing:-.045em;color:#fff;text-shadow:0 3px #1a12468c,0 0 26px #9b8cffbf;margin:0;font-size:2rem;font-weight:900;line-height:1}.hb2-spacer{flex:1}.hb2-energy{height:2.25rem;font-family:var(--hb2-display);color:#fff;-webkit-backdrop-filter:blur(8px);background:#1a1c3c99;border-radius:999px;align-items:center;gap:.3rem;padding:0 .8rem 0 .65rem;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffcf3f80,0 0 18px -4px #ffcf3f8c}.hb2-sky{height:8.6rem}.hb2-v-b .hb2-world{--hb2-lift:9.35rem;--hb2-art-lift:7.4rem}.hb2-seal{color:#3a1400;background:linear-gradient(135deg,#fff3b0,#ffcf3f);border-radius:999px;padding:.14rem .55rem;font-size:.66rem;font-weight:900;box-shadow:0 0 14px #ffcf3f99}.hb2-seal-sky,.hb2-seal-soon{color:#06203a;background:linear-gradient(135deg,#e0f6ff,#6cc8ff);box-shadow:0 0 14px #6cc8ff8c}.hb2-mark{z-index:4;color:#2b0016;background:var(--hb2-gold);border-radius:999px;padding:.1rem .45rem;font-size:.6rem;font-weight:900;position:absolute;top:.5rem;right:.6rem;box-shadow:0 4px 10px -4px #0009}.hb2-mark-admin{color:#06203a;background:var(--hb2-sky)}.hb2-lvl{color:#10122b;background:var(--gm,var(--hb2-mint));border-radius:999px;align-items:center;gap:.2rem;height:1.25rem;padding:0 .45rem;font-size:.64rem;font-weight:900;display:inline-flex}.hb2-lvl i{color:#7a2400;align-items:center;font-style:normal;display:inline-flex}.hb2-off{cursor:default}.hb2-off:active{transform:none!important}.hb2-bj{isolation:isolate;color:#fff;background:radial-gradient(70% 110% at 80%,#78ffbe73,#0000 62%),radial-gradient(60% 90% at 0 0,#ffcf3f4d,#0000 60%),linear-gradient(135deg,#13a26a 0%,#0b6b4e 52%,#083f3d 100%);border-radius:28px;align-items:center;min-height:9.4rem;padding:1rem .3rem 1rem 1.15rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 40px -18px #14c882f2,inset 0 0 0 2px #ffdc78b3,inset 0 0 0 6px #083c3299,inset 0 0 0 7.5px #ffdc7859}.hb2-bj:active{transform:scale(.98)}.hb2-bj-arc{z-index:-1;border:1.5px dashed #ffe69659;border-radius:50%;height:120%;position:absolute;inset:auto -12% -66%}.hb2-bj-rays{z-index:-1;background:repeating-conic-gradient(#ffffff24 0deg 8deg,#0000 8deg 22deg);border-radius:999px;width:18rem;height:18rem;margin-top:-9rem;animation:30s linear infinite hb2-spin;position:absolute;top:50%;right:-3.5rem;-webkit-mask:radial-gradient(circle,#000 10%,#0000 64%);mask:radial-gradient(circle,#000 10%,#0000 64%)}@keyframes hb2-spin{to{transform:rotate(360deg)}}.hb2-bj-text{flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;min-width:0;display:flex;position:relative}.hb2-bj-tags{align-items:center;gap:.35rem;display:flex}.hb2-bj-name{font-family:var(--hb2-display);letter-spacing:-.045em;text-shadow:0 3px #00281673;font-size:1.9rem;font-weight:900;line-height:1.05}.hb2-bj-sub{color:#ebfff4eb;font-size:.8rem;font-weight:700}.hb2-play{color:#2b1600;background:linear-gradient(135deg,#ffe58a,#ffcf3f 55%,#ff9d00);border-radius:999px;align-items:center;gap:.35rem;margin-top:.45rem;padding:.5rem 1.15rem;font-size:.88rem;font-weight:900;display:inline-flex;box-shadow:0 8px 18px -8px #ff9d00f2,inset 0 1px #fff9}.hb2-bj-artwrap{flex-shrink:0;width:8.6rem;height:8.6rem;animation:3.8s ease-in-out infinite hb2-float;position:relative}.hb2-bj-artwrap:before{content:"";background:radial-gradient(circle,#fff0b499,#0000 68%);border-radius:999px;position:absolute;inset:6%}.hb2-bj-art{width:100%;height:100%;position:relative}@keyframes hb2-float{50%{transform:translateY(-5px)rotate(-2deg)}}.hb2-cases{isolation:isolate;color:#fff;background:radial-gradient(55% 140% at 76%,#ffcf3f8c,#0000 64%),linear-gradient(110deg,#4a1aa6 0%,#7a35e6 50%,#b25cff 100%);border-radius:24px;align-items:center;min-height:5.4rem;padding:.6rem 2.2rem .6rem 1.15rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -14px #7a35e6f2,inset 0 0 0 1.5px #ffdc7899,inset 0 1px #ffffff4d}.hb2-cases:active{transform:scale(.98)}.hb2-cases-shine{z-index:-1;background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:35%;animation:5s ease-in-out infinite hb2-shine;position:absolute;inset:-20% auto -20% 0;transform:translate(-120%)skew(-18deg)}@keyframes hb2-shine{0%,55%{transform:translate(-120%)skew(-18deg)}to{transform:translate(420%)skew(-18deg)}}.hb2-cases-text{z-index:2;flex-direction:column;flex:1;gap:.15rem;display:flex;position:relative}.hb2-cases-text b{font-family:var(--hb2-display);letter-spacing:-.035em;text-shadow:0 2px #28005a73;font-size:1.35rem;font-weight:900}.hb2-cases-text small{color:#fff5ffeb;max-width:min(11rem,100% - 10.5rem);font-size:.74rem;font-weight:700}.hb2-cases-fan{width:9.5rem;height:5rem;margin-top:-2.5rem;position:absolute;top:50%;right:1.9rem}.hb2-case{object-fit:contain;width:4.4rem;height:4.4rem;position:absolute;bottom:0}.hb2-case-1{left:0;transform:rotate(-12deg)scale(.86)}.hb2-case-2{right:0;transform:rotate(12deg)scale(.86)}.hb2-case-3{margin-left:-2.2rem;animation:3.4s ease-in-out infinite hb2-float;bottom:.3rem;left:50%}.hb2-chev{color:#fff;margin-top:-10px;position:absolute;top:50%;right:.7rem}.hb2-exp{isolation:isolate;color:#fff;background:radial-gradient(55% 130% at 84% 60%,#ff8c3c80,#0000 62%),radial-gradient(50% 120% at 0 0,#5fe3ff66,#0000 65%),linear-gradient(110deg,#0b3a66 0%,#1559a0 42%,#2c2a72 72%,#5a1e48 100%);border-radius:24px;align-items:center;height:5.6rem;padding:0 1.15rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -16px #3c96fff2,inset 0 0 0 1.5px #6cc8ffa6}.hb2-exp:active{transform:scale(.98)}.hb2-exp-soon{cursor:default}.hb2-exp-soon:active{transform:none}.hb2-exp-sea{z-index:-1;opacity:.55;background:repeating-linear-gradient(170deg,#0000 0 12px,#a0e6ff29 12px 13px,#0000 13px 24px);animation:9s linear infinite hb2-sea;position:absolute;inset:0 -40px 0 0}@keyframes hb2-sea{to{transform:translate(-40px)}}.hb2-exp-route{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hb2-exp-route path{fill:none;stroke:#ffe696cc;stroke-width:2.2px;stroke-dasharray:5 6;stroke-linecap:round}.hb2-exp-isl{z-index:-1;animation:4s ease-in-out infinite hb2-bob;position:absolute}.hb2-exp-isl:before{content:"";background:radial-gradient(closest-side,#4ff0b480,#0000);border-radius:50%;position:absolute;inset:12% -6% -10%}.hb2-exp-isl img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.hb2-exp-isl-1{width:4.6rem;height:4.6rem;bottom:.3rem;right:.4rem}.hb2-exp-isl-2{width:3rem;height:3rem;animation-delay:-1.3s;bottom:.3rem;right:4.9rem}.hb2-exp-isl-3{opacity:.9;width:2.2rem;height:2.2rem;animation-delay:-2.6s;top:.35rem;right:8rem}@keyframes hb2-bob{50%{transform:translateY(-3px)}}.hb2-exp-text{flex-direction:column;align-items:flex-start;gap:.15rem;max-width:60%;display:flex;position:relative}.hb2-exp-text b{font-family:var(--hb2-display);letter-spacing:-.035em;font-size:1.25rem;font-weight:900}.hb2-exp-text small{color:#e1f2ffeb;font-size:.74rem;font-weight:700}.hb2-exp-text small.hb2-exp-ready{color:var(--hb2-mint)}.hb2-arena{flex-direction:column;gap:.5rem;margin-top:.2rem;display:flex}.hb2-arena-label{font-family:var(--hb2-display);letter-spacing:-.02em;color:#fff;align-items:center;gap:.4rem;margin:0;padding-left:.2rem;font-size:.95rem;font-weight:800;display:flex}.hb2-arena-label svg{color:var(--hb2-pink)}.hb2-arena-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.hb2-duel{isolation:isolate;color:#fff;border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:7.2rem;padding:.7rem .8rem;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden}.hb2-duel:active{transform:scale(.97)}.hb2-duel-bg{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hb2-duel:before{content:"";z-index:-1;position:absolute;inset:0}.hb2-duel-battle{box-shadow:0 14px 26px -12px #ff5277f2,inset 0 0 0 1.5px #ff8ca0bf}.hb2-duel-battle:before{background:linear-gradient(15deg,#b0103e 0%,#dc1e50d9 38%,#ff527726 100%)}.hb2-duel-trade{box-shadow:0 14px 26px -12px #23c8d6f2,inset 0 0 0 1.5px #8ce6ffbf}.hb2-duel-trade:before{background:linear-gradient(15deg,#0d5f9e 0%,#1496c8d9 38%,#23c8d626 100%)}.hb2-ico{--u:calc(5.4rem / 100);pointer-events:none;width:5.4rem;height:5.4rem;position:absolute;top:0;right:.1rem}.hb2-ico>:not(i),.hb2-ico-l,.hb2-ico-chipwrap>.hb2-ico-l,.hb2-ico-swap>.hb2-ico-l{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hb2-ico-glow{opacity:.75;background:radial-gradient(closest-side,#ffecaa99,#ff6e9647 55%,#0000);border-radius:999px;width:auto!important;height:auto!important;inset:-14%!important}.hb2-ico-trade .hb2-ico-glow{background:radial-gradient(closest-side,#c8faff8c,#50c8ff40 55%,#0000)}.hb2-ico-battle{animation:3.6s linear infinite hb2-ico-knock}.hb2-ico-battle .hb2-ico-glow{animation:3.6s ease-out infinite hb2-ico-glow-hit}.hb2-ico-chipwrap{animation:3.6s ease-out infinite hb2-ico-bump}.hb2-ico-blade-l{transform-origin:26.5% 76.9%;animation:3.6s infinite hb2-ico-clash-l}.hb2-ico-blade-r{transform-origin:73.5% 76.9%;animation:3.6s infinite hb2-ico-clash-r}.hb2-ico-flash{opacity:0;background:radial-gradient(closest-side,#fff 0,#fff6c8f2 18%,#ffbe5080 45%,#ff5a8c2e 70%,#0000);border-radius:999px;margin:-38% 0 0 -38%;animation:3.6s ease-out infinite hb2-ico-flash;width:76%!important;height:76%!important;top:44.6%!important;left:50%!important}.hb2-ico-star{opacity:0;animation:3.6s ease-out infinite hb2-ico-star;top:-5.4%!important}.hb2-ico-spark{width:calc(var(--u) * 15);height:calc(var(--u) * 3);margin-top:calc(var(--u) * -1.5);transform-origin:0;opacity:0;background:linear-gradient(90deg,#0000,#fff 55%,#ffe08a);border-radius:999px;animation:3.6s cubic-bezier(.15,.7,.3,1) infinite hb2-ico-spark;position:absolute;top:44.6%;left:50%}.hb2-ico-spark:nth-of-type(2n){background:linear-gradient(90deg,#0000,#fff 55%,#ff9ac0);animation-delay:40ms}@keyframes hb2-ico-clash-l{0%,52%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:rotate(0)}62%{animation-timing-function:cubic-bezier(.7,0,1,.6);transform:rotate(-11deg)}67%{animation-timing-function:ease-out;transform:rotate(3deg)}73%{animation-timing-function:ease-in-out;transform:rotate(-2deg)}82%,to{transform:rotate(0)}}@keyframes hb2-ico-clash-r{0%,52%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:rotate(0)}62%{animation-timing-function:cubic-bezier(.7,0,1,.6);transform:rotate(11deg)}67%{animation-timing-function:ease-out;transform:rotate(-3deg)}73%{animation-timing-function:ease-in-out;transform:rotate(2deg)}82%,to{transform:rotate(0)}}@keyframes hb2-ico-flash{0%,66.5%{opacity:0;transform:scale(.3)}68%{opacity:1;transform:scale(1)}82%,to{opacity:0;transform:scale(1.3)}}@keyframes hb2-ico-star{0%,66.5%{opacity:0;transform:scale(.2)rotate(0)}68.5%{opacity:1;transform:scale(1.05)rotate(12deg)}80%,to{opacity:0;transform:scale(.55)rotate(40deg)}}@keyframes hb2-ico-spark{0%,67%{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--u) * 4)) scaleX(.3)}68.5%{opacity:1}82%,to{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--u) * 30)) scaleX(1)}}@keyframes hb2-ico-bump{0%,67%{transform:scale(1)}70.5%{transform:scale(1.08)}80%,to{transform:scale(1)}}@keyframes hb2-ico-glow-hit{0%,66%{opacity:.75;transform:scale(1)}69%{opacity:1;transform:scale(1.14)}88%,to{opacity:.75;transform:scale(1)}}@keyframes hb2-ico-knock{0%,67%{transform:translate(0,0)}68.5%{transform:translate(-1.5px,1px)}70%{transform:translate(1px,-1px)}72%,to{transform:translate(0,0)}}.hb2-ico-trade .hb2-ico-glow{animation:4s ease-in-out infinite hb2-ico-glow-swap}.hb2-ico-arrows-hi{opacity:0;animation:4s ease-in-out infinite hb2-ico-arrows-hi}.hb2-ico-comets{opacity:0;animation:4s infinite hb2-ico-comets}.hb2-ico-comets i{transform-origin:90%;background:linear-gradient(90deg,#0000,#c8faff8c 55%,#fff);border-radius:999px;width:34%;height:7.5%;margin:-3.75% 0 0 -31%;position:absolute}.hb2-ico-comets i:after{content:"";aspect-ratio:1;background:radial-gradient(closest-side,#fff 0 25%,#c8faff99 50%,#0000);border-radius:999px;width:56%;position:absolute;top:50%;right:-22%;transform:translateY(-50%)}.hb2-ico-comets i:first-child{transform:rotate(286deg)}.hb2-ico-comets i:last-child{background:linear-gradient(90deg,#0000,#ffe69699 55%,#fff);transform:rotate(106deg)}.hb2-ico-comets i:last-child:after{background:radial-gradient(closest-side,#fff 0 25%,#ffdc78a6 50%,#0000)}.hb2-ico-orbit{animation:8s infinite hb2-ico-orbit}.hb2-ico-swap{animation:8s infinite hb2-ico-swap;position:absolute;width:44%!important;height:44%!important}.hb2-ico-swap-a{top:40%;left:8%}.hb2-ico-swap-b{top:16%;left:48%}@keyframes hb2-ico-orbit{0%,7.5%{animation-timing-function:cubic-bezier(.55,0,1,1);transform:rotate(0)}13.75%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:rotate(96deg)}20%{animation-timing-function:ease-in-out;transform:rotate(190deg)}23%{animation-timing-function:ease-in-out;transform:rotate(178deg)}26%,57.5%{animation-timing-function:cubic-bezier(.55,0,1,1);transform:rotate(180deg)}63.75%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:rotate(276deg)}70%{animation-timing-function:ease-in-out;transform:rotate(370deg)}73%{animation-timing-function:ease-in-out;transform:rotate(358deg)}76%,to{transform:rotate(360deg)}}@keyframes hb2-ico-swap{0%,7.5%{animation-timing-function:cubic-bezier(.55,0,1,1);transform:rotate(0)scale(1)}13.75%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:rotate(-96deg)scale(1.16)}20%{animation-timing-function:ease-in-out;transform:rotate(-190deg)scale(1.08,.9)}23%{animation-timing-function:ease-in-out;transform:rotate(-178deg)scale(.96,1.05)}26%,57.5%{animation-timing-function:cubic-bezier(.55,0,1,1);transform:rotate(-180deg)scale(1)}63.75%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:rotate(-276deg)scale(1.16)}70%{animation-timing-function:ease-in-out;transform:rotate(-370deg)scale(1.08,.9)}73%{animation-timing-function:ease-in-out;transform:rotate(-358deg)scale(.96,1.05)}76%,to{transform:rotate(-360deg)scale(1)}}@keyframes hb2-ico-comets{0%,8%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.35,1);transform:rotate(0)}12%{opacity:1}30%{opacity:1}36%,to{opacity:0;transform:rotate(94deg)}}@keyframes hb2-ico-arrows-hi{0%,8%{opacity:0}20%{opacity:.6}42%,to{opacity:0}}@keyframes hb2-ico-glow-swap{0%,12%{opacity:.7;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}55%,to{opacity:.7;transform:scale(1)}}.hb2-duel-text{flex-direction:column;display:flex}.hb2-duel-text b{font-family:var(--hb2-display);letter-spacing:-.03em;font-size:1rem;font-weight:900}.hb2-duel-text small{color:#ffffffeb;font-size:.7rem;font-weight:700}.hb2-zone{flex-direction:column;margin-top:.2rem;padding-top:11.4rem;display:flex;position:relative}.hb2-zone-violet{margin-top:.8rem;padding-top:10.9rem}.hb2-v-b .hb2-zone{margin-top:0;padding-top:8.2rem}.hb2-v-b .hb2-zone .hb2-skyline{height:12.6rem;top:-2.4rem}.hb2-v-b .hb2-zone-violet{margin-top:0;padding-top:7.6rem}.hb2-v-b .hb2-zone-violet .hb2-skyline{height:11.6rem;top:-2.6rem}.hb2-zone-head{scroll-margin-top:1rem}.hb2-skyline{z-index:-1;width:calc(100% + 2rem);height:13.8rem;position:absolute;top:0;left:-1rem;overflow:visible;-webkit-mask:linear-gradient(#000 70%,#0000 100%);mask:linear-gradient(#000 70%,#0000 100%)}.hb2-skyline-violet{height:12.5rem}.hb2-zone-head{justify-content:space-between;align-items:center;gap:.6rem;margin:0 0 .7rem;padding:0 .2rem;display:flex;position:relative}.hb2-zone-head>span:first-child{flex-direction:column;gap:.1rem;display:flex}.hb2-zone-head b{font-family:var(--hb2-display);letter-spacing:-.04em;color:var(--hb2-gold);text-shadow:0 3px #3c140080,0 0 22px #ffaa1e8c;font-size:1.5rem;font-weight:900;line-height:1.05}.hb2-zone-violet .hb2-zone-head b{color:#c4b8ff;text-shadow:0 3px #140a468c,0 0 22px #9b8cffb3}.hb2-zone-head small{color:#fff0d2d1;font-size:.76rem;font-weight:800}.hb2-zone-violet .hb2-zone-head small{color:#e1daffd9}.hb2-count{color:#3a1400;background:linear-gradient(135deg,#fff0a8,#ffcf3f);border-radius:999px;flex-shrink:0;padding:.3rem .7rem;font-size:.74rem;font-weight:900;box-shadow:0 0 16px #ffcf3f80}.hb2-zone-violet .hb2-count{color:#1a1050;background:linear-gradient(135deg,#ece6ff,#9b8cff);box-shadow:0 0 16px #9b8cff99}.hb2-aurora{z-index:-1;pointer-events:none;border-radius:999px;position:absolute}.hb2-aurora-a{background:radial-gradient(closest-side,#4ff0b46b,#0000);width:95%;height:7rem;animation:15s ease-in-out infinite hb2-aur-a;top:-2rem;left:-30%;transform:rotate(-12deg)}.hb2-aurora-b{background:radial-gradient(closest-side,#ff7ab666,#9b8cff33 60%,#0000);width:100%;height:7rem;animation:18s ease-in-out infinite hb2-aur-b;top:1rem;right:-30%;transform:rotate(10deg)}@keyframes hb2-aur-a{50%{opacity:.75;transform:rotate(-8deg)translate(12%,8%)scale(1.1)}}@keyframes hb2-aur-b{50%{opacity:.8;transform:rotate(14deg)translate(-10%,6%)scale(1.12)}}.hb2-list{flex-direction:column;gap:.65rem;display:flex}.hb2-card{isolation:isolate;color:#fff;align-items:center;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden}.hb2-card:active{transform:scale(.98)}.hb2-scene{z-index:-1;position:absolute;overflow:hidden}.hb2-photo,.hb2-motif{width:100%;height:100%;position:absolute;inset:0}.hb2-photo{object-fit:cover}.hb2-felt{position:absolute;inset:0}.hb2-felt-mint{background:radial-gradient(90% 120% at 78%,#4ff0b48c,#0000 70%),linear-gradient(135deg,#0c6b55,#083c44)}.hb2-felt-violet{background:radial-gradient(90% 120% at 78%,#c58cff8c,#0000 70%),linear-gradient(135deg,#5a2aa8,#2a1868)}.hb2-felt-lime{background:radial-gradient(90% 120% at 78%,#a3e63573,#0000 70%),linear-gradient(135deg,#2f5a1a,#13322a)}.hb2-felt-gold{background:radial-gradient(90% 120% at 70%,#ffcf3f99,#0000 70%),linear-gradient(135deg,#8a2a6a,#3a0f44)}.hb2-felt-sky{background:radial-gradient(90% 120% at 78% 30%,#6cc8ff8c,#0000 70%),linear-gradient(#1d4f9c,#12235a)}.hb2-spin{transform-box:fill-box;transform-origin:50%;animation:22s linear infinite hb2-spin}.hb2-hero-obj{width:5rem;height:5rem;margin-top:-2.5rem;animation:4s ease-in-out infinite hb2-float;position:absolute;top:50%;right:.9rem}.hb2-hero-obj:before{content:"";background:radial-gradient(circle, #ffffff80, color-mix(in srgb, var(--gm) 40%, transparent) 45%, transparent 70%);border-radius:999px;position:absolute;inset:-10%}.hb2-hero-art,.hb2-hero-obj img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.hb2-card-text{z-index:2;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.hb2-card-name{font-family:var(--hb2-display);letter-spacing:-.035em;text-shadow:0 2px #0a06288c;font-weight:900;line-height:1.08}.hb2-card-tag{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;color:#f2f0ffdb;-webkit-box-orient:vertical;max-width:100%;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.hb2-card-meta{align-items:center;gap:.35rem;margin-top:.4rem;display:flex}.hb2-cost{height:1.25rem;font-family:var(--hb2-display);color:#ffe58a;background:#0a082299;border-radius:999px;align-items:center;gap:.2rem;padding:0 .45rem 0 .3rem;font-size:.66rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffcf3f66}.hb2-cost-low{color:#ff8a9a;box-shadow:inset 0 0 0 1px #ff788c8c}.hb2-note{color:#06203a;background:linear-gradient(135deg,#e0f6ff,#6cc8ff);border-radius:999px;align-items:center;height:1.25rem;padding:0 .55rem;font-size:.66rem;font-weight:900;display:inline-flex}.hb2-go{z-index:3;color:#12102e;background:var(--gm);width:1.85rem;height:1.85rem;box-shadow:0 0 0 3px #0a082273, 0 6px 14px -4px var(--gm);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:.6rem;right:.6rem}.hb2-go svg{margin-left:2px}.hb2-card-low{opacity:.7}.hb2-card-soon{cursor:default}.hb2-card-soon .hb2-scene{opacity:.55}.hb2-card-soon .hb2-card-name{color:#ffffffd9}.hb2-v-a .hb2-card{background:linear-gradient(100deg, color-mix(in srgb, var(--gm) 30%, #17143c) 0%, #17143c 46%, #120f30 100%);min-height:6.4rem;box-shadow:0 14px 28px -16px var(--gm), inset 0 0 0 1.5px color-mix(in srgb, var(--gm) 60%, transparent), inset 0 1px 0 #ffffff2e;border-radius:24px;padding:.8rem 1rem}.hb2-v-a .hb2-scene{width:66%;top:0;bottom:0;right:0;-webkit-mask:linear-gradient(90deg,#0000 0%,#0000008c 20%,#000 46%);mask:linear-gradient(90deg,#0000 0%,#0000008c 20%,#000 46%)}.hb2-v-a .hb2-card-text{max-width:58%}.hb2-v-a .hb2-card-name{font-size:1.18rem}.hb2-v-a .hb2-card-tag{margin-top:.15rem;font-size:.74rem}.hb2-v-a .hb2-hero-obj{right:3.1rem}.hb2-v-a .hb2-go{margin-top:-.925rem;top:50%;bottom:auto}.hb2-v-b .hb2-card{background:radial-gradient(80% 90% at 0% 100%, color-mix(in srgb, var(--gm) 55%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--gm) 62%, #2a0f66) 0%, color-mix(in srgb, var(--gm) 28%, #1a1240) 75%);box-shadow:0 16px 28px -14px var(--gm), inset 0 0 0 2px color-mix(in srgb, var(--gm) 80%, #fff 20%), inset 0 2px 0 #ffffff59;border-radius:22px}.hb2-v-b .hb2-card-name{text-shadow:0 2px #0a062899,0 0 14px #0a062880;font-size:1.2rem}.hb2-v-b .hb2-card-tag{color:#ffffffeb;margin-top:.15rem;font-size:.72rem}.hb2-v-b .hb2-cost{background:#0a0822b3}.hb2-v-b .hb2-list-chips .hb2-card{min-height:6.8rem;padding:.8rem 1rem}.hb2-v-b .hb2-list-chips .hb2-scene{clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);width:60%;top:0;bottom:0;right:0}.hb2-v-b .hb2-list-chips .hb2-card-shade{z-index:1;background:linear-gradient(180deg, #fff, var(--gm) 50%, #fff);width:3px;box-shadow:0 0 12px 2px var(--gm);position:absolute;top:-10%;bottom:-10%;left:46.6%;transform:skew(-20deg)}.hb2-v-b .hb2-list-chips .hb2-card-text{max-width:44%}.hb2-v-b .hb2-list-chips .hb2-hero-obj{right:3.1rem}.hb2-v-b .hb2-list-currency{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.hb2-v-b .hb2-list-currency .hb2-card{align-items:flex-end;min-height:12.4rem;padding:.7rem .8rem .75rem}.hb2-v-b .hb2-list-currency .hb2-scene{clip-path:polygon(0 0,100% 0,100% 100%,0 82%);height:60%;top:0;left:0;right:0}.hb2-v-b .hb2-list-currency .hb2-card-shade{z-index:1;background:linear-gradient(90deg, #fff, var(--gm) 50%, #fff);height:3px;box-shadow:0 0 12px 2px var(--gm);position:absolute;top:54.6%;left:-10%;right:-10%;transform:rotate(6deg)}.hb2-v-b .hb2-list-currency .hb2-hero-obj{width:4.8rem;height:4.8rem;margin:0 -2.4rem 0 0;top:.5rem;right:50%}.hb2-v-b .hb2-list-currency .hb2-card-name{font-size:1.05rem}.hb2-v-b .hb2-list-currency .hb2-card-text{max-width:100%;padding-right:1.9rem}.hb2-v-b .hb2-list-currency .hb2-card-tag{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.25;display:-webkit-box}.hb2-v-b .hb2-list-currency .hb2-mark{top:.45rem;left:.5rem;right:auto}.hb2-v-b .hb2-photo{object-position:center}.hb2-v-b .hb2-scene:after{content:"";pointer-events:none;background:linear-gradient(#ffffff29 0%,#0000 22%),radial-gradient(120% 110% at 60% 40%,#0000 55%,#0c08288c 100%);position:absolute;inset:0}.hb2-v-b .hb2-list-chips .hb2-scene:after{background:linear-gradient(#ffffff24 0%,#0000 26%),linear-gradient(90deg,#0c082880 0%,#0000 34%),radial-gradient(120% 120% at 70%,#0000 55%,#0c082873 100%)}.hb2-glint{z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff38,#0000);width:32%;animation:7s ease-in-out infinite hb2-glint;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-140%)skew(-18deg)}.hb2-list>:first-child{--i:0}.hb2-list>:nth-child(2){--i:1}.hb2-list>:nth-child(3){--i:2}.hb2-list>:nth-child(4){--i:3}.hb2-list>:nth-child(5){--i:4}.hb2-list>:nth-child(6){--i:5}.hb2-list>:nth-child(7){--i:6}.hb2-list>:nth-child(n+8){--i:7}.hb2-glint{animation-delay:calc(var(--i,0) * .45s + 1.2s)}@keyframes hb2-glint{0%,70%{transform:translate(-140%)skew(-18deg)}to{transform:translate(420%)skew(-18deg)}}.hb2-v-b .hb2-go{box-shadow:0 0 0 3px #0a08228c, 0 0 0 4px color-mix(in srgb, var(--gm) 60%, transparent), 0 6px 14px -4px var(--gm)}.hb2-v-b .hb2-list-chips .hb2-go{bottom:.55rem;right:.55rem}.hb2-v-b .hb2-card-low .hb2-scene{opacity:.6}.hb2-more-dock{z-index:39;left:0;right:0;bottom:calc(var(--bottom-nav-height,5.2rem) + env(safe-area-inset-bottom,0px) + .45rem);pointer-events:none;grid-template-columns:minmax(3.75rem,1fr) auto minmax(.7rem,1fr);display:grid;position:fixed}.hb2-more{color:#3a1400;min-width:0;height:2.55rem;font-family:var(--font-arcade), var(--font-app), system-ui, sans-serif;letter-spacing:-.03em;white-space:nowrap;isolation:isolate;opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff3b0 0%,#ffcf3f 55%,#ffab1f 100%);border-radius:999px;grid-column:2;align-items:center;gap:.45rem;padding:0 .35rem 0 .3rem;font-size:.68rem;font-weight:800;transition:opacity .25s ease-out,transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;transform:translateY(1.2rem)scale(.92);box-shadow:0 10px 24px -8px #ffa014e6,0 0 0 3px #1a123c8c,inset 0 1px #ffffffb3}.hb2-more:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffcf3f73,#0000);border-radius:999px;animation:2.4s ease-in-out infinite hb2-more-pulse;position:absolute;inset:-.9rem -1.2rem}.hb2-more-on{opacity:1;pointer-events:auto;transform:none}.hb2-more-on:active{transform:scale(.96)}.hb2-more-violet{color:#fff;background:linear-gradient(135deg,#c9b8ff 0%,#9b8cff 45%,#6a4cff 100%);box-shadow:0 10px 24px -8px #785afff2,0 0 0 3px #1a123c8c,inset 0 1px #ffffff8c}.hb2-more-violet:before{background:radial-gradient(closest-side,#9b8cff8c,#0000)}.hb2-more-thumbs{flex-shrink:0;align-items:center;display:flex}.hb2-more-thumbs img,.hb2-more-n{border-radius:999px;width:1.85rem;height:1.85rem;box-shadow:0 0 0 2px #fff3c4}.hb2-more-thumbs img{object-fit:cover}.hb2-more-thumbs>*+*{margin-left:-.6rem}.hb2-more-n{letter-spacing:-.04em;color:#fff;background:#2a1a5e;place-items:center;font-size:.66rem;font-weight:900;display:grid;position:relative}.hb2-more-violet .hb2-more-thumbs img,.hb2-more-violet .hb2-more-n{box-shadow:0 0 0 2px #ece6ff}.hb2-more-label{flex-shrink:0}.hb2-more-arrow{color:#fff;background:#1a123cd9;border-radius:999px;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;display:grid}.hb2-more-arrow svg{animation:1.6s ease-in-out infinite hb2-more-nudge}@keyframes hb2-more-nudge{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(2px)}}@keyframes hb2-more-pulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}[data-hb2-idle],[data-hb2-idle]:before,[data-hb2-idle]:after,[data-hb2-idle] *,[data-hb2-idle] :before,[data-hb2-idle] :after{animation-play-state:paused!important}.hb2-sky-aur{pointer-events:none;border-radius:999px;position:absolute}.hb2-sky-aur-a{background:radial-gradient(closest-side,#4ff0b44d,#4ff0b414 60%,#0000);width:90%;height:11rem;animation:16s ease-in-out infinite hb2-skyaur-a;top:1.5rem;left:-25%;transform:rotate(-14deg)}.hb2-sky-aur-b{background:radial-gradient(closest-side,#ff7ab642,#9b8cff1a 60%,#0000);width:95%;height:10rem;animation:21s ease-in-out infinite hb2-skyaur-b;top:4.5rem;right:-30%;transform:rotate(12deg)}@keyframes hb2-skyaur-a{0%,to{opacity:.55;transform:rotate(-14deg)translate(0,0)scale(1)}50%{opacity:1;transform:rotate(-9deg)translate(14%,10%)scale(1.12)}}@keyframes hb2-skyaur-b{0%,to{opacity:.85;transform:rotate(12deg)translate(0,0)scale(1.05)}50%{opacity:.45;transform:rotate(7deg)translate(-12%,12%)scale(.95)}}.hb2-sparkle,.hb2-fx-tw{width:var(--s,12px);height:var(--s,12px);margin:calc(var(--s,12px) / -2) 0 0 calc(var(--s,12px) / -2);opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fff 0,#ffffffd9 22%,#fff0 70%);border-radius:999px;animation:4.2s ease-in-out infinite hb2-sparkle;position:absolute}.hb2-sparkle:before,.hb2-sparkle:after,.hb2-fx-tw:before,.hb2-fx-tw:after{content:"";background:linear-gradient(90deg, transparent, var(--c,#fff), transparent);width:180%;height:2px;margin-top:-1px;position:absolute;top:50%;left:-40%}.hb2-sparkle:after,.hb2-fx-tw:after{transform:rotate(90deg)}@keyframes hb2-sparkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}12%{opacity:1;transform:scale(1)rotate(25deg)}30%{opacity:0;transform:scale(.4)rotate(45deg)}}.hb2-ember{width:var(--s,4px);height:var(--s,4px);background:radial-gradient(closest-side, #fff 0, var(--c,#ffcf3f) 45%, transparent);opacity:0;pointer-events:none;border-radius:999px;animation:10s linear infinite hb2-ember;position:absolute}.hb2-ember:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--c,#ffcf3f) 45%, transparent), transparent);border-radius:999px;position:absolute;inset:-250%}@keyframes hb2-ember{0%{opacity:0;transform:translate(0,0)scale(.6)}15%{opacity:.95}50%{transform:translate(12px,-70px)scale(1)}85%{opacity:.6}to{opacity:0;transform:translate(-6px,-140px)scale(.5)}}.hb2-flow{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fffaf0 0,#ffe9a8d9 45%,#0000);border-radius:999px;width:22px;height:4px;margin:-2px 0 0 -11px;animation:4.2s linear infinite hb2-flow;position:absolute}@keyframes hb2-flow{0%{opacity:0;transform:rotate(var(--a)) translateX(-26px) scaleX(.6)}18%{opacity:1}52%{opacity:0;transform:rotate(var(--a)) translateX(34px) scaleX(1.2)}to{opacity:0;transform:rotate(var(--a)) translateX(34px) scaleX(1.2)}}.hb2-beam{transform-origin:100%;pointer-events:none;clip-path:polygon(100% 44%,0 0,0 100%,100% 56%);background:linear-gradient(270deg,#fff3c48c,#fff3c41f 60%,#0000);width:64%;height:46px;animation:7s ease-in-out infinite hb2-beam;position:absolute;bottom:136px;right:12%}@keyframes hb2-beam{0%,to{opacity:.9;transform:rotate(-7deg)}50%{opacity:.55;transform:rotate(9deg)}}.hb2-lamp{pointer-events:none;background:radial-gradient(closest-side,#fffadcf2,#ffcf3f73 45%,#0000);border-radius:999px;width:36px;height:36px;animation:3.5s ease-in-out infinite hb2-pulse;position:absolute;bottom:118px;right:calc(12% - 18px)}@keyframes hb2-pulse{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}.hb2-win-a,.hb2-win-b,.hb2-win-c{animation:5.2s step-end infinite hb2-win}.hb2-win-b{animation-delay:-1.7s}.hb2-win-c{animation-duration:6.4s;animation-delay:-3.4s}@keyframes hb2-win{0%,to{opacity:1}38%{opacity:.15}44%{opacity:1}70%{opacity:.35}}.hb2-bulb-a,.hb2-bulb-b{animation:1.2s step-end infinite hb2-bulb}.hb2-bulb-b{animation-delay:-.6s}@keyframes hb2-bulb{0%,to{opacity:1}50%{opacity:.3}}.hb2-skyline>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hb2-layer-halo{animation:6s ease-in-out infinite hb2-halo}@keyframes hb2-halo{0%,to{opacity:.7}50%{opacity:1}}.hb2-layer-isl1{animation:6.5s ease-in-out infinite hb2-isl}.hb2-layer-isl2{animation:5.2s ease-in-out -2s infinite hb2-isl}@keyframes hb2-isl{0%,to{transform:translate(0,0)}50%{transform:translateY(-5px)}}@keyframes hb2-rise{0%{opacity:0;transform:translateY(22px)scale(.97)}}@keyframes hb2-drop-in{0%{opacity:0;transform:translateY(-10px)}}.hb2-v-b .hb2-top{animation:.5s cubic-bezier(.22,1,.36,1) backwards hb2-drop-in}.hb2-v-b .hb2-bj,.hb2-v-b .hb2-cases,.hb2-v-b .hb2-exp,.hb2-v-b .hb2-arena,.hb2-v-b .hb2-zone-head,.hb2-v-b .hb2-card{animation:.7s cubic-bezier(.22,1,.36,1) backwards hb2-rise}.hb2-v-b .hb2-bj{animation-delay:80ms}.hb2-v-b .hb2-cases{animation-delay:.18s}.hb2-v-b .hb2-exp{animation-delay:.28s}.hb2-v-b .hb2-arena{animation-delay:.38s}.hb2-v-b .hb2-zone-head{animation-delay:.1s}.hb2-v-b .hb2-card{animation-delay:calc(.16s + var(--i,0) * 70ms);transition:transform .12s ease-out}.hb2-v-b .hb2-card:active{transform:scale(.965)}.hb2-v-b .hb2-card:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--gm) 50%, #fff 50%), inset 0 0 18px 2px color-mix(in srgb, var(--gm) 75%, transparent);opacity:0;animation:4.8s ease-in-out infinite hb2-rim;animation-delay:calc(var(--i,0) * -.6s);position:absolute;inset:0}@keyframes hb2-rim{0%,to{opacity:.15}50%{opacity:.85}}.hb2-v-b .hb2-card-soon:after,.hb2-v-b .hb2-card-low:after{opacity:0;animation:none}.hb2-kb{animation:16s ease-in-out infinite alternate hb2-kb;animation-delay:calc(var(--i,0) * -2.3s);position:absolute;inset:0;transform:scale(1.06)}@keyframes hb2-kb{0%{transform:scale(1.05)translate(0,0)}to{transform:scale(1.12)translate(-2.5%,-1.5%)}}.hb2-card-dice .hb2-kb,.hb2-card-upgrader .hb2-kb,.hb2-card-secret .hb2-kb{animation:4.6s ease-in-out infinite hb2-kb-float}@keyframes hb2-kb-float{0%,to{transform:scale(1.08)translateY(1.5%)}50%{transform:scale(1.08)translateY(-2.5%)}}.hb2-card-soon .hb2-kb{animation:none}.hb2-fx{pointer-events:none;position:absolute;inset:0}.hb2-card-soon .hb2-fx{display:none}.hb2-fx>i{animation-delay:var(--d,0s);position:absolute}.hb2-fx>.hb2-fx-tw{animation-duration:3.2s}.hb2-fx-glow{width:var(--s,40px);height:var(--s,40px);margin:calc(var(--s,40px) / -2) 0 0 calc(var(--s,40px) / -2);background:radial-gradient(closest-side, var(--c,#ffffffb3), transparent);border-radius:999px;animation:3.2s ease-in-out infinite hb2-pulse}.hb2-fx-arc{width:var(--w,40%);aspect-ratio:1;margin:calc(var(--w,40%) / -2) 0 0 calc(var(--w,40%) / -2);transform:scaleY(var(--r,.5))}.hb2-fx-arc b{border:2.5px solid #0000;border-top-color:var(--c,#fff);border-right-color:color-mix(in srgb, var(--c,#fff) 35%, transparent);animation:3.4s linear infinite hb2-spin;animation-delay:inherit;border-radius:999px;position:absolute;inset:0}.hb2-card-roulette .hb2-fx-arc b{animation-duration:2.6s}.hb2-fx-spark{width:var(--s,5px);height:var(--s,5px);background:radial-gradient(closest-side, #fff, var(--c,#ffe08a) 50%, transparent);opacity:0;border-radius:999px;animation:1.35s ease-out infinite hb2-fx-spark}@keyframes hb2-fx-spark{0%{opacity:1;transform:translate(0,0)scale(1.2)}to{opacity:0;transform:translate(-46px,26px)scale(.3)}}.hb2-fx-drop{width:var(--s,8px);height:var(--s,8px);margin:calc(var(--s,8px) / -2) 0 0 calc(var(--s,8px) / -2);opacity:0;background:radial-gradient(circle at 35% 35%,#fff 0,#ffe58a 35%,#ffb21f 70%,#ffb21f00 72%);border-radius:999px;animation:3.4s ease-in infinite hb2-fx-drop}.hb2-fx-drop:before{content:"";background:radial-gradient(closest-side,#ffdc7899,#0000);border-radius:999px;position:absolute;inset:-120%}@keyframes hb2-fx-drop{0%{opacity:0;transform:translate(0,0)}6%{opacity:1}18%{transform:translate(7px,14px)}30%{transform:translate(-3px,28px)}42%{transform:translate(6px,42px)}54%{transform:translate(1px,56px)}66%{opacity:1;transform:translate(8px,72px)}74%,to{opacity:0;transform:translate(5px,82px)}}.hb2-fx-rays{width:var(--s,200px);height:var(--s,200px);margin:calc(var(--s,200px) / -2) 0 0 calc(var(--s,200px) / -2);opacity:.5;background:repeating-conic-gradient(#ffeca047 0deg 7deg,#0000 7deg 20deg);border-radius:999px;animation:26s linear infinite hb2-spin;-webkit-mask:radial-gradient(circle,#000 15%,#0000 68%);mask:radial-gradient(circle,#000 15%,#0000 68%)}.hb2-fx-win{width:var(--s,8px);height:var(--s,8px);margin:calc(var(--s,8px) / -2) 0 0 calc(var(--s,8px) / -2);background:radial-gradient(closest-side, #fff 0, var(--c,#ffcf3f) 40%, transparent);border-radius:999px;animation:3.6s step-end infinite hb2-fx-win}@keyframes hb2-fx-win{0%,to{opacity:.9}30%{opacity:.25}36%{opacity:1}62%{opacity:.45}70%{opacity:1}}.hb2-fx-flash{width:var(--s,40px);height:var(--s,40px);margin:calc(var(--s,40px) / -2) 0 0 calc(var(--s,40px) / -2);opacity:0;background:radial-gradient(closest-side,#f0fafff2,#a0dcff66 40%,#0000);border-radius:999px;animation:4.2s linear infinite hb2-fx-flash}@keyframes hb2-fx-flash{0%,to{opacity:0}2%{opacity:1}5%{opacity:.1}8%{opacity:.9}14%{opacity:0}}.hb2-fx-petal{width:var(--s,6px);height:calc(var(--s,6px) * .6);opacity:0;background:linear-gradient(135deg,#ffe0ef,#ff8cc4);border-radius:80% 0;animation:6.2s linear infinite hb2-fx-petal}@keyframes hb2-fx-petal{0%{opacity:0;transform:translate(0,0)rotate(0)}10%{opacity:.95}50%{transform:translate(-30px,40px)rotate(160deg)}85%{opacity:.8}to{opacity:0;transform:translate(-48px,92px)rotate(320deg)}}.hb2-fx-sweep{width:var(--w,30%);height:var(--h,60%);border-radius:10px;overflow:hidden}.hb2-fx-sweep b{background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:3.2s ease-in-out infinite hb2-fx-sweep;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%)skew(-18deg)}@keyframes hb2-fx-sweep{0%,45%{transform:translate(-160%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}.hb2-root :is(a,button):focus-visible{outline:2px solid var(--hb2-gold);outline-offset:2px}@media (max-width:360px){.hb2-title{font-size:1.7rem}.hb2-v-a .hb2-card-name,.hb2-v-b .hb2-card-name{font-size:1.02rem}.hb2-v-b .hb2-list-currency .hb2-card-name{font-size:.92rem}.hb2-bj-name{font-size:1.6rem}.hb2-bj-artwrap{width:7.2rem;height:7.2rem}.hb2-ico{--u:calc(4.7rem / 100);width:4.7rem;height:4.7rem}}@media (prefers-reduced-motion:reduce){.hb2-root *,.hb2-root :before,.hb2-root :after,.hb2-more-dock *,.hb2-more-dock :before{animation:none!important}.hb2-flow,.hb2-ember,.hb2-sparkle,.hb2-fx{display:none}}.hb2-ico{--u:calc(4.6rem / 100);width:4.6rem;height:4.6rem;top:-.15rem}.hb2-duel-text{z-index:2;position:relative}@media (max-width:360px){.hb2-ico{--u:calc(4.1rem / 100);width:4.1rem;height:4.1rem}}.hb2-v-b .hb2-duel-battle{--gm:#ff4d6d}.hb2-v-b .hb2-duel-trade{--gm:#35e6d8}.hb2-v-b .hb2-duel{box-shadow:0 14px 26px -12px var(--gm), 0 0 0 1px color-mix(in srgb, var(--gm) 40%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--gm) 80%, #fff 20%), inset 0 2px 0 #ffffff59}.hb2-v-b .hb2-duel:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--gm) 50%, #fff 50%), inset 0 0 18px 2px color-mix(in srgb, var(--gm) 75%, transparent);opacity:.15;animation:4.8s ease-in-out infinite hb2-rim;position:absolute;inset:0}.hb2-v-b .hb2-duel-trade:after{animation-delay:-2.4s}@media (prefers-reduced-motion:reduce){.hb2-v-b .hb2-duel:after{opacity:.5;animation:none}}.hb2-world:after{content:"";pointer-events:none;background:#0e0c2617;position:absolute;inset:0}
body.cases-route .app-bg{background-color:#141033;background-image:none}body.cases-route .app-bg:before,body.cases-route .app-workspace-veil{background:0 0}body.cases-route .sticky-action-bar{background:linear-gradient(#14103300 0%,#141033f0 28%,#141033 100%);border-top:0}body.cases-route:has(.kc-detail) .chat-dock{display:none}.kc-shell{--kc-ink:#f7f5ff;--kc-dim:#cbc6f0;--kc-faint:#9a94c6;--kc-plate:#fff1;--kc-line:#ffffff1a;--kc-gold:#ffcf3f;--kc-violet:#9b7bff;--kc-display:var(--font-arcade), var(--font-app), system-ui, sans-serif;color:var(--kc-ink)}.kc-bg{z-index:0;pointer-events:none;background:radial-gradient(70% 40% at 50% -5%,#9b7bff52,#0000 70%),radial-gradient(60% 35% at 100% 60%,#ff5abe1f,#0000 70%),linear-gradient(#1b1546 0%,#141033 55%,#0f0c28 100%);position:fixed;inset:0}.kc-root{z-index:1;flex-direction:column;gap:.85rem;padding-bottom:1.25rem;display:flex;position:relative}.kc-root button{cursor:pointer;font-family:inherit}.kc-top{align-items:center;gap:.6rem;display:flex}.kc-round,.kc-round-spacer{width:2.4rem;height:2.4rem;color:var(--kc-ink);box-shadow:inset 0 0 0 1px var(--kc-line);background:#ffffff17;border-radius:999px;flex:none;place-items:center;display:grid}.kc-round-spacer{visibility:hidden}.kc-title{font-family:var(--kc-display);letter-spacing:-.01em;flex:1;margin:0;font-size:1.35rem;font-weight:800}.kc-case{width:100%;height:auto;filter:drop-shadow(0 6px 14px rgba(var(--kc-rgb), .35));display:block;overflow:visible}.kc-case .kc-glow-in{opacity:0;transition:opacity .3s}.kc-case .kc-lid,.kc-case .kc-latch{transform-box:fill-box;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.kc-case .kc-lid{transform-origin:50% 100%}.kc-case .kc-latch{transform-origin:50% 0}.kc-case.kc-open .kc-lid{transform:translateY(-14px)rotate(-6deg)}.kc-case.kc-open .kc-latch{transform:rotate(180deg)translateY(-4px)}.kc-case.kc-open .kc-glow-in{opacity:1}.kc-tier-5.kc-case{filter:drop-shadow(0 0 18px rgba(var(--kc-rgb), .6)) drop-shadow(0 6px 14px #0006)}.kc-sheen{animation:3.6s ease-in-out infinite kc-sheen}@keyframes kc-sheen{0%,55%{transform:skew(-20deg)translate(0)}to{transform:skew(-20deg)translate(190px)}}.kc-float{animation:3.4s ease-in-out infinite kc-float}@keyframes kc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.kc-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both kc-pop,3.4s ease-in-out .45s infinite kc-float}@keyframes kc-pop{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.kc-wiggle{animation:2.4s ease-in-out infinite kc-wiggle}@keyframes kc-wiggle{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}85%{transform:rotate(-4deg)}90%{transform:rotate(3deg)}}.kc-hall{box-shadow:inset 0 0 0 1.5px #ffcf3f73, 0 0 0 1px #9b7bff40, 0 18px 40px -12px rgba(var(--kc-rgb), .55);isolation:isolate;background:linear-gradient(170deg,#241a63 0%,#170f45 55%,#0d0930 100%);border-radius:1.6rem;padding:.8rem .8rem .7rem;position:relative;overflow:hidden}.kc-hall:before{content:"";z-index:2;background:linear-gradient(90deg,#0000,#ffe48a,#0000);height:2px;position:absolute;inset:0 18% auto}.kc-scene{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.kc-hall-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kc-hall-badge{font-family:var(--kc-display);white-space:nowrap;color:#1f1300;background:linear-gradient(#fff1a6,#ffc93a);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .5rem;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 0 18px #ffcf3f80}.kc-hall-perks{gap:.3rem;display:inline-flex}.kc-hall-perk-gram{color:#d6ecff!important;background:#2a8cff38!important;box-shadow:inset 0 0 0 1px #3aa8ff99!important}.kc-hall-perk{white-space:nowrap;color:#c9fff2;background:#3ddcc429;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #3ddcc466}.kc-hall-stage{grid-template-columns:44% 1fr;align-items:center;gap:.6rem;margin-top:.4rem;display:grid}.kc-hall-case,.kc-show-case{place-items:center;padding:.6rem .2rem 1.1rem;display:grid;position:relative}.kc-hall-case .kc-case,.kc-show-case .kc-case{z-index:1;position:relative}.kc-hall-halo{background:radial-gradient(closest-side, rgba(var(--kc-rgb), .65), rgba(var(--kc-rgb), 0) 100%);border-radius:999px;animation:3.4s ease-in-out infinite kc-breathe;position:absolute;inset:4% 0 14%}@keyframes kc-breathe{50%{opacity:.6;transform:scale(.92)}}.kc-hall-podium{background:radial-gradient(closest-side, #ffffff80, rgba(var(--kc-rgb), .35) 60%, transparent);height:.9rem;box-shadow:0 0 22px rgba(var(--kc-rgb), .6);border-radius:50%;position:absolute;bottom:.35rem;left:10%;right:10%}.kc-hall-info{flex-direction:column;gap:.4rem;min-width:0;display:flex}.kc-hall-name{font-family:var(--kc-display);color:#fff;text-shadow:0 0 18px rgba(var(--kc-rgb), .8);margin:0;font-size:1.3rem;font-weight:800;line-height:1.05}.kc-hall-desc{color:var(--kc-dim);margin:0;font-size:.74rem;line-height:1.3}.kc-hall-odds{flex-wrap:wrap;gap:.3rem;display:flex}.kc-odd{background:rgba(var(--rar), .18);box-shadow:inset 0 0 0 1px rgba(var(--rar), .55);border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .5rem .18rem .2rem;font-size:.7rem;font-weight:800;display:inline-flex}.kc-odd small{color:var(--kc-dim);font-weight:700}.kc-odd-art{width:1.35rem!important;height:1.35rem!important}.kc-odd-dia{--rar:125, 230, 255;color:#bff3ff;padding-left:.45rem}.kc-hall-cta{white-space:nowrap;font-family:var(--kc-display);color:#1f1300;background:linear-gradient(#fff1a6 0%,#ffc93a 55%,#f39a0f 100%);border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;margin-top:.15rem;padding:.6rem;font-size:.92rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 6px #a35a00,0 10px 22px #ffb42873}.kc-hall-cta:active{transform:translateY(4px);box-shadow:0 2px #a35a00,0 4px 12px #ffb42866}.kc-rail{scrollbar-width:none;gap:.45rem;margin:.25rem -.8rem -.4rem;padding:.7rem .8rem;display:flex;overflow-x:auto}.kc-rail::-webkit-scrollbar{display:none}.kc-rail-item{width:4.6rem;color:var(--kc-ink);background:#ffffff0f;border:0;border-radius:1rem;flex-direction:column;flex:none;align-items:center;gap:.2rem;padding:.45rem .35rem .35rem;transition:transform .15s,background .15s;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.kc-rail-item .kc-case{width:3.4rem}.kc-rail-item b{align-items:center;gap:.15rem;font-size:.72rem;font-weight:800;display:inline-flex}.kc-rail-item.is-on{background:linear-gradient(180deg, rgba(var(--kc-rgb), .38), rgba(var(--kc-rgb), .12));box-shadow:inset 0 0 0 1.5px rgba(var(--kc-rgb), .95), 0 0 16px rgba(var(--kc-rgb), .45);transform:translateY(-3px)}.kc-hall-foot{color:var(--kc-dim);margin:.55rem 0 0;font-size:.7rem;line-height:1.4}.kc-hall-foot>svg:first-child{color:var(--kc-gold)}.kc-inline-ico{vertical-align:-2px;display:inline-block}.kc-price-pill{color:#fff;white-space:nowrap;background:#281400c7;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;display:inline-flex}.kc-free{background:linear-gradient(100deg, rgba(var(--kc-rgb), .16), #ffffff0a);box-shadow:inset 0 0 0 1px rgba(var(--kc-rgb), .3);border-radius:1.2rem;align-items:center;gap:.7rem;padding:.55rem .6rem .55rem .5rem;display:flex}.kc-free.is-ready{box-shadow:inset 0 0 0 1.5px rgba(var(--kc-rgb), .85), 0 0 22px rgba(var(--kc-rgb), .25)}.kc-free-art{flex:none;width:3.6rem}.kc-free-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.kc-free-text b{font-size:.92rem;font-weight:800}.kc-free-text small{color:var(--kc-dim);font-size:.72rem}.kc-free-btn{color:#04301f;background:linear-gradient(#b8ffe0,#3fe6a6);border:0;border-radius:.9rem;flex:none;align-items:center;gap:.3rem;padding:.6rem .9rem;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 4px #0b7a52}.kc-free-btn:disabled{color:var(--kc-dim);box-shadow:inset 0 0 0 1px var(--kc-line);background:#ffffff14}.kc-shelf{flex-direction:column;gap:.7rem;display:flex}.kc-shelf-head{align-items:center;gap:.55rem;display:flex}.kc-shelf-ico{width:2.1rem;height:2.1rem;box-shadow:inset 0 0 0 1px var(--kc-line);background:#ffffff14;border-radius:.8rem;flex:none;place-items:center;display:grid}.kc-shelf-titles{flex-direction:column;flex:1;min-width:0;display:flex}.kc-shelf-titles h2{font-family:var(--kc-display);margin:0;font-size:1.05rem;font-weight:800}.kc-shelf-titles small{color:var(--kc-faint);font-size:.7rem}.kc-shelf-bal{box-shadow:inset 0 0 0 1px var(--kc-line);background:#08061a8c;border-radius:999px;flex:none;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.kc-promo{text-align:left;width:100%;min-height:4.6rem;color:var(--kc-ink);background:radial-gradient(60% 120% at 15%,#ff8a1f59,#0000 70%),radial-gradient(50% 120% at 90% 0,#9b55ff66,#0000 70%),linear-gradient(110deg,#2a1c6e,#170f45);border:0;border-radius:1.2rem;align-items:center;gap:.6rem;padding:.5rem .7rem .5rem .4rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffcf3f8c,0 10px 26px -10px #ffa0288c}.kc-promo:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%);animation:3.8s ease-in-out infinite kc-promo-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes kc-promo-shine{0%,50%{transform:translate(-100%)}to{transform:translate(100%)}}.kc-promo-fan{flex:none;width:6.4rem;height:3.6rem;position:relative}.kc-promo-case{width:3.3rem;position:absolute;bottom:0}.kc-promo-case-0{left:0;transform:rotate(-12deg)scale(.85)}.kc-promo-case-2{right:0;transform:rotate(12deg)scale(.85)}.kc-promo-case-1{z-index:1;width:3.7rem;margin-left:-1.85rem;bottom:.2rem;left:50%}.kc-promo-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.kc-promo-text b{font-family:var(--kc-display);white-space:nowrap;color:#ffe58a;align-items:center;gap:.3rem;font-size:clamp(.84rem,4vw,.98rem);font-weight:800;display:inline-flex}.kc-promo-text small{color:var(--kc-dim);font-size:.72rem;line-height:1.3}.kc-promo-go{color:#1f1300;background:linear-gradient(#fff1a6,#ffc93a);border-radius:999px;flex:none;place-items:center;width:2.1rem;height:2.1rem;animation:1.6s ease-in-out infinite kc-bob;display:grid}@keyframes kc-bob{50%{transform:translateY(3px)}}#stars-hall{scroll-margin-top:.75rem}.kc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.kc-tile{color:var(--kc-ink);background:radial-gradient(90% 55% at 50% 30%, rgba(var(--kc-rgb), .32), transparent 72%), linear-gradient(180deg, #ffffff14, #ffffff08);box-shadow:inset 0 0 0 1px rgba(var(--kc-rgb), .35);border-radius:1.2rem;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .55rem .6rem;transition:transform .12s;display:flex;position:relative;overflow:hidden}.kc-tile:active{transform:scale(.97)}.kc-tile-stage{width:72%;padding-top:.25rem}.kc-tile-dia{color:#062a38;background:linear-gradient(#d9fbff,#7de6ff);border-radius:999px;align-items:center;gap:.15rem;padding:.12rem .4rem;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;top:.45rem;right:.45rem}.kc-tile-name{font-family:var(--kc-display);font-size:.86rem;font-weight:800}.kc-tile-top{max-width:100%;color:rgb(var(--rar));white-space:nowrap;align-items:center;gap:.25rem;font-size:.68rem;font-weight:800;display:inline-flex}.kc-tile-top small{color:var(--kc-faint)}.kc-tile-top-art{width:1.2rem!important;height:1.2rem!important}.kc-tile-price{width:100%;font-family:var(--kc-display);color:#fff;background:linear-gradient(180deg, rgba(var(--kc-rgb), .75), rgba(var(--kc-rgb), .4));text-shadow:0 1px 2px #00000073;border-radius:.8rem;justify-content:center;align-items:center;gap:.3rem;margin-top:.15rem;padding:.45rem .5rem;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 3px #00000059}.kc-tile.is-poor .kc-tile-price{color:var(--kc-dim);text-shadow:none;background:#ffffff14}.kc-excl{background:linear-gradient(100deg, color-mix(in srgb, var(--ex) 22%, transparent), #ffffff08);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ex) 45%, transparent);border-radius:1.1rem;align-items:center;gap:.7rem;padding:.6rem .75rem;display:flex}.kc-excl-chips{flex:none;display:flex}.kc-excl-chip{border-radius:999px;width:2.2rem;height:2.2rem;margin-left:-.55rem;display:block;overflow:hidden;box-shadow:0 0 0 2px #141033}.kc-excl-chip:first-child{margin-left:0}.kc-excl-text{flex-direction:column;display:flex}.kc-excl-text b{font-size:.86rem;font-weight:800}.kc-excl-text small{color:var(--kc-dim);font-size:.7rem}.kc-prize{flex:none;place-items:center;width:3rem;height:3rem;display:grid;position:relative}.kc-prize-chip{box-shadow:0 0 12px rgba(var(--glow-rgb), .55);border-radius:999px;overflow:hidden}.kc-prize-pack{filter:drop-shadow(0 0 8px rgba(var(--glow-rgb), .55))}.kc-prize-hammer{color:#ffd75e}.kc-prize-hammer svg{width:62%;height:62%}.kc-prize-coin svg{width:78%;height:78%}.kc-show{text-align:center;background:linear-gradient(180deg, rgba(var(--kc-rgb), .14), #0a081eb3 70%);box-shadow:inset 0 0 0 1px rgba(var(--kc-rgb), .35);isolation:isolate;border-radius:1.6rem;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem .9rem .9rem;display:flex;position:relative;overflow:hidden}.kc-detail.is-stars .kc-show{box-shadow:inset 0 0 0 1.5px #ffcf3f73, 0 18px 40px -14px rgba(var(--kc-rgb), .6);background:linear-gradient(170deg,#241a63 0%,#170f45 55%,#0d0930 100%)}.kc-show-case{width:44%;max-width:11rem;padding-bottom:.9rem}.kc-show-name{font-family:var(--kc-display);text-shadow:0 0 22px rgba(var(--kc-rgb), .75);margin:0;font-size:1.4rem;font-weight:800;line-height:1.05}.kc-show-desc{max-width:30ch;color:var(--kc-dim);margin:0;font-size:.8rem;line-height:1.35}.kc-show-facts{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.25rem;display:flex}.kc-fact{box-shadow:inset 0 0 0 1px var(--kc-line);background:#ffffff14;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.kc-fact-price{font-family:var(--kc-display);color:#fff;background:rgba(var(--kc-rgb), .3);box-shadow:inset 0 0 0 1px rgba(var(--kc-rgb), .7);font-size:.9rem}.kc-fact-dia{color:#bff3ff;background:#7de6ff24;box-shadow:inset 0 0 0 1px #7de6ff73}.kc-fact-cash{color:#c9fff2;background:#3ddcc424;box-shadow:inset 0 0 0 1px #3ddcc466}.kc-show-bal{color:var(--kc-faint);margin:.1rem 0 0;font-size:.72rem}.kc-bal-pill{font-size:.72rem}.kc-bal-pill b{font-family:var(--font-arcade), var(--font-app), sans-serif;font-size:.74rem}.kc-qty-row{flex-direction:column;align-items:center;gap:.3rem;display:flex}.kc-qty{width:100%;box-shadow:inset 0 0 0 1px var(--kc-line);background:#08061a80;border-radius:1.1rem;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.3rem;display:grid}.kc-qty-btn{font-family:var(--kc-display);color:var(--kc-dim);background:0 0;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .2rem;font-size:.86rem;font-weight:800;display:inline-flex}.kc-qty-stack{width:.95rem;height:.9rem;display:inline-block;position:relative}.kc-qty-stack i{opacity:.85;background:currentColor;border-radius:.15rem;width:.8rem;height:.5rem;position:absolute;left:0}.kc-qty-stack i:first-child{bottom:0}.kc-qty-stack i:nth-child(2){opacity:.6;bottom:.2rem;left:.08rem}.kc-qty-stack i:nth-child(3){opacity:.4;bottom:.4rem;left:.16rem}.kc-qty-btn.is-on{color:#fff;background:linear-gradient(180deg, rgba(var(--kc-rgb), .55), rgba(var(--kc-rgb), .25));box-shadow:inset 0 0 0 1.5px rgba(var(--kc-rgb), .9)}.kc-qty-total{color:var(--kc-dim);align-items:center;gap:.25rem;margin:0;font-size:.74rem;font-weight:700;display:inline-flex}.kc-inside{flex-direction:column;gap:.55rem;display:flex}.kc-h2{font-family:var(--kc-display);align-items:baseline;gap:.5rem;margin:0;font-size:1rem;font-weight:800;display:flex}.kc-h2 small{font-family:var(--font-app), system-ui, sans-serif;color:var(--kc-faint);font-size:.7rem;font-weight:600}.kc-loot{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.kc-loot-item{text-align:center;background:radial-gradient(80% 60% at 50% 35%, rgba(var(--rar), .3), transparent 75%), #ffffff0d;box-shadow:inset 0 0 0 1px rgba(var(--rar), .3);border-radius:.95rem;flex-direction:column;align-items:center;gap:.2rem;padding:.65rem .3rem .55rem;display:flex;position:relative;overflow:hidden}.kc-loot-item:after{content:"";background:rgb(var(--rar));height:3px;box-shadow:0 0 10px rgb(var(--rar));position:absolute;inset:auto 0 0}.kc-loot-art{width:2.9rem!important;height:2.9rem!important}.kc-loot-item b{font-size:.7rem;font-weight:800;line-height:1.15}.kc-loot-item small{font-family:var(--kc-display);color:rgb(var(--rar));font-size:.74rem;font-weight:800}.kc-loot-flag{color:#062a38;white-space:nowrap;background:linear-gradient(#d9fbff,#7de6ff);border-radius:999px;padding:.05rem .35rem;font-size:.55rem;font-weight:900;position:absolute;top:.3rem;left:50%;transform:translate(-50%)}.kc-loot-flag-common{color:var(--kc-ink);background:#ffffff29}.kc-loot-item:has(.kc-loot-flag){padding-top:1.15rem}.kc-loot-item.is-dia{box-shadow:inset 0 0 0 1.5px #7de6ffd9,0 0 18px #7de6ff4d}.kc-actions{flex-direction:column;gap:.4rem;display:flex}.kc-actions-row{gap:.45rem;display:flex}.kc-cta{min-height:3.3rem;font-family:var(--kc-display);color:#1f1300;background:linear-gradient(#fff1a6 0%,#ffc93a 55%,#f39a0f 100%);border:0;border-radius:1.1rem;flex:1;justify-content:center;align-items:center;gap:.35rem;font-size:1rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 5px #a35a00,0 10px 24px #ffb42866}.kc-cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #a35a00,0 4px 12px #ffb42859}.kc-cta:disabled{color:var(--kc-dim);box-shadow:inset 0 0 0 1px var(--kc-line);background:#ffffff1a}.kc-cta-alt{color:#fff;background:linear-gradient(180deg, rgba(var(--kc-rgb), .7), rgba(var(--kc-rgb), .35));border:0;border-radius:1.1rem;flex:none;place-items:center;width:3.3rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff40,0 5px #00000059}.kc-cta-alt:disabled{opacity:.45}.kc-altpay{color:#fff;background:linear-gradient(#3aa8ff 0%,#1f6fe0 100%);border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:2.75rem;padding:.45rem .8rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 4px #134a9c,0 8px 18px #2a8cff59}.kc-altpay:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff59,0 1px #134a9c}.kc-altpay b{font-family:var(--kc-display)}.kc-altpay small{opacity:.8;font-weight:600}.kc-altpay-ico{background:#fffffff2;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;display:grid}.kc-sheet-overlay{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06041499;align-items:flex-end;animation:.18s ease-out both kcr-in;display:flex;position:fixed;inset:0}.kc-sheet{width:100%;padding:.5rem 1rem calc(env(safe-area-inset-bottom,0px) + 1.1rem);color:#f7f5ff;background:radial-gradient(80% 50% at 50% 0,#2a8cff40,#0000 70%),linear-gradient(#211a55,#141033);border-radius:1.6rem 1.6rem 0 0;flex-direction:column;gap:.6rem;animation:.28s cubic-bezier(.2,.9,.3,1) both kc-sheet-up;display:flex;box-shadow:0 -1px #3aa8ff80,0 -20px 40px #0006}@keyframes kc-sheet-up{0%{transform:translateY(100%)}}.kc-sheet button{cursor:pointer;font-family:inherit}.kc-sheet-grip{background:#ffffff40;border-radius:999px;align-self:center;width:2.6rem;height:4px}.kc-sheet-head{align-items:center;gap:.7rem;margin-bottom:.2rem;display:flex}.kc-sheet-coin{background:#fff;border-radius:999px;flex:none;place-items:center;width:2.8rem;height:2.8rem;display:grid;box-shadow:0 0 22px #2a8cff8c}.kc-sheet-titles{flex-direction:column;flex:1;display:flex}.kc-sheet-titles h3{color:#cbc6f0;margin:0;font-size:.82rem;font-weight:700}.kc-sheet-titles b{font-family:var(--font-arcade), var(--font-app), system-ui, sans-serif;font-size:1.35rem;font-weight:800}.kc-sheet-close{color:#fff;background:#ffffff1a;border:0;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;display:grid}.kc-pay{background:#ffffff0f;border-radius:1.1rem;align-items:center;gap:.65rem;padding:.7rem .7rem .7rem .75rem;display:flex;box-shadow:inset 0 0 0 1px #3aa8ff59}.kc-pay.is-short{box-shadow:inset 0 0 0 1px #ff788c66}.kc-pay-ico{color:#9fd4ff;background:#2a8cff2e;border-radius:.8rem;flex:none;place-items:center;width:2.4rem;height:2.4rem;display:grid}.kc-pay-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.kc-pay-text b{font-size:.9rem;font-weight:800}.kc-pay-text small{color:#cbc6f0;font-size:.72rem}.kc-pay-text em{color:#ff9aac;font-style:normal;font-weight:800;display:block}.kc-pay-btn{color:#fff;background:linear-gradient(#3aa8ff 0%,#1f6fe0 100%);border:0;border-radius:.85rem;flex:none;justify-content:center;align-items:center;gap:.3rem;min-height:2.5rem;padding:0 .95rem;font-size:.84rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 3px #134a9c}.kc-pay-btn:disabled{opacity:.55}.kc-pay-btn-ghost{color:#d6ecff;background:#2a8cff29;box-shadow:inset 0 0 0 1.5px #3aa8ffb3}.kc-sheet-note{color:#cbc6f0;text-align:center;margin:0;font-size:.74rem;line-height:1.35}.kcr{z-index:110;color:#f7f5ff;font-family:var(--font-app), system-ui, sans-serif;--kcr-display:var(--font-arcade), var(--font-app), system-ui, sans-serif;flex-direction:column;animation:.2s ease-out both kcr-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes kcr-in{0%{opacity:0}}.kcr button{cursor:pointer;border:0;font-family:inherit}.kcr-bg{background:radial-gradient(60% 36% at 50% 44%, rgba(var(--kcr-rgb), .28), transparent 72%), linear-gradient(180deg, #1b1546 0%, #0f0c28 100%);transition:background .5s;position:absolute;inset:0}.kcr.is-revealed .kcr-bg{background:radial-gradient(65% 42% at 50% 40%, rgba(var(--kcr-rgb), .45), transparent 72%), linear-gradient(180deg, #1b1546 0%, #0f0c28 100%)}.kcr-flash{z-index:3;pointer-events:none;background:rgb(var(--kcr-rgb));animation:.7s ease-out forwards kcr-flash;position:absolute;inset:0}@keyframes kcr-flash{0%{opacity:.8}to{opacity:0}}.kcr-intro{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.kcr-intro-case{width:min(62vw,15rem);animation:.62s ease-in-out both kcr-shake,.3s ease-in 1.05s forwards kcr-intro-out}.kcr-intro-case .kc-latch{animation:.25s cubic-bezier(.34,1.56,.64,1) .62s forwards kcr-latch}.kcr-intro-case .kc-lid{animation:.4s cubic-bezier(.34,1.56,.64,1) .8s forwards kcr-lid}.kcr-intro-case .kc-glow-in{animation:.35s ease-out .8s forwards kcr-glow}.kcr-intro-beam{background:linear-gradient(180deg, transparent, rgba(var(--kc-rgb), .55));clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);opacity:0;width:70%;height:55%;animation:.4s ease-out .85s forwards kcr-glow,.3s ease-in 1.05s forwards kcr-intro-out;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes kcr-shake{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.04)rotate(0)}35%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}65%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}to{transform:rotate(0)scale(1)}}@keyframes kcr-latch{to{transform:rotate(180deg)translateY(-4px)}}@keyframes kcr-lid{to{transform:translateY(-22px)rotate(-10deg)}}@keyframes kcr-glow{to{opacity:1}}@keyframes kcr-intro-out{to{opacity:0;transform:scale(1.15)}}.kcr-spin{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:.9rem;transition:opacity .3s;display:flex;position:relative}.kcr-spin.is-wait{opacity:0}.kcr-caption{text-align:center;font-family:var(--kcr-display);margin:0;font-size:1.1rem;font-weight:800}.kcr-window{background:linear-gradient(180deg, #00000059, rgba(var(--kc-rgb), .12), #00000059);width:100%;height:10rem;box-shadow:inset 0 1.5px 0 rgba(var(--kc-rgb), .6), inset 0 -1.5px 0 rgba(var(--kc-rgb), .6);position:relative;overflow:hidden}.kcr-streaks{opacity:var(--kcr-speed,0);pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 22px,#ffffff0f 22px 24px);position:absolute;inset:0}.kcr-track{z-index:1;will-change:transform;gap:10px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.kcr-item{background:linear-gradient(180deg, #ffffff14, rgba(var(--glow-rgb), .16));width:112px;height:112px;box-shadow:inset 0 0 0 1px rgba(var(--glow-rgb), .35);border-radius:1rem;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.kcr-item-glow{background:radial-gradient(closest-side, rgba(var(--glow-rgb), .55), transparent);border-radius:999px;position:absolute;inset:15%}.kcr-item-stripe{background:rgb(var(--glow-rgb));height:4px;position:absolute;inset:auto 0 0}.kcr-item-chip{border-radius:999px;position:relative}.kcr-reel-pack{object-fit:contain;width:84px;height:84px;position:relative}.kcr-reel-hammer,.kcr-reel-coin{color:#ffd75e;place-items:center;display:grid;position:relative}.kcr-window.is-landed .kcr-item:not(.is-win){transition:opacity .35s;opacity:.25!important}.kcr-item.is-win{box-shadow:inset 0 0 0 2px rgb(var(--glow-rgb)), 0 0 26px rgba(var(--glow-rgb), .8)}.kcr-item.is-win-rare{animation:.6s ease-in-out infinite alternate kcr-pulse}@keyframes kcr-pulse{to{box-shadow:inset 0 0 0 3px rgb(var(--glow-rgb)), 0 0 44px rgba(var(--glow-rgb), 1)}}.kcr-marker{z-index:2;background:linear-gradient(#fff1a6,#ffc93a);width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 12px #ffcf3fe6}.kcr-marker:before,.kcr-marker:after{content:"";border:9px solid #0000;margin-left:-9px;position:absolute;left:50%}.kcr-marker:before{border-top-color:#ffc93a;top:0}.kcr-marker:after{border-bottom-color:#ffc93a;bottom:0}.kcr-window-tick .kcr-marker{animation:.12s ease-out kcr-tick}@keyframes kcr-tick{50%{transform:scaleX(1.8)}}.kcr-fade{z-index:2;pointer-events:none;width:18%;position:absolute;top:0;bottom:0}.kcr-fade-l{background:linear-gradient(90deg,#120e30,#0000);left:0}.kcr-fade-r{background:linear-gradient(270deg,#120e30,#0000);right:0}.kcr-open-case{opacity:.9;align-self:center;width:7rem;margin-top:.4rem}.kcr.kcr-slow .kcr-bg{filter:brightness(.8)}.kcr.kcr-tease .kcr-window{box-shadow:inset 0 1.5px #ffcf3f,inset 0 -1.5px #ffcf3f,0 0 40px #ffcf3f73}.kcr.kcr-thud .kcr-window{animation:.3s ease-out kcr-thud}.kcr.kcr-quake{animation:.5s ease-out kcr-quake}@keyframes kcr-thud{40%{transform:translateY(4px)}}@keyframes kcr-quake{20%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.kcr-prize{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:relative}.kcr-hero{place-items:center;width:13rem;height:13rem;display:grid;position:relative}.kcr-rays{background:repeating-conic-gradient(from 0deg, rgba(var(--kcr-rgb), .28) 0 10deg, transparent 10deg 24deg);animation:14s linear infinite kcr-spin;position:absolute;inset:-40%;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)}@keyframes kcr-spin{to{transform:rotate(360deg)}}.kcr-halo{background:radial-gradient(closest-side, rgba(var(--kcr-rgb), .7), transparent);border-radius:999px;position:absolute;inset:8%}.kcr-burst{position:absolute;inset:50% auto auto 50%}.kcr-spark{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);animation:kcr-spark .9s var(--d) cubic-bezier(.2, .8, .3, 1) both;border-radius:999px;margin:-4px;position:absolute}@keyframes kcr-spark{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-9rem) scale(.3);opacity:0}}.kcr-art{color:#ffd75e;place-items:center;width:9rem;height:9rem;animation:.55s cubic-bezier(.34,1.56,.64,1) both kcr-pop;display:grid;position:relative}@keyframes kcr-pop{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}.kcr-chip{width:100%;height:100%;box-shadow:0 0 40px 8px rgba(var(--glow-rgb), .6);border-radius:999px;display:block;position:relative}.kcr.is-rare .kcr-chip{box-shadow:0 0 60px 16px rgba(var(--glow-rgb), .85)}.kcr-grade{font-family:var(--kcr-display);color:#fff;background:rgba(var(--kcr-rgb), .35);box-shadow:inset 0 0 0 1.5px rgb(var(--kcr-rgb)), 0 0 22px rgba(var(--kcr-rgb), .5);border-radius:999px;padding:.3rem .9rem;font-size:1.05rem;font-weight:800}.kcr-label{margin:0;font-size:1rem;font-weight:800}.kcr-serial{color:#cbc6f0;margin:0;font-size:.8rem}.kcr-foot{z-index:2;padding:.75rem 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);position:relative}.kcr-actions{gap:.5rem;display:flex}.kcr-share,.kcr-take{border-radius:1.1rem;justify-content:center;align-items:center;gap:.4rem;min-height:3.2rem;font-weight:800;display:inline-flex}.kcr-share{color:#fff;background:#ffffff1a;padding:0 1rem;box-shadow:inset 0 0 0 1px #fff3}.kcr-take{font-family:var(--kcr-display);color:#1f1300;background:linear-gradient(#fff1a6 0%,#ffc93a 55%,#f39a0f 100%);flex:1;font-size:1rem;box-shadow:0 5px #a35a00}.kcr-multi-head{z-index:1;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem .5rem;text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.kcr-multi-case{width:6.5rem}.kcr-multi-title{font-family:var(--kcr-display);margin:0;font-size:1.2rem;font-weight:800}.kcr-multi-best{color:#cbc6f0;margin:0;font-size:.82rem}.kcr-multi-best b{color:rgb(var(--rar))}.kcr-multi-scroll{z-index:1;flex:1;min-height:0;padding:.5rem 1rem;position:relative;overflow-y:auto}.kcr-multi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.kcr-tile{text-align:center;background:radial-gradient(80% 60% at 50% 35%, rgba(var(--rar), .3), transparent 75%), #ffffff0f;box-shadow:inset 0 0 0 1px rgba(var(--rar), .35);border-radius:.95rem;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .3rem .55rem;animation:.45s cubic-bezier(.34,1.56,.64,1) both kcr-drop;display:flex;position:relative;overflow:hidden}.kcr-tile:after{content:"";background:rgb(var(--rar));height:3px;position:absolute;inset:auto 0 0}@keyframes kcr-drop{0%{opacity:0;transform:translateY(-40px)scale(.6)}}.kcr-tile.is-rare{box-shadow:inset 0 0 0 2px #ffcf3f,0 0 18px #ffcf3f73}.kcr-tile-art{color:#ffd75e;border-radius:999px;place-items:center;width:3.4rem;height:3.4rem;display:grid;overflow:hidden}.kcr-tile-pack{object-fit:contain;width:100%;height:100%}.kcr-tile b{font-size:.72rem;font-weight:800}.kcr-tile small{color:#9a94c6;font-size:.64rem}@media (prefers-reduced-motion:reduce){.kc-float,.kc-pop,.kc-wiggle,.kc-sheen,.kc-hall-halo,.kcr-rays{animation:none!important}}.kc-gifts{background:radial-gradient(80% 120% at 0 0,#ffcf3f38,#0000 60%),#ffffff0a;border-radius:1.3rem;flex-direction:column;gap:.45rem;padding:.6rem;display:flex;box-shadow:inset 0 0 0 1.5px #ffcf3f99,0 0 26px #ffcf3f2e}.kc-gifts-head{color:#ffcf3f;align-items:center;gap:.4rem;padding:0 .2rem;display:flex}.kc-gifts-head b{font-size:.9rem;font-weight:900}.kc-gifts-head small{color:var(--kc-dim);margin-left:auto;font-size:.7rem;font-weight:700}.kc-gift{background:linear-gradient(100deg, rgba(var(--kc-rgb), .2), #ffffff08);box-shadow:inset 0 0 0 1px rgba(var(--kc-rgb), .45);border-radius:1rem;align-items:center;gap:.7rem;padding:.45rem .55rem .45rem .45rem;display:flex}.kc-gift-art{flex:none;width:3.4rem}.kc-gift-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.kc-gift-text b{font-size:.92rem;font-weight:800}.kc-gift-text small{color:var(--kc-dim);font-size:.72rem}.kc-gift-btn{color:#2b1600;background:linear-gradient(#fff2b0,#ffcf3f);box-shadow:0 4px #b07a00}.kc-promo-code{box-shadow:inset 0 0 0 1px var(--kc-line);background:#ffffff0d;border-radius:1rem;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem .75rem;display:flex}.kc-promo-code-ico{color:#ffcf3f;flex:none}.kc-promo-code input{letter-spacing:.04em;color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:.88rem;font-weight:800}.kc-promo-code input::placeholder{letter-spacing:0;color:var(--kc-dim);font-weight:700}.kc-promo-code button{color:#2b1600;background:linear-gradient(#fff2b0,#ffcf3f);border:0;border-radius:.8rem;flex:none;min-width:6.4rem;padding:.55rem .8rem;font-size:.8rem;font-weight:900}.kc-promo-code button:disabled{color:var(--kc-dim);background:#ffffff14}.kc-hall-badge svg{color:#1f1300}.kcr-odds{background:linear-gradient(180deg, rgba(var(--kcr-rgb), .16), #0a081eb3);width:min(22rem,100%);box-shadow:inset 0 0 0 1.5px rgba(var(--kcr-rgb), .45), 0 18px 40px -20px rgba(var(--kcr-rgb), .8);border-radius:20px;margin-top:.6rem;padding:.8rem .95rem .75rem;animation:.5s ease-out .35s both kcr-odds-in}@keyframes kcr-odds-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.kcr-odds-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.kcr-odds-head span{color:#cbc6f0;font-size:.78rem;font-weight:800}.kcr-odds-head b{font-family:var(--kcr-display);color:#fff;text-shadow:0 0 18px rgba(var(--kcr-rgb), .9);font-size:1.7rem;font-weight:900;line-height:1}.kcr-odds-bar{background:#ffffff1a;border-radius:999px;height:8px;margin:.6rem 0 .5rem;position:relative;overflow:hidden}.kcr-odds-bar i{background:linear-gradient(90deg,#6cc8ff,#9b8cff 45%,#ff7ab6 75%,#ffcf3f);border-radius:999px;animation:1.1s cubic-bezier(.2,.8,.2,1) .5s both kcr-odds-fill;position:absolute;inset:0 auto 0 0}@keyframes kcr-odds-fill{0%{width:0}}.kcr-odds-luck{color:#e8e5ff;margin:0;font-size:.82rem;font-weight:700}.kcr-odds-luck b{font-weight:900}.kcr-odds.is-legend .kcr-odds-luck b{color:#ffcf3f}.kcr-odds.is-rare .kcr-odds-luck b{color:#ff7ab6}.kcr-odds.is-good .kcr-odds-luck b{color:#4ff0b4}.kcr-odds-top{color:#9a94c6;margin:.35rem 0 0;font-size:.72rem;font-weight:700}.kcr-from{color:#9a94c6;margin:.4rem 0 0;font-size:.72rem;font-weight:700}button.kc-fact-odds{font:inherit;color:#ffe9a8;cursor:pointer;background:#ffc94d24;border:0;font-size:.76rem;font-weight:800;box-shadow:inset 0 0 0 1px #ffc94d73}.kc-odds-overlay{z-index:130;background:#080614b3;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.kc-odds{max-height:80dvh;padding:1rem 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);color:#f6f7ff;background:linear-gradient(#241c48,#140f2c);border-radius:24px 24px 0 0;flex-direction:column;gap:.6rem;animation:.28s cubic-bezier(.16,1,.3,1) both kc-odds-up;display:flex;box-shadow:0 -12px 30px #00000080}@keyframes kc-odds-up{0%{opacity:0;transform:translateY(40px)}}.kc-odds-head{align-items:center;gap:.5rem;display:flex}.kc-odds-head b{flex:1;font-size:1.05rem;font-weight:900}.kc-odds-close{color:#f6f7ff;background:#ffffff14;border:0;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:flex}.kc-odds-list{flex-direction:column;gap:.35rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.kc-odds-list li{box-shadow:inset 3px 0 0 rgb(var(--rar,136, 136, 136));background:#ffffff0d;border-radius:14px;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.85rem;font-weight:700;display:grid}.kc-odds-list b{font-variant-numeric:tabular-nums}.kc-odds-art{width:2.2rem;height:2.2rem}.kc-odds-note{color:#fff9;margin:0;font-size:.72rem}@media (prefers-reduced-motion:reduce){.kc-odds{animation:none}}.kc-hall-info{overflow:visible}.kc-hall-cta{box-sizing:border-box;gap:.3rem;width:100%;min-width:0;max-width:100%;padding:.55rem .4rem;font-size:clamp(.78rem,3.4vw,.92rem)}.kc-hall-cta>*{flex-shrink:1;min-width:0}