/* The game preview owns its geometry;no homepage hero styles are required. */ .game-hero-grid.game-hero-with-phone{grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:clamp(24px,4vw,56px);align-items:center}
.game-hero-visual.game-phone-scene{--phone-width:220px;--phone-height:408px;--phone-radius:34px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;width:100%;max-width:420px;min-width:0;min-height:0;margin:0 auto;padding:24px 14px 4px;isolation:isolate;perspective:1100px}
.game-phone-scene:has(.game-phone-preview){--phone-height:452px}
.game-phone-scene > *{min-width:0;max-width:100%}
.game-phone-scene .game-phone-aura{position:absolute;inset:5% 0 24%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#c4f5de99,#e1f8ed66 48%,transparent 72%);pointer-events:none}
.game-phone-scene .game-phone-platform{position:absolute;top:calc(var(--phone-height) + 13px);left:50%;z-index:-1;width:min(280px,95%);height:40px;border:1px solid #b4dbc6;border-radius:50%;background:linear-gradient(175deg,#fff,#d4eddf 60%,#bcdcca);box-shadow:0 6px 0 -1px #bed8c9,0 15px 18px -9px #153e343b;transform:translateX(-50%);pointer-events:none}
.game-phone-scene .game-phone-platform::after{content:"";position:absolute;inset:4px 18% 10px;border-radius:inherit;background:radial-gradient(ellipse,#183d2e33,transparent 68%)}
.game-phone-scene .hero-phone-rig{position:relative;width:var(--phone-width);height:var(--phone-height);margin:0 0 20px;transform:rotateX(4deg) rotateY(-13deg) rotateZ(5deg);transform-style:preserve-3d}
.game-phone-scene .phone-turntable{position:relative;width:100%;height:100%;transform:rotateY(0deg);transform-origin:center;transform-style:preserve-3d}
.game-phone-scene .phone-depth{position:absolute;display:block;inset:0;border:1px solid #759383;border-radius:var(--phone-radius);background:linear-gradient(110deg,#9ab5a5,#2f4e3d 5%,#10281b 55%,#47735a 95%,#b1c5b8);box-shadow:inset 0 0 0 1px #0b1e14;pointer-events:none}
.game-phone-scene .depth-1{transform:translateZ(-8px)}
.game-phone-scene .depth-2{transform:translateZ(-4px)}
.game-phone-scene .depth-3{transform:translateZ(0)}
.game-phone-scene .depth-4{transform:translateZ(4px)}
.game-phone-scene .depth-5{transform:translateZ(8px)}
.game-phone-scene .phone-turntable::before,.game-phone-scene .phone-turntable::after{content:"";position:absolute;top:var(--phone-radius);bottom:var(--phone-radius);width:20px;border:1px solid #7a9888;border-radius:3px;background:linear-gradient(90deg,#a8c1b2,#406a52 18%,#142f20 50%,#567d64 87%,#adc9b7);transform:rotateY(90deg);pointer-events:none}
.game-phone-scene .phone-turntable::before{left:-10px}
.game-phone-scene .phone-turntable::after{right:-10px}
.game-phone-scene .phone-device{position:relative;width:100%;height:100%;margin:0;padding:8px;border:1px solid #829a8d;border-radius:var(--phone-radius);background:linear-gradient(110deg,#c0cdc5,#293c30 3%,#0b1610 50%,#233d2d 96%,#a5beb0);box-shadow:inset 0 0 0 2px #14271b,inset 0 0 0 3px #90ac9b66;transform:translateZ(10px);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.game-phone-scene .phone-device::before{content:"";position:absolute;z-index:3;top:14px;left:50%;width:56px;height:13px;border:1px solid #263d31;border-radius:20px;background:radial-gradient(circle at 84% 50%,#264c54 0 2px,transparent 3px),#09160f;transform:translateX(-50%);pointer-events:none}
.game-phone-scene .phone-hardware{position:absolute;width:4px;border:1px solid #6a8b77;border-radius:4px;background:linear-gradient(90deg,#aec4b6,#30563f)}
.game-phone-scene .phone-volume{top:82px;left:-5px;height:46px}
.game-phone-scene .phone-power{top:111px;right:-5px;height:56px}
.game-phone-scene .phone-screen{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;padding:0 0 17px;overflow:hidden;border:1px solid #ffffff55;border-radius:calc(var(--phone-radius) - 8px);color:#eafff2;background:radial-gradient(ellipse at 85% 15%,#14624680,transparent 58%),linear-gradient(165deg,#0d241a,#08150f 65%,#153e28)}
.game-phone-scene .game-phone-top{flex:0 0 auto;padding:30px 10px 10px;border-bottom:1px solid #7bd6a42b;color:#b9dcc9;font-size:10px;font-weight:650;line-height:1.3;letter-spacing:.04em;text-align:center}
.game-phone-scene .game-phone-content{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:10px;min-height:0;padding:24px 14px 10px;overflow:auto;scrollbar-width:none;text-align:center}
.game-phone-scene .game-phone-content::-webkit-scrollbar{display:none}
.game-phone-scene .game-phone-content > *{flex-shrink:0;max-width:100%}
.game-phone-scene .game-artwork.game-artwork-lg{flex:0 0 80px;width:80px;height:80px;margin:0 0 4px;border-radius:19px;box-shadow:0 8px 22px #0005,0 0 0 1px #bcf6d12b}
.game-phone-scene .game-artwork > img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.game-phone-scene .game-artwork .game-initials{min-width:26px;min-height:23px;padding:3px 5px;font-size:9px;border-radius:7px}
.game-phone-scene .game-phone-name{margin:0;color:#f3fff7;font-size:20px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.game-phone-scene .game-phone-category{color:#8fe4b4;font-size:11px;line-height:1.4}
.game-phone-scene .game-phone-specs{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 10px;color:#c7dbcf;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.game-phone-scene .game-phone-preview{display:block;width:100%;height:88px;margin:0;border-radius:10px;object-fit:contain}
.game-phone-scene .game-phone-caption{margin:auto 0 0;padding-top:8px;color:#a9c5b5;font-size:10px;line-height:1.5}
.game-phone-scene:has(.game-phone-preview) .game-phone-content{gap:6px;padding:12px 12px 7px}
.game-phone-scene:has(.game-phone-preview) .game-phone-name{font-size:17px}
.game-phone-scene .phone-home-indicator{position:absolute;bottom:7px;left:35%;width:30%;height:3px;border-radius:4px;background:#b7ccbf;pointer-events:none}
.game-phone-scene .phone-back{position:absolute;inset:0;overflow:hidden;border:1px solid #9aba9f;border-radius:var(--phone-radius);color:#e2f7e9;background:radial-gradient(ellipse at 12% 0,#a1cfac44,transparent 44%),linear-gradient(115deg,#244d33,#386647 40%,#123722 78%,#284f37);box-shadow:inset 0 0 0 2px #132e1c,inset 0 0 0 3px #a1c6a577,inset 2px 1px 7px #d5efdb30;transform:rotateY(180deg) translateZ(10px);backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}
.game-phone-scene .phone-back::after{content:"";position:absolute;inset:6px;border:1px solid #dcffe621;border-radius:calc(var(--phone-radius) - 5px);background:linear-gradient(120deg,#fff1,transparent 40%,transparent 75%,#b2dbba0b)}
.game-phone-scene .phone-camera-island{position:absolute;top:19px;left:17px;display:grid;grid-template-columns:repeat(2,33px);grid-template-rows:repeat(2,33px);gap:6px;padding:8px;border:1px solid #84a48b;border-radius:22px;background:linear-gradient(130deg,#56785f,#24462e);box-shadow:inset 0 1px 1px #e4ffdf50,2px 3px 0 #0c2b18,4px 6px 8px #031c184d}
.game-phone-scene .phone-camera-lens{display:block;width:33px;height:33px;border:2px solid #112e1d;border-radius:50%;background:radial-gradient(circle at 35% 30%,#75dfe199 0 4%,transparent 11%),radial-gradient(circle,#05151b 0 25%,#376d6533 29%,#071c24 40% 47%,#030d11 52% 60%,#7a9c89 65% 70%,#112c1b 74%);box-shadow:0 0 0 1px #c7e6cc70,inset 0 0 0 2px #06170c}
.game-phone-scene .phone-camera-flash{align-self:center;justify-self:center;width:16px;height:16px;border:2px solid #1d3d26;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fffdeb,#d6e1c4 70%,#92ad89);box-shadow:0 0 0 1px #b6d0ad88}
.game-phone-scene .phone-back-brand{position:absolute;top:47%;left:18px;right:18px;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}
.game-phone-scene .phone-back-brand > img{display:block;width:64px;height:64px;border-radius:15px;object-fit:contain;box-shadow:0 6px 15px #09271166}
.game-phone-scene .phone-back-brand strong{color:#ddf3e2;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.game-phone-scene .game-phone-actions{position:relative;display:flex;justify-content:center;width:100%;margin:0;padding:0;z-index:2}
.game-phone-scene .game-phone-side-text{max-width:32ch;margin:4px 0 0;color:#526f5e;font-size:12px;font-weight:400;line-height:1.6;text-align:center;overflow-wrap:anywhere}
.game-phone-scene .game-phone-download{width:min(230px,100%);min-height:44px;padding:11px 17px;border-radius:12px;box-shadow:0 7px 18px #104b3026;font-size:14px}
.game-phone-scene .game-phone-download:focus-visible{outline:3px solid #087443;outline-offset:4px}
@media (max-width:1000px) and (min-width:768px){.game-hero-grid.game-hero-with-phone{grid-template-columns:minmax(0,1fr) 248px;gap:22px}
.game-hero-visual.game-phone-scene{--phone-width:200px;--phone-height:382px;padding-inline:8px}
.game-phone-scene:has(.game-phone-preview){--phone-height:438px}
}
@media (max-width:767px){.game-hero-grid.game-hero-with-phone{grid-template-columns:minmax(0,1fr);gap:14px}
.game-hero-visual.game-phone-scene{--phone-width:162px;--phone-height:286px;--phone-radius:29px;max-width:310px;gap:8px;padding:14px 16px 0}
.game-phone-scene:has(.game-phone-preview){--phone-height:310px}
.game-phone-scene .hero-phone-rig{margin-bottom:17px;transform:rotateX(3deg) rotateY(-11deg) rotateZ(4deg)}
.game-phone-scene .game-phone-platform{top:calc(var(--phone-height) + 3px);width:230px;height:32px}
.game-phone-scene .phone-device{padding:7px}
.game-phone-scene .phone-device::before{top:12px;width:48px;height:11px}
.game-phone-scene .phone-screen{min-height:0;padding-bottom:13px;border-radius:22px}
.game-phone-scene .game-phone-top{padding:24px 8px 6px;font-size:9px}
.game-phone-scene .game-phone-content{gap:6px;padding:12px 10px 6px}
.game-phone-scene .game-artwork.game-artwork-lg{flex-basis:56px;width:56px;height:56px;border-radius:16px}
.game-phone-scene .game-phone-name{font-size:16px}
.game-phone-scene .game-phone-category{font-size:10px}
.game-phone-scene .game-phone-specs{gap:4px 8px;font-size:9px}
.game-phone-scene .game-phone-caption{display:none}
.game-phone-scene:has(.game-phone-preview) .game-phone-content{gap:4px;padding:8px 9px 4px}
.game-phone-scene:has(.game-phone-preview) .game-artwork.game-artwork-lg{flex-basis:46px;width:46px;height:46px;margin-bottom:0}
.game-phone-scene:has(.game-phone-preview) .game-phone-name{font-size:14px}
.game-phone-scene .game-phone-preview{height:54px;border-radius:7px}
.game-phone-scene .phone-camera-island{top:16px;left:14px;transform:scale(.85);transform-origin:top left}
.game-phone-scene .phone-back-brand{gap:10px}
.game-phone-scene .phone-back-brand > img{width:53px;height:53px;border-radius:12px}
.game-phone-scene .phone-back-brand strong{font-size:15px}
.game-phone-scene .game-phone-download{width:min(220px,100%);font-size:13px}
}
@media (prefers-reduced-motion:reduce){.game-phone-scene .phone-turntable{animation:none;transition:none}
}
@media print{.game-phone-scene{display:none !important}
.game-hero-grid.game-hero-with-phone{grid-template-columns:minmax(0,1fr)}
}