.game-detail{--detail-hot:#ff625c;--detail-peach:#ff9a70;--detail-violet:#b49cff;--detail-mint:#63e6b0;isolation:isolate;perspective:1400px;padding-top:28px;position:relative}.game-detail:before{z-index:-2;pointer-events:none;content:"";opacity:.24;background-image:linear-gradient(#b49cff1c 1px,#0000 1px),linear-gradient(90deg,#b49cff1c 1px,#0000 1px);background-size:58px 58px;height:72rem;position:absolute;inset:15rem -8vw auto;transform:rotate(-4deg);mask-image:radial-gradient(#000 0%,#0000 72%)}.detail-ambient{z-index:-3;pointer-events:none;height:1150px;position:absolute;inset:-120px -12vw auto;overflow:hidden}.detail-orb{opacity:.32;filter:blur(28px);will-change:transform;border-radius:44% 56% 63% 37%/45% 42% 58% 55%;display:block;position:absolute}.detail-orb--one{aspect-ratio:1;background:radial-gradient(circle at 35% 32%, #ffffffb3, var(--detail-violet) 18%, #744aff24 63%, transparent 72%);width:clamp(260px,36vw,520px);top:20px;right:-7%}.detail-orb--two{aspect-ratio:1.15;background:radial-gradient(circle at 62% 42%, var(--detail-hot), #ff625c33 56%, transparent 74%);width:clamp(240px,31vw,440px);top:510px;left:-9%}.detail-orb--three{aspect-ratio:1;background:radial-gradient(circle, var(--detail-mint), #63e6b014 62%, transparent 74%);width:clamp(190px,24vw,340px);top:790px;right:12%}.detail-hero{transform-origin:top;min-height:520px;transform-style:preserve-3d;background:#100d17;border:1px solid #ffffff29;border-radius:clamp(24px,3vw,38px);position:relative;overflow:hidden;box-shadow:0 38px 110px #00000094,0 0 0 1px #ff625c0a,inset 0 0 70px #b49cff14}.detail-hero:before{z-index:6;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(90deg, var(--detail-hot), var(--detail-violet), var(--detail-mint)) top / 100% 2px no-repeat, linear-gradient(180deg, #fff3, transparent 28%, transparent 72%, #ff625c29) border-box;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:padding-box,border-box;mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.detail-hero:after{z-index:6;pointer-events:none;content:"";width:22%;height:4px;box-shadow:0 0 12px #fff, 0 0 32px var(--detail-violet);background:#fff;position:absolute;top:0;right:9%;transform:skew(-36deg)}.detail-hero--fallback{background:radial-gradient(circle at 78% 12%,#b49cff57,#0000 25rem),radial-gradient(circle at 18% 74%,#ff625c40,#0000 24rem),conic-gradient(from 215deg at 75%,#0a1b29,#261531,#10101b,#0a1b29)}.detail-hero__backdrop{object-fit:cover;filter:saturate(1.18)contrast(1.04);will-change:transform;width:100%;height:110%;position:absolute;inset:-5% 0;transform:scale(1.035)}.detail-hero__veil{z-index:1;background:linear-gradient(90deg,#06050cf7 0%,#08060fe0 37%,#08060f61 76%,#07050d8a 100%),linear-gradient(#0000 36%,#06050cfa),linear-gradient(135deg,#ff625c26,#0000 34%,#b49cff1f);position:absolute;inset:0}.detail-hero__fx{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.detail-hero__grid{opacity:.33;transform-origin:bottom;will-change:transform;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:-18%;transform:perspective(550px)rotateX(62deg)translateY(38%);mask-image:linear-gradient(90deg,#0000 4%,#000000e6 53%,#0000 94%)}.detail-hero__cursor{opacity:.46;mix-blend-mode:screen;will-change:transform;background:radial-gradient(circle,#ffffff47 0,#ff9a702b 18%,#b49cff14 42%,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-210px;left:-210px}.detail-hero__flare{aspect-ratio:1;opacity:.34;background:repeating-conic-gradient(from 0deg, transparent 0 7deg, #b49cff40 8deg 9deg, transparent 10deg 19deg, #ff625c2b 20deg 21deg);will-change:transform;border-radius:50%;width:720px;position:absolute;top:-290px;right:-250px;mask-image:radial-gradient(circle,#0000 0 28%,#000 49%,#0000 70%)}.detail-hero__scan{opacity:0;background:linear-gradient(90deg, transparent 4%, var(--detail-hot) 25%, #fff 50%, var(--detail-violet) 74%, transparent 96%);will-change:transform, opacity;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #fffc,0 0 42px #ff625c94}.detail-hero__corner{opacity:.76;width:70px;height:70px;position:absolute}.detail-hero__corner--tl{border-top:1px solid var(--detail-peach);border-left:1px solid var(--detail-peach);top:19px;left:19px}.detail-hero__corner--br{border-right:1px solid var(--detail-violet);border-bottom:1px solid var(--detail-violet);bottom:19px;right:19px}.detail-hero__content{z-index:4;flex-direction:column;min-height:520px;padding:clamp(25px,4vw,48px);display:flex;position:relative}.detail-hero__topline{justify-content:space-between;align-items:center;gap:24px;display:flex}.detail-back{color:#f8f4eed1;letter-spacing:.04em;backdrop-filter:blur(12px);background:#08060f6b;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:8px 13px 8px 10px;font-size:.71rem;transition:color .18s,border-color .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.detail-back:before{z-index:-1;content:"";background:linear-gradient(90deg,#ff625c38,#b49cff29);transition:transform .26s;position:absolute;inset:0;transform:translate(-102%)}.detail-back:hover{color:#fff;border-color:#ff9a7085}.detail-back:hover:before{transform:translate(0)}.detail-hero__hud{color:#ffffff85;letter-spacing:.16em;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.57rem;display:flex}.detail-hero__hud i{background:linear-gradient(90deg, var(--detail-hot), var(--detail-violet));width:42px;height:1px;position:relative;overflow:visible}.detail-hero__hud i:after{content:"";width:5px;height:5px;box-shadow:0 0 10px var(--detail-violet);background:#fff;border-radius:50%;position:absolute;top:-2px;right:0}.detail-hero__identity{grid-template-columns:minmax(290px,410px) minmax(0,1fr);align-items:end;gap:clamp(30px,4.4vw,58px);margin-top:auto;display:grid}.detail-hero__cover-wrap{transform-style:preserve-3d;will-change:transform;background:linear-gradient(135deg,#ffffff2b,#0000 38%),#0a0710b3;border:1px solid #ffffff40;border-radius:20px;padding:7px;position:relative;box-shadow:0 34px 70px #0000008f,0 0 38px #ff625c26,inset 0 0 24px #ffffff0f}.detail-hero__cover-wrap:before,.detail-hero__cover-wrap:after{z-index:2;pointer-events:none;content:"";position:absolute}.detail-hero__cover-wrap:before{clip-path:polygon(0 0,29% 0,29% 3px,3px 3px,3px 36%,0 36%,0 100%,71% 100%,71% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 65%,100% 65%,100% 0);border:1px solid #ff625c5c;border-radius:25px;inset:-7px}.detail-hero__cover-wrap:after{background:linear-gradient(var(--detail-hot), var(--detail-violet));border-radius:2px;width:18px;height:38%;top:15%;right:-9px;transform:translateZ(14px);box-shadow:0 0 20px #ff625c85}.detail-hero__cover{aspect-ratio:460/215;object-fit:cover;filter:saturate(1.09)contrast(1.03);border-radius:14px;width:100%;transform:translateZ(12px)}.detail-hero__cover--fallback{background:linear-gradient(130deg,#ff625c4d,#0000 47%),radial-gradient(circle at 80% 12%,#b49cff57,#0000 50%),#102238;place-items:center;display:grid}.detail-hero__cover--fallback img{border-radius:15px;width:68px;height:68px;box-shadow:0 0 38px #b49cff66}.detail-hero__cover--fallback span{color:#ffffffe0;text-shadow:4px 4px #ff625c66,-4px -4px #b49cff4d;font-size:4rem;font-weight:850}.detail-hero__cover-code{z-index:4;color:#ffffff73;letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.51rem;position:absolute;bottom:-22px;right:18px;transform:translateZ(24px)}.detail-hero__copy{will-change:transform;min-width:0;padding-bottom:2px;position:relative}.detail-hero__copy .section-kicker{text-shadow:0 0 18px #ff625c8f}.detail-hero__copy h1{letter-spacing:-.065em;text-wrap:balance;filter:drop-shadow(0 16px 32px #00000061);max-width:760px;margin:7px 0 0;font-size:clamp(2.25rem,5vw,4.7rem);font-weight:850;line-height:.96;position:relative}.detail-title__main{z-index:1;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(112deg,#fff 8%,#ffe5d9 39%,#d8cbff 72%,#fff 92%) text;display:block;position:relative}.detail-title__echo{z-index:0;color:var(--detail-hot);opacity:0;clip-path:polygon(0 20%,100% 20%,100% 48%,0 48%);text-shadow:-4px 0 var(--detail-violet), 4px 0 var(--detail-mint);will-change:transform, opacity;display:block;position:absolute;inset:0;overflow:hidden}.detail-hero__tags,.detail-hero__actions{flex-wrap:wrap;gap:9px;display:flex}.detail-hero__tags{margin-top:22px}.detail-hero__tags span{color:#f8f4eed6;letter-spacing:.035em;backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#08060f94);border:1px solid #ffffff26;border-radius:7px 7px 7px 2px;padding:5px 10px;font-size:.61rem;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #ffffff08}.detail-hero__tags span:before{content:"";background:var(--detail-hot);width:2px;box-shadow:0 0 10px var(--detail-hot);position:absolute;top:0;bottom:0;left:0}.detail-hero__tags .platform-tag{color:#c4ffe5;border-color:#63e6b047}.detail-hero__tags .platform-tag:before{background:var(--detail-mint);box-shadow:0 0 10px var(--detail-mint)}.detail-hero__actions{margin-top:27px}.detail-button{min-height:46px;color:var(--text);letter-spacing:.02em;backdrop-filter:blur(12px);will-change:transform;background:#08060f99;border:1px solid #fff3;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:.73rem;font-weight:720;transition:border-color .18s,box-shadow .18s,color .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #b49cff0d}.detail-button:before{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:24%;transition:transform .52s;position:absolute;top:-60%;bottom:-60%;left:-35%;transform:rotate(18deg)translate(-220%)}.detail-button:hover{color:#fff;border-color:#b49cff94;box-shadow:0 12px 34px #b49cff33,inset 0 0 24px #b49cff1a}.detail-button:hover:before{transform:rotate(18deg)translate(720%)}.detail-button--primary{color:#19090a;background:linear-gradient(105deg, var(--detail-hot), var(--detail-peach) 52%, #ffd1b6);border-color:#0000;box-shadow:0 12px 34px #ff625c42,inset 0 1px #ffffff73}.detail-button--primary:hover{color:#19090a;border-color:#0000;box-shadow:0 16px 42px #ff625c66,inset 0 1px #ffffff8c}.detail-metrics{counter-reset:detail-metric;perspective:1100px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.detail-metrics article{--metric-accent:var(--detail-hot);background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--metric-accent) 16%, transparent), transparent 55%), linear-gradient(145deg, #1f1a2af0, #0f0d16e6);counter-increment:detail-metric;min-width:0;min-height:112px;transform-style:preserve-3d;will-change:transform;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:14px;padding:19px;transition:border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000047,inset 0 1px #ffffff09}.detail-metrics article:nth-child(2){--metric-accent:var(--detail-violet)}.detail-metrics article:nth-child(3){--metric-accent:var(--detail-mint)}.detail-metrics article:nth-child(4){--metric-accent:#f4c76b}.detail-metrics article:before{content:"";background:linear-gradient(90deg, transparent, var(--metric-accent), transparent);height:2px;box-shadow:0 0 16px color-mix(in srgb, var(--metric-accent) 58%, transparent);position:absolute;top:0;left:0;right:0}.detail-metrics article:after{color:color-mix(in srgb, var(--metric-accent) 10%, transparent);content:"0" counter(detail-metric);letter-spacing:-.1em;pointer-events:none;font-size:4rem;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:10px}.detail-metrics article:hover{border-color:color-mix(in srgb, var(--metric-accent) 42%, transparent);box-shadow:0 24px 58px #00000061, 0 0 32px color-mix(in srgb, var(--metric-accent) 12%, transparent)}.detail-metrics article>span{z-index:1;border:1px solid color-mix(in srgb, var(--metric-accent) 34%, transparent);width:42px;height:42px;color:var(--metric-accent);background:color-mix(in srgb, var(--metric-accent) 10%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--metric-accent) 12%, transparent), inset 0 0 16px color-mix(in srgb, var(--metric-accent) 8%, transparent);border-radius:12px 12px 12px 4px;flex:none;place-items:center;display:grid;position:relative;transform:translateZ(20px)}.detail-metrics article>div{z-index:1;min-width:0;display:grid;position:relative;transform:translateZ(12px)}.detail-metrics small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.6rem}.detail-metrics strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;text-shadow:0 0 22px color-mix(in srgb, var(--metric-accent) 20%, transparent);white-space:nowrap;margin-top:3px;font-size:clamp(.88rem,1.6vw,1.14rem);overflow:hidden}.detail-layout{perspective:1200px;grid-template-columns:minmax(0,1.52fr) minmax(300px,.62fr);align-items:start;gap:18px;margin-top:58px;display:grid}.detail-main,.detail-sidebar{gap:18px;display:grid}.detail-main .detail-panel:nth-child(2){--panel-accent:var(--detail-violet)}.detail-main .detail-panel:nth-child(3),.detail-sidebar .detail-panel:nth-child(2){--panel-accent:var(--detail-mint)}.detail-panel{--panel-accent:var(--detail-hot);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--panel-accent) 10%, transparent), transparent 21rem), linear-gradient(145deg, #1c1826f0, #100e16f5);transform-origin:top;border:1px solid #ffffff1c;border-radius:28px 28px 28px 8px;min-width:0;padding:clamp(24px,3.5vw,36px);transition:border-color .24s,box-shadow .24s;position:relative;overflow:hidden;box-shadow:0 24px 62px #0000004f,inset 0 1px #ffffff09}.detail-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--panel-accent));width:clamp(100px,22%,190px);height:4px;box-shadow:0 0 20px color-mix(in srgb, var(--panel-accent) 46%, transparent);position:absolute;top:0;right:0}.detail-panel:after{border-top:1px solid color-mix(in srgb, var(--panel-accent) 55%, transparent);border-right:1px solid color-mix(in srgb, var(--panel-accent) 55%, transparent);content:"";pointer-events:none;width:34px;height:34px;position:absolute;top:16px;right:18px}.detail-panel:hover{border-color:color-mix(in srgb, var(--panel-accent) 32%, #ffffff14);box-shadow:0 30px 78px #0006, 0 0 46px color-mix(in srgb, var(--panel-accent) 7%, transparent)}.detail-panel .section-kicker{color:var(--panel-accent);text-shadow:0 0 16px color-mix(in srgb, var(--panel-accent) 38%, transparent)}.detail-panel h2,.community-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,2.5vw,1.78rem);line-height:1.16}.detail-description{max-width:78ch;color:var(--muted-strong);margin:22px 0 0;font-size:.94rem;line-height:1.9}.detail-panel__heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:27px;display:flex}.achievement-detail__score{color:#d8ceff;font-variant-numeric:tabular-nums;background:#b49cff14;border:1px solid #b49cff42;border-radius:12px 12px 12px 3px;padding:8px 12px;font-size:clamp(1.4rem,3vw,2rem);font-weight:780;line-height:1;position:relative;box-shadow:0 0 24px #b49cff1a}.achievement-detail__score small{color:var(--muted);font-size:.72rem;font-weight:500}.achievement-detail .achievement__track{height:7px;margin-top:13px;box-shadow:inset 0 1px 3px #00000073}.achievement-detail .achievement__track span{box-shadow:0 0 18px var(--detail-hot)}.achievement-detail__note{color:var(--muted);margin:19px 0 0;font-size:.71rem}.screenshot-panel{--panel-accent:var(--detail-mint)}.screenshot-grid{counter-reset:detail-shot;perspective:1000px;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;display:grid}.screenshot-grid a{background:var(--surface-raised);counter-increment:detail-shot;transform-style:preserve-3d;will-change:transform;border:1px solid #ffffff29;border-radius:14px 14px 14px 4px;transition:border-color .2s,box-shadow .24s;position:relative;overflow:hidden;box-shadow:0 16px 38px #00000052}.screenshot-grid a:nth-child(2n){border-radius:14px 4px 14px 14px}.screenshot-grid a:before{z-index:1;pointer-events:none;content:"";opacity:.7;background:linear-gradient(135deg,#ff625c2e,#0000 33% 65%,#63e6b024),linear-gradient(#0000 58%,#07050c9e);transition:opacity .22s;position:absolute;inset:0}.screenshot-grid a:after{z-index:2;color:#fff;content:"CAPTURE_0" counter(detail-shot);letter-spacing:.08em;backdrop-filter:blur(8px);background:#07050c94;border:1px solid #fff3;border-radius:999px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.48rem;position:absolute;bottom:8px;right:10px;transform:translateZ(18px)}.screenshot-grid img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.86)contrast(1.05);width:100%;transition:transform .52s cubic-bezier(.2,.7,.2,1),filter .26s}.screenshot-grid a:hover{z-index:2;border-color:#63e6b07a;box-shadow:0 24px 54px #00000073,0 0 32px #63e6b01a}.screenshot-grid a:hover:before{opacity:.28}.screenshot-grid a:hover img{filter:saturate(1.18)contrast(1.04);transform:scale(1.075)rotate(.4deg)}.metadata-panel dl{margin:25px 0 0}.metadata-panel dl>div{border-top:1px solid #ffffff17;grid-template-columns:82px minmax(0,1fr);gap:15px;padding:14px 0;display:grid;position:relative}.metadata-panel dl>div:before{content:"";background:linear-gradient(90deg, var(--detail-hot), transparent);width:0;height:1px;transition:width .32s;position:absolute;top:-1px;left:0}.metadata-panel dl>div:hover:before{width:100%}.metadata-panel dt{color:var(--muted);letter-spacing:.04em;font-size:.64rem}.metadata-panel dd{color:var(--muted-strong);text-align:right;overflow-wrap:anywhere;margin:0;font-size:.71rem;transition:color .18s,transform .18s}.metadata-panel dl>div:hover dd{color:#fff;transform:translate(-4px)}.platform-time ul{margin:23px 0 0;padding:0;list-style:none}.platform-time li{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:11px 0 11px 12px;font-size:.71rem;display:flex;position:relative}.platform-time li:before{content:"";background:var(--detail-mint);width:4px;height:4px;box-shadow:0 0 9px var(--detail-mint);border-radius:50%;position:absolute;left:0}.platform-time li+li{border-top:1px solid #ffffff14}.platform-time strong{color:var(--text);font-variant-numeric:tabular-nums}.community-card{transform-origin:top;background:radial-gradient(circle at 104% -4%,#b49cff73,#0000 14rem),radial-gradient(circle at 5% 105%,#ff625c40,#0000 13rem),linear-gradient(145deg,#18283a,#160e20 65%,#0c121c);border:1px solid #ff625c57;border-radius:28px 8px 28px 28px;min-height:280px;padding:30px;position:relative;overflow:hidden;box-shadow:0 24px 62px #00000061,inset 0 1px #ffffff0f}.community-card:before{aspect-ratio:1;content:"";border:1px solid #ffffff1f;border-radius:50%;width:100%;position:absolute;top:-54%;right:-40%;box-shadow:0 0 0 26px #b49cff09,0 0 0 52px #ff625c06,inset 0 0 48px #b49cff14}.community-card:after{content:"";background:linear-gradient(var(--detail-violet), var(--detail-hot), var(--detail-mint));width:4px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 18px #ff625c80}.community-card>*{z-index:1;position:relative}.community-card>span{color:#ffd0bd;will-change:transform;background:linear-gradient(135deg,#ff625c33,#b49cff1f);border:1px solid #ff9a7057;border-radius:15px 15px 15px 4px;place-items:center;width:54px;height:54px;margin-bottom:21px;display:grid;box-shadow:0 12px 32px #ff625c29,inset 0 0 18px #ffffff0a}.community-card p{max-width:32ch;color:var(--muted-strong);margin:13px 0 0;font-size:.75rem}.community-card a{color:#ffb192;text-shadow:0 0 16px #ff625c5c;align-items:center;gap:7px;margin-top:22px;font-size:.74rem;font-weight:720;transition:color .18s,gap .18s;display:inline-flex}.community-card a:hover{color:#fff;gap:12px}.is-gsap-ready [data-reveal],.is-gsap-ready [data-metric]{backface-visibility:hidden}@media (width<=940px){.detail-hero__identity{grid-template-columns:minmax(235px,340px) minmax(0,1fr);gap:30px}.detail-hero__copy h1{font-size:clamp(2.15rem,5.7vw,4rem)}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:1fr 1fr}.community-card:last-child:nth-child(odd){grid-column:1/-1;min-height:240px}}@media (width<=720px){.game-detail{padding-top:16px}.game-detail:before{opacity:.16;inset-inline:-18vw}.detail-hero,.detail-hero__content{min-height:680px}.detail-hero__content{padding:24px}.detail-hero__veil{background:linear-gradient(#08060f6b 0%,#07050deb 46%,#06050cfc 100%),linear-gradient(135deg,#ff625c24,#0000 44%,#b49cff1a)}.detail-hero__hud{display:none}.detail-hero__identity{grid-template-columns:1fr;gap:30px}.detail-hero__cover-wrap{width:min(430px,100%)}.detail-hero__cover-code{display:none}.detail-hero__copy h1{font-size:clamp(2.3rem,10vw,4.15rem)}.detail-hero__grid{opacity:.24}.detail-hero__cursor{display:none}.detail-layout{margin-top:44px}.detail-sidebar{grid-template-columns:1fr}.community-card:last-child:nth-child(odd){grid-column:auto}}@media (width<=500px){.detail-hero,.detail-hero__content{min-height:650px}.detail-hero__content{padding:20px}.detail-hero__corner{width:46px;height:46px}.detail-hero__actions,.detail-button{width:100%}.detail-metrics{grid-template-columns:1fr}.detail-metrics article{min-height:94px}.detail-panel{border-radius:22px 22px 22px 7px}.detail-panel__heading{gap:16px}.achievement-detail__score{padding:7px 9px}.screenshot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.detail-ambient,.detail-hero__scan,.detail-hero__cursor,.detail-hero__flare,.detail-title__echo{display:none}.detail-hero,.detail-hero__backdrop,.detail-hero__grid,.detail-hero__copy,.detail-hero__cover-wrap,[data-metric],[data-reveal],[data-tilt],[data-magnetic],.community-card>span{opacity:1!important;transform:none!important}.detail-button:before,.detail-back:before,.metadata-panel dl>div:before{display:none}.screenshot-grid a:hover img,.metadata-panel dl>div:hover dd{transform:none}}.detail-total-note{color:#f8f4ee94;max-width:92ch;margin:13px 4px 0;font-size:.68rem;line-height:1.7}.achievement-detail__summary{color:var(--text);margin:0;font-size:.9rem;font-weight:700}.achievement-detail__track{background:#d0c8d41f;border-radius:99px;height:7px;margin-top:13px;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.achievement-detail__track span{border-radius:inherit;background:linear-gradient(90deg, var(--detail-violet), var(--detail-mint));height:100%;display:block;box-shadow:0 0 18px #b49cff6b}.source-tag--steam:before,.source-record__badge--steam,.source-record--steam{--source-accent:#66c0f4}.source-tag--xbox:before,.source-record__badge--xbox,.source-record--xbox{--source-accent:#69be28}.source-tag--epic:before,.source-record__badge--epic,.source-record--epic{--source-accent:#b6b6b6}.source-tag--switch:before,.source-record__badge--switch,.source-record--switch{--source-accent:#ff4554}.detail-hero__tags .source-tag:before{background:var(--source-accent,var(--detail-violet));box-shadow:0 0 10px var(--source-accent,var(--detail-violet))}.source-record-panel__count{color:var(--detail-mint);background:#63e6b014;border:1px solid #63e6b047;border-radius:10px;padding:7px 10px;font-size:.76rem;font-weight:750}.source-record-panel__intro{max-width:72ch;color:var(--muted-strong);margin:-10px 0 22px;font-size:.8rem;line-height:1.7}.source-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.source-record{border:1px solid color-mix(in srgb, var(--source-accent,var(--detail-violet)) 25%, #ffffff1a);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--source-accent,var(--detail-violet)) 13%, transparent), transparent 16rem), #0a08108c;min-width:0;transform-style:preserve-3d;border-radius:18px 18px 18px 6px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.source-record:before{content:"";background:linear-gradient(90deg, transparent, var(--source-accent,var(--detail-violet)), transparent);height:2px;position:absolute;top:0;left:0;right:0}.source-record__header{align-items:flex-start;gap:12px;display:flex}.source-record__header>div{min-width:0}.source-record__header h3{color:var(--text);margin:1px 0 4px;font-size:.92rem;line-height:1.3}.source-record__header code,.source-record dd code,.metadata-panel dd code{overflow-wrap:anywhere;color:#f8f4ee80;font-size:.62rem}.source-record__badge{border:1px solid color-mix(in srgb, var(--source-accent) 40%, transparent);color:color-mix(in srgb, var(--source-accent) 78%, white);background:color-mix(in srgb, var(--source-accent) 10%, transparent);letter-spacing:.04em;border-radius:7px;flex:none;padding:5px 8px;font-size:.62rem;font-weight:800}.source-record dl{gap:0;margin:18px 0 0;display:grid}.source-record dl>div{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(76px,.42fr) minmax(0,1fr);gap:12px;min-width:0;padding:8px 0;display:grid}.source-record dt{color:var(--muted);font-size:.65rem}.source-record dd{overflow-wrap:anywhere;min-width:0;color:var(--muted-strong);text-align:right;margin:0;font-size:.68rem;line-height:1.5}.source-record__links{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.source-record__links a{border:1px solid color-mix(in srgb, var(--source-accent,var(--detail-violet)) 28%, transparent);color:color-mix(in srgb, var(--source-accent,var(--detail-violet)) 74%, white);background:color-mix(in srgb, var(--source-accent,var(--detail-violet)) 7%, transparent);border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:.66rem;display:inline-flex}.source-record__no-link{color:var(--muted);margin:15px 0 0;font-size:.64rem}@media (width<=720px){.source-records{grid-template-columns:1fr}.source-record-panel__intro{margin-top:0}}
