/* Home only: a live Looplay game inside a titanium iPhone silhouette. */
.hero .home-live-showcase{min-height:700px;perspective:1400px;overflow:visible}
.home-live-showcase .catalog-live-ambient{inset:0 -10%;background:radial-gradient(ellipse at 55% 45%,#235af13a,transparent 65%);filter:blur(18px)}
.iphone-stage{position:relative;width:330px;max-width:88%;transform:rotate(3deg);animation:iphone-float 8s ease-in-out infinite;isolation:isolate}
.home-live-showcase .iphone-stage .catalog-live-phone{width:100%;max-width:none;box-sizing:border-box;padding:39px 8px 17px;border:3px solid #858a94;border-radius:53px;background:#050609;overflow:visible;box-shadow:inset 0 0 0 2px #21232a,0 0 0 1px #c8cbd255,12px 22px 0 -9px #20232a,25px 36px 80px #000b,-15px 0 80px #2869ff20}
.iphone-stage:before,.iphone-stage:after{content:'';position:absolute;background:linear-gradient(90deg,#343740,#a9aab0,#454850);border-radius:3px;z-index:-1;width:4px;left:-3px;top:123px;height:46px;box-shadow:0 57px 0 #6e727d}
.iphone-stage:after{left:auto;right:-3px;top:174px;height:66px;box-shadow:none}
.iphone-hardware{position:absolute;top:12px;left:23px;right:23px;height:25px;display:flex;align-items:center;justify-content:space-between;color:white;font:600 10px/1 system-ui;pointer-events:none}
.iphone-island{position:absolute;top:0;left:50%;transform:translateX(-50%);width:91px;height:24px;background:#000;border-radius:20px;border:1px solid #171921;box-shadow:0 1px 1px #ffffff0b}
.iphone-island i{position:absolute;width:7px;height:7px;right:10px;top:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1c3455,#080b13 60%);box-shadow:0 0 0 2px #0d0e12}
.iphone-status{letter-spacing:2px;font-size:11px}
.iphone-home-indicator{height:4px;width:90px;background:#eceef4;position:absolute;bottom:7px;left:50%;transform:translateX(-50%);border-radius:8px}
.home-live-showcase .catalog-live-head{border-radius:16px 16px 0 0;grid-template-columns:27px minmax(0,1fr) 27px;padding:8px 10px 20px;background:#13151b;gap:7px}
.home-live-showcase .catalog-live-head b{font-size:10px;color:#fff}.home-live-showcase .catalog-live-head small{font-size:8px;color:#c9cbd5}.home-live-showcase .catalog-live-avatar{background:none;border-radius:50%}.home-live-showcase .catalog-demo-badge{left:45px;bottom:4px;font-size:5px;letter-spacing:.7px;border:0;color:#ffa6bb;background:#fe2c5528}
.home-live-showcase .home-game-switch{width:25px;height:25px;font-size:16px;background:#ffffff10;border-color:#ffffff25;color:white}
.home-live-showcase .catalog-live-frame{overflow:hidden;background-size:cover}
.home-live-showcase .catalog-live-chat{height:45px;padding:5px 10px;background:#12141b}
.home-live-showcase .catalog-live-chat p,.home-live-showcase .catalog-live-chat b{font-size:8px;line-height:1.55}.home-live-showcase .catalog-live-chat b{color:#a6c5ff}
.home-live-showcase .catalog-live-bottom{padding:8px 9px 10px;gap:8px;background:#12141b;border-radius:0 0 30px 30px}.home-live-showcase .catalog-live-bottom>span{font-size:8px;padding:9px 10px;color:#c3c5cf;background:#ffffff08;border-color:#ffffff15}
.home-live-showcase .catalog-live-bottom button{width:30px;height:30px;background:#ffffff08;border-color:#ffffff15}.home-live-showcase #catalog-demo-gift{width:34px;height:34px;background:linear-gradient(145deg,#fe2c5540,#245fd733);border-color:#f96c8b55}.home-live-showcase #catalog-demo-gift:before{font-size:21px}
.home-live-showcase .catalog-gift-picker{z-index:10;left:13px;right:13px;bottom:65px;max-height:65%;overflow:auto;transform:none}
.iphone-demo-label{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font:600 7px/1.4 system-ui;letter-spacing:2px;color:#7c93b5}
.iphone-gift-notice{position:absolute;z-index:5;left:0;bottom:24%;display:flex;align-items:center;gap:13px;width:245px;box-sizing:border-box;padding:14px 16px;background:linear-gradient(120deg,#19283aed,#10151feb);border:1px solid #9cbfff42;border-radius:19px;box-shadow:0 20px 55px #0007,0 0 30px #326ddd17;backdrop-filter:blur(18px);pointer-events:none;opacity:0;transform:translateY(20px) scale(.96)}
.iphone-gift-notice img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 3px 7px #0007)}.iphone-gift-notice>div{display:grid;gap:4px;min-width:0}.iphone-gift-notice b{font:700 12px/1.2 system-ui;color:white}.iphone-gift-notice span{font:500 11px/1.2 system-ui;color:#dce4f5}.iphone-gift-notice small{font:500 8px/1.3 system-ui;color:#8db5f6}.iphone-gift-notice>strong{font:800 24px/1 system-ui;color:#fff1a6;margin-left:auto;font-style:italic;text-shadow:0 2px 12px #ffc84144}
.iphone-gift-notice.is-visible{animation:iphone-gift-arrival 4.2s both}
@keyframes iphone-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes iphone-gift-arrival{0%{opacity:0;transform:translate(-20px,15px) scale(.92)}12%,86%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(0,-12px) scale(.98)}}
@media(min-width:1440px){.hero .home-live-showcase{min-height:730px}.iphone-stage{width:340px}.iphone-gift-notice{left:5%;bottom:23%;width:275px;padding:16px 18px}}
@media(max-width:1100px) and (min-width:681px){.iphone-stage{width:290px}.hero .home-live-showcase{min-height:650px}.iphone-gift-notice{left:-22px;width:220px;bottom:25%;padding:11px}.iphone-gift-notice img{width:35px;height:35px}}
@media(max-width:680px){.hero .home-live-showcase{min-height:0;margin:36px auto 45px;max-width:420px;padding-bottom:25px}.iphone-stage{width:295px;max-width:84%}.iphone-gift-notice{left:0;bottom:23%;width:230px;padding:12px;gap:9px}.home-live-showcase .catalog-gift-list{grid-template-columns:1fr}.home-live-showcase .catalog-gift-choice{padding:7px}}
@media(prefers-reduced-motion:reduce){.iphone-stage{animation:none;transform:none}.iphone-gift-notice.is-visible{animation:none;opacity:1;transform:none}}
@media(min-width:681px){.hero .home-live-showcase{min-height:calc(100svh - 160px)}.iphone-stage{width:clamp(230px,calc((100svh - 205px)*.42),340px)}.hero.wrap{padding-top:30px;padding-bottom:40px}.iphone-gift-notice{left:0;bottom:21%}}
/* Match the mobile LIVE composition: profile, translucent chat and gift dock. */
.home-live-showcase .iphone-stage .catalog-live-phone{padding:0;aspect-ratio:9/19.5;background:linear-gradient(#171922,#090a10)}
.iphone-hardware{z-index:4}.home-live-showcase .catalog-live-head{position:absolute;z-index:3;left:9px;right:9px;top:42px;height:42px;box-sizing:border-box;padding:0 3px;display:flex;gap:5px;background:transparent;border-radius:0}
.home-live-showcase .catalog-live-head>div{display:flex;gap:5px;align-items:center;flex:1}.home-live-showcase .catalog-live-head b{font-size:9px;max-width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-live-showcase .catalog-live-head small{display:none}.home-live-showcase .catalog-live-avatar{width:22px;height:22px}.home-live-showcase .catalog-live-avatar img{width:22px;height:22px}.home-live-showcase .catalog-demo-badge{left:29px;bottom:-1px;font-size:4px;background:#0008;padding:2px 3px}
.iphone-follow{padding:5px 7px;border:0;border-radius:20px;background:#fe2c55;color:white;white-space:nowrap;font:700 7px system-ui;cursor:pointer}.iphone-follow[aria-pressed=true]{background:#ffffff30}.iphone-crowd{display:flex;align-items:center;gap:0;font:600 7px system-ui;color:#fff;white-space:nowrap}.iphone-crowd i{display:grid;place-items:center;width:14px;height:14px;border:1px solid #ddd;border-radius:50%;background:#8b3976;font:700 7px system-ui;margin-left:-4px}.iphone-crowd i:nth-child(2){background:#2a68af}.iphone-crowd>span{padding-left:4px}.home-live-showcase .home-game-switch{order:5;width:18px;height:18px;font-size:13px;background:#0004;border-color:#ffffff35}
.iphone-rank{position:absolute;z-index:3;left:12px;right:12px;top:87px;display:flex;gap:5px;pointer-events:none}.iphone-rank span{border-radius:4px;padding:4px 6px;background:#0005;color:#fff;font:600 7px/1.3 system-ui;white-space:nowrap}
.home-live-showcase .catalog-live-frame{position:absolute;top:110px;bottom:107px;left:8px;right:8px;width:auto;aspect-ratio:auto;background-color:transparent!important;background-image:none!important}.home-live-showcase .catalog-live-frame iframe{background:transparent}
.iphone-live-topic{position:absolute;left:14px;bottom:91px;font:600 8px/1.5 system-ui;color:white;text-shadow:0 1px 4px #000}
.home-live-showcase .catalog-live-chat{position:absolute;left:8px;right:8px;bottom:44px;height:43px;padding:3px 7px;background:linear-gradient(transparent,#0006);border-radius:0}.home-live-showcase .catalog-live-chat p{font-size:7px;color:white;text-shadow:0 1px 3px #000}.home-live-showcase .catalog-live-chat b{color:#ead4ff;font-size:7px}
.home-live-showcase .catalog-live-bottom{position:absolute;left:9px;right:9px;bottom:15px;height:31px;padding:3px 4px;gap:6px;box-sizing:border-box;background:#0004;border-radius:0 0 26px 26px}.home-live-showcase .catalog-live-bottom>span{font-size:7px;padding:6px 7px;border:0;background:#ffffff25;color:#fff}.home-live-showcase .catalog-live-bottom button{width:24px;height:24px;border:0;background:#ffffff15;font-size:16px}.home-live-showcase #catalog-demo-gift{width:26px;height:26px;background:#ffffff15;border:0}.home-live-showcase #catalog-demo-gift:before{content:none}.home-live-showcase #catalog-demo-gift svg{width:22px;height:22px}.home-live-showcase .catalog-live-bottom button small{font-size:5px;color:white}.iphone-home-indicator{z-index:4;bottom:6px}
.home-live-showcase .catalog-gift-picker{bottom:52px}.home-live-showcase .catalog-gift-picker[hidden]{display:none}
