.jg-boxgame-home-promo{padding:18px 0 10px;background:var(--jg-base,#0b1220);color:var(--jg-title,#fff)}
.jg-boxgame-home-link{--box-promo:#f59e0b;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 250px auto;align-items:center;gap:24px;min-height:174px;padding:25px 28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--box-promo) 42%,transparent);border-radius:18px;background:radial-gradient(circle at 73% 45%,rgba(245,158,11,.18),transparent 25%),linear-gradient(115deg,#101a2d 0%,#0a1322 62%,#111827 100%);box-shadow:0 18px 45px rgba(1,8,20,.26),inset 0 1px rgba(255,255,255,.07);color:#fff!important;text-decoration:none!important;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.jg-boxgame-home-link::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.045) 48%,transparent 72%);transform:translateX(-100%);transition:transform .75s ease}
.jg-boxgame-home-link::after{content:"";position:absolute;z-index:-2;right:-55px;top:-80px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(245,158,11,.14);box-shadow:0 0 0 52px rgba(245,158,11,.025),0 0 0 106px rgba(245,158,11,.018)}
.jg-boxgame-home-link:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.75);box-shadow:0 23px 58px rgba(1,8,20,.36),0 0 34px rgba(245,158,11,.12)}
.jg-boxgame-home-link:hover::before{transform:translateX(100%)}
.jg-boxgame-home-copy{position:relative;z-index:2;min-width:0}.jg-boxgame-home-kicker{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fbbf24;font-size:10px;font-weight:900;letter-spacing:.16em}.jg-boxgame-home-kicker i{font-size:12px}.jg-boxgame-home-copy h2{margin:0;color:#fff;font-size:clamp(27px,3vw,43px);line-height:1;font-weight:950;letter-spacing:-.045em}.jg-boxgame-home-copy h2 em{color:#fbbf24;font-style:normal}.jg-boxgame-home-copy p{max-width:660px;margin:10px 0 13px;color:#aebbd0;font-size:13px;line-height:1.48;font-weight:550}.jg-boxgame-home-features{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jg-boxgame-home-features span{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 9px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.045);color:#d7e2f0;font-size:9px;font-weight:800}.jg-boxgame-home-features i{color:#fbbf24}
.jg-boxgame-home-visual{position:relative;display:grid;place-items:center;width:230px;height:128px;perspective:600px}.jg-boxgame-home-stage{position:absolute;left:50%;bottom:4px;width:210px;height:45px;transform:translateX(-50%) rotateX(67deg);border:1px solid rgba(245,158,11,.32);border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.42),rgba(245,158,11,.06) 52%,transparent 68%);filter:blur(1px);box-shadow:0 0 33px rgba(245,158,11,.18)}
.jg-boxgame-home-case{position:relative;z-index:2;width:132px;height:94px;filter:drop-shadow(0 16px 14px rgba(0,0,0,.48));animation:jgBoxHomeFloat 2s ease-in-out infinite alternate}.jg-boxgame-home-case::before,.jg-boxgame-home-case::after{content:"";position:absolute;left:0;width:100%;border:2px solid #8b6419;background:linear-gradient(90deg,#161d26 0 12%,#c48914 12% 18%,#202a34 18% 45%,#d59a1a 45% 55%,#202a34 55% 82%,#c48914 82% 88%,#161d26 88%)}.jg-boxgame-home-case::before{top:0;height:36%;border-radius:15px 15px 5px 5px;transform:skewX(-2deg)}.jg-boxgame-home-case::after{bottom:0;height:64%;border-radius:4px 4px 15px 15px;box-shadow:inset 0 -13px 18px rgba(0,0,0,.35)}.jg-boxgame-home-case>i{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:39px;height:41px;transform:translate(-50%,-50%);border:2px solid #4e3308;border-radius:9px;background:linear-gradient(145deg,#ffd254,#e98d08);color:#111827;font-size:17px;box-shadow:0 7px 13px rgba(0,0,0,.44),0 0 20px rgba(245,158,11,.25)}.jg-boxgame-home-values{position:absolute;inset:0}.jg-boxgame-home-values span{position:absolute;display:grid;place-items:center;width:47px;height:34px;border:1px solid rgba(251,191,36,.44);border-radius:9px;background:rgba(7,14,26,.92);color:#ffd66d;font-size:10px;font-weight:950;box-shadow:0 8px 17px rgba(0,0,0,.32),0 0 18px rgba(245,158,11,.12)}.jg-boxgame-home-values span:nth-child(1){left:2px;top:15px;transform:rotate(-11deg)}.jg-boxgame-home-values span:nth-child(2){right:1px;top:9px;transform:rotate(10deg)}.jg-boxgame-home-values span:nth-child(3){right:7px;bottom:9px;transform:rotate(-6deg)}
.jg-boxgame-home-action{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;min-width:174px;height:48px;padding:0 18px;border:1px solid rgba(255,220,128,.5);border-radius:12px;background:linear-gradient(135deg,#ffbd25,#f07a0a);box-shadow:0 13px 28px rgba(245,126,11,.25),inset 0 1px rgba(255,255,255,.45);color:#111827;font-size:11px;font-weight:950;letter-spacing:.045em;white-space:nowrap}.jg-boxgame-home-action i{transition:transform .25s ease}.jg-boxgame-home-link:hover .jg-boxgame-home-action i{transform:translateX(4px)}
html[data-theme="light"] .jg-boxgame-home-link{background:radial-gradient(circle at 73% 45%,rgba(245,158,11,.17),transparent 27%),linear-gradient(115deg,#fff 0%,#f8fafc 65%,#fff8e8 100%);border-color:rgba(217,119,6,.28);box-shadow:0 16px 40px rgba(15,23,42,.11),inset 0 1px #fff}.jg-boxgame-home-link{color:#fff}.jg-boxgame-home-link .jg-boxgame-home-copy h2{color:#fff}html[data-theme="light"] .jg-boxgame-home-copy h2{color:#111827}html[data-theme="light"] .jg-boxgame-home-copy p{color:#52637a}html[data-theme="light"] .jg-boxgame-home-features span{border-color:#dce4ee;background:#fff;color:#334155;box-shadow:0 4px 12px rgba(15,23,42,.05)}
@keyframes jgBoxHomeFloat{to{transform:translateY(-7px) rotateX(2deg)}}
@media(max-width:900px){.jg-boxgame-home-link{grid-template-columns:minmax(0,1fr) 190px;padding:22px}.jg-boxgame-home-action{grid-column:1/-1;width:100%;height:43px}.jg-boxgame-home-visual{width:190px}}
@media(max-width:620px){.jg-boxgame-home-promo{padding:10px 0 4px}.jg-boxgame-home-promo .container{padding-left:10px!important;padding-right:10px!important}.jg-boxgame-home-link{grid-template-columns:minmax(0,1fr) 100px;gap:10px;min-height:152px;padding:17px 14px;border-radius:13px}.jg-boxgame-home-kicker{margin-bottom:6px;font-size:8px}.jg-boxgame-home-copy h2{font-size:25px}.jg-boxgame-home-copy p{margin:8px 0 10px;font-size:10.5px;line-height:1.42}.jg-boxgame-home-features{gap:5px}.jg-boxgame-home-features span{min-height:23px;padding:0 6px;font-size:7.7px}.jg-boxgame-home-visual{width:100px;height:90px}.jg-boxgame-home-stage{width:105px;height:30px}.jg-boxgame-home-case{width:78px;height:58px}.jg-boxgame-home-case>i{width:27px;height:29px;font-size:12px}.jg-boxgame-home-values span{display:none}.jg-boxgame-home-action{height:39px;min-width:0;border-radius:9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.jg-boxgame-home-case{animation:none}.jg-boxgame-home-link::before{display:none}}