/* Telegram / orbital atelier. Isolated from all other game presentations. */
.tg-art{--tg-glow:#6e9dff;--tg-orbit:#b8d3ff;position:relative;display:block;width:100%;height:100%;isolation:isolate;pointer-events:none;perspective:750px;filter:none!important}
.tg-art--premium{--tg-glow:#ac78ff;--tg-orbit:#e4c3ff}
.tg-art-aura{position:absolute;inset:9% 5% 7%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tg-glow),transparent 60%),transparent 66%);opacity:.82;transform:translate3d(calc(var(--px,0px) * -.3),calc(var(--py,0px) * -.3),0)}
.tg-art-model{position:absolute;inset:0;z-index:2;transform-style:preserve-3d;transform:perspective(750px) translate3d(calc(var(--px,0px) * 1.25),calc(var(--py,0px) * .5 + var(--float,0px)),28px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(calc(var(--roll,0deg) - 9deg));will-change:transform}
.tg-art img{width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;filter:none;user-select:none}
.tg-art-shadow{position:absolute;left:25%;right:20%;bottom:14%;height:7%;border-radius:50%;background:#06071bb3;filter:blur(12px);transform:translateX(var(--shadow-x,0px)) scaleX(.9)}
.tg-art-orbit{position:absolute;left:3%;top:40%;width:94%;height:31%;border:1px solid color-mix(in srgb,var(--tg-orbit),transparent 70%);border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 14px color-mix(in srgb,var(--tg-glow),transparent 92%)}
.tg-art-orbit--back{z-index:0;top:32%;transform:rotate(22deg);border-style:dashed;opacity:.55}
.tg-art-orbit--front{z-index:3;clip-path:inset(48% -15% -30%);border-bottom-color:color-mix(in srgb,var(--tg-orbit),transparent 36%)}
.tg-art-orbit--front::after{content:'';position:absolute;right:10%;bottom:14%;width:5px;height:5px;border-radius:50%;background:#e8e8ff;box-shadow:0 0 12px var(--tg-glow)}
.tg-art-satellite{position:absolute;z-index:1;width:27%;height:27%;opacity:.7;transform:translate3d(calc(var(--px,0px) * -.6),calc(var(--float,0px) * -.7),0) rotate(18deg)}
.tg-art-satellite--one{left:0;top:7%;filter:blur(.3px)}
.tg-art-satellite--two{right:0;bottom:10%;width:20%;height:20%;transform:translate3d(calc(var(--px,0px) * -.4),calc(var(--float,0px) * -.9),0) rotate(-17deg);opacity:.86}
.tg-art[data-tg-tier="0"] .tg-art-satellite--one{display:none}
.tg-art[data-tg-tier="2"] .tg-art-satellite--one{width:32%;height:32%;left:-3%;top:4%}
.tg-art--premium .tg-art-satellite--two{width:21%;height:21%;right:-2%;bottom:15%;opacity:.5}
.tg-art-stars{position:absolute;inset:0;z-index:4}
.tg-art-stars i{position:absolute;width:3px;height:3px;background:#e7edff;border-radius:50%;box-shadow:0 0 8px #c8d5ff8c}
.tg-art-stars i:nth-child(1){left:16%;top:22%;width:2px;height:2px}.tg-art-stars i:nth-child(2){right:15%;top:17%}.tg-art-stars i:nth-child(3){left:24%;bottom:22%}.tg-art-stars i:nth-child(4){right:9%;bottom:31%;width:2px;height:2px}.tg-art-stars i:nth-child(5){right:40%;top:9%;width:2px;height:2px}
.tg-art-caption{position:absolute;bottom:4%;left:0;right:0;z-index:4;text-align:center;font:500 8px/1.4 var(--sans,sans-serif);letter-spacing:.22em;color:#bdc9df;opacity:.8}
.tg-art-caption b{font-weight:700;color:#eff2ff;letter-spacing:.18em;margin-left:.25em}
.product-thumb[data-theme="telegram"],.product-artwork[data-theme="telegram"]{background:radial-gradient(ellipse at 14% 3%,#32518488,transparent 62%),radial-gradient(ellipse at 92% 83%,#53327655,transparent 57%),#0e1630!important;overflow:hidden;isolation:isolate}
.product-thumb:has(.tg-art--premium),.product-artwork:has(.tg-art--premium){background:radial-gradient(ellipse at 15% 4%,#65489085,transparent 62%),radial-gradient(ellipse at 92% 80%,#34598966,transparent 57%),#17122f!important}
.product-thumb[data-theme="telegram"]::before,.product-artwork[data-theme="telegram"]::before{content:'';position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#d7dcff 1px,transparent 1px);background-size:43px 47px;mask-image:linear-gradient(135deg,#000,transparent 80%);pointer-events:none}
.product-thumb[data-theme="telegram"] :is(.product-environment,.product-atmosphere,.product-motes,.product-floor,.product-light),.product-artwork[data-theme="telegram"] :is(.product-environment,.product-atmosphere,.product-motes,.product-floor,.product-light){display:none}
.product-thumb[data-theme="telegram"] .product-object,.product-artwork[data-theme="telegram"] .product-object{inset:0!important;width:auto!important;height:auto!important;transform:none!important;will-change:auto}
.product-thumb[data-theme="telegram"] .tg-art,.product-artwork[data-theme="telegram"] .tg-art{position:absolute;inset:0!important;width:100%!important;height:100%!important;transform:none!important;filter:none!important}
.product-thumb[data-theme="telegram"] .tg-art-model{inset:1% 2% 4%}
.product-artwork[data-theme="telegram"] .tg-art-model{inset:5% 4% 3%}
.product-artwork[data-theme="telegram"] .tg-art-caption{bottom:6%;font-size:10px}
.product-card:has([data-theme="telegram"]){border-color:#c5c8ff24;background:linear-gradient(145deg,#192037,#101321)}
.product-card:has(.tg-art--premium){border-color:#caaaff33;background:linear-gradient(145deg,#231b38,#111320)}
.category-card:has(.tg-art){background:radial-gradient(ellipse at 80% 15%,#34579888,transparent 70%),#111831;border-color:#a6bfff45}
.category-card:has(.tg-art--premium){background:radial-gradient(ellipse at 80% 15%,#9060b666,transparent 70%),#19142e;border-color:#cba7ff45}
.category-card:has(.tg-art) .category-art{inset:-7% -4% 9% 17%}
.category-card:has(.tg-art) .category-glow{display:none}
.category-card:has(.tg-art) .tg-art-caption{display:none}
.category-card:has(.tg-art)::after{background:linear-gradient(0deg,#101327e8,transparent 65%);z-index:2}
.tg-scene{position:absolute;inset:0;display:block;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 8% 20%,#284d76,transparent 58%),radial-gradient(ellipse at 92% 80%,#493079,transparent 65%),#10182c}
.tg-scene-aurora{position:absolute;inset:-25%;border-radius:50%;background:radial-gradient(ellipse at 35% 45%,#82b9ff20,transparent 40%),radial-gradient(ellipse at 70% 60%,#a978ff35,transparent 45%);transform:translate3d(calc(var(--px,0px) * -.6),calc(var(--py,0px) * -.6),0)}
.tg-scene-grid{position:absolute;inset:0;background-image:radial-gradient(#b1caff60 .7px,transparent .8px);background-size:38px 43px;opacity:.5;mask-image:linear-gradient(135deg,#000,transparent 86%)}
.tg-scene>.tg-art--card{position:absolute;inset:-6% -9% 18% 18%;width:auto;height:auto}
.tg-scene>.tg-art--companion{position:absolute;inset:8% 53% 21% -9%;width:auto;height:auto;z-index:3}
.tg-art--companion :is(.tg-art-caption,.tg-art-satellite,.tg-art-orbit,.tg-art-shadow){display:none}
.tg-art--companion .tg-art-model{transform:perspective(750px) translate3d(calc(var(--px,0px) * -.6),calc(var(--float,0px) * -.6),0) rotate(11deg)}
.tg-scene--world>.tg-art--world{position:absolute;inset:-31% -2% -32% 51%;width:auto;height:auto}
.tg-scene--world>.tg-art--companion{inset:-8% 28% -12% 39%}
.tg-scene--hero>.tg-art--hero{position:absolute;inset:-5% -3% 4% 38%;width:auto;height:auto}
.tg-scene :is(.tg-art-caption,.tg-art-satellite--one){display:none}
.game-card[data-game="telegram"]{color:#edf2ff!important}.game-card[data-game="telegram"] .game-name,.game-card[data-game="telegram"] .game-bottom{z-index:5;text-shadow:0 2px 18px #0a102bdd}
.world-hero[data-theme="telegram"] .poster-type,.hero[data-theme="telegram"] :is(.hero-type,.hero-product-copy){color:#edf2ff!important}
.game-card[data-game="telegram"] .media-fallback{display:none}
@media(max-width:620px){.category-card:has(.tg-art) .category-art{inset:-7% -13% 16% 5%}.tg-art-caption{font-size:7px;letter-spacing:.13em}.tg-scene--world>.tg-art--world{inset:-10% -16% -13% 47%}.tg-scene--world>.tg-art--companion{inset:10% 23% 0 47%}.tg-scene--hero>.tg-art--hero{inset:-1% -10% 24% 19%}.product-thumb[data-theme="telegram"] .tg-art-model{inset:2% 0 4%}}
@media(prefers-reduced-motion:no-preference){body:not(.reduced-motion):not(.system-reduced) .tg-art-stars{animation:tg-stars-glimmer 4.6s ease-in-out infinite alternate}body:not(.reduced-motion):not(.system-reduced) .tg-art-orbit--back{animation:tg-orbit-breathe 7s ease-in-out infinite alternate}@keyframes tg-stars-glimmer{from{opacity:.35}to{opacity:.95}}@keyframes tg-orbit-breathe{from{opacity:.25;transform:rotate(17deg)}to{opacity:.65;transform:rotate(30deg)}}}
.page-hidden :is(.tg-art-stars,.tg-art-orbit),.motion-suspended :is(.tg-art-stars,.tg-art-orbit),.is-under-dialog :is(.tg-art-stars,.tg-art-orbit){animation-play-state:paused!important}
body.reduced-motion .tg-art-model,body.system-reduced .tg-art-model{transform:rotate(-7deg);will-change:auto}
body.reduced-motion .tg-art-satellite,body.system-reduced .tg-art-satellite{transform:rotate(12deg)}
@media(prefers-reduced-motion:reduce){.tg-art-model{transform:rotate(-7deg);will-change:auto}.tg-art-satellite{transform:rotate(12deg)}}