.game-case{--case-plastic:#141414;--case-hinge:#050505;--case-ridge:#1e1e1e;aspect-ratio:135/190;background: repeating-linear-gradient(to bottom, #ffffff12 0 1px, transparent 1px 5px) left / 7% 100% no-repeat, linear-gradient(to right, var(--case-hinge), var(--case-plastic) 7%, var(--case-ridge) 8%, var(--case-plastic) 12%);transform-origin:30% 100%;border-radius:5px 7px 7px 5px;padding:4% 4% 4% 9%;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 1px #00000040,0 6px 12px -4px #00000059,0 18px 30px -12px #00000059}.game-case:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#ffffff38 0%,#ffffff0d 22%,#0000 38% 62%,#ffffff14 72%,#0000 84%) 100% 0/220% 100%;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e}.game-case-art{background:#222;border-radius:1px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009}.game-case-band{color:#fff;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(#000,#111);border-bottom:1px solid #ffffff40;align-items:center;gap:.4em;padding:.35em .5em;font-size:clamp(9px,.8vw,12px);font-style:italic;font-weight:900;line-height:1;display:flex;position:absolute;inset:0 0 auto}.game-case-logo{aspect-ratio:1;background:radial-gradient(circle,#000 0 18%,#0000 19%),conic-gradient(from 30deg,#cfd3d6,#f4f4f4,#9ea3a8,#e8e8e8,#b9bec2,#cfd3d6);border-radius:50%;flex:none;width:1.15em}.game-case[data-platform=xbox]{--case-plastic:#7dc23a;--case-hinge:#4f8f1a;--case-ridge:#a6e05c;background:repeating-linear-gradient(to bottom, #ffffff2e 0 1px, transparent 1px 5px) left / 5% 100% no-repeat,  linear-gradient(160deg, #ffffff59, transparent 30%, transparent 75%, #0000001f), linear-gradient(to right, var(--case-hinge), var(--case-plastic) 5%, var(--case-ridge) 6%, var(--case-plastic) 9%);border-radius:6px 9px 9px 6px;padding:3.5% 3.5% 3.5% 6.5%;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 12px #d6ff8c59,0 1px 1px #0003,0 6px 12px -4px #28500059,0 18px 30px -12px #0000004d}.game-case[data-platform=xbox] .game-case-band{color:#8a8f93;height:15%;font-family:var(--font-sans);letter-spacing:-.01em;text-transform:uppercase;background:linear-gradient(112deg,#0000 64%,#c6ec8c 64% 67%,#fff 67% 70%,#8fd145 70% 80%,#5fae22 80%),linear-gradient(#fff,#f1f2f2 60%,#dfe1e2);border-bottom:0;gap:.35em;padding:0 .55em;font-size:clamp(11px,1.05vw,17px);font-style:normal;font-weight:500;box-shadow:inset 0 -1px #0000001f}.game-case-brand{color:#5fae22;font-weight:600}.game-case-xbox-orb{filter:drop-shadow(0 1px 1px #0000004d);flex:none;width:1.55em;height:1.55em}.game-case[data-platform=playstation]{--case-plastic:#121314;--case-hinge:#030303;--case-ridge:#26282b;background:repeating-linear-gradient(to bottom, #ffffff0f 0 1px, transparent 1px 5px) left / 5% 100% no-repeat,  linear-gradient(160deg, #ffffff1f, transparent 30%, transparent 75%, #0003), linear-gradient(to right, var(--case-hinge), var(--case-plastic) 5%, var(--case-ridge) 6%, var(--case-plastic) 9%);border-radius:5px 8px 8px 5px;padding:3.5% 3.5% 3.5% 6.5%;box-shadow:inset 0 0 0 1px #ffffff14,0 1px 1px #00000040,0 6px 12px -4px #00000059,0 18px 30px -12px #00000059}.game-case[data-platform=playstation] .game-case-band{color:#fff;height:11%;font-family:var(--font-sans);letter-spacing:.04em;text-transform:none;background:linear-gradient(#1a1b1d,#000 70%);border-bottom:0;gap:.35em;padding:0 .55em;font-size:clamp(10px,.95vw,15px);font-style:normal;font-weight:500;box-shadow:inset 0 -1px #9aa0a6}.game-case-ps-logo{flex:none;width:1.4em;height:1.4em}.game-case-ps-wordmark{white-space:nowrap;align-items:baseline;gap:.15em;font-stretch:125%;display:inline-flex}.game-case-ps-console{font-family:var(--font-display);font-size:1.35em;font-weight:800;line-height:.8}.game-case[data-platform=epic]{--case-plastic:#18181b;--case-hinge:#0b0b0d;--case-ridge:#26262b}.game-case[data-platform=epic] .game-case-band{color:#fff;font-family:var(--font-sans);letter-spacing:.06em;background:linear-gradient(#2a2a2e,#202024);border-bottom-color:#ffffff1f;gap:.45em;font-style:normal;font-weight:700}.game-case-epic-logo{flex:none;width:1.35em;height:1.35em}.game-case-fallback{color:#fff;font-family:var(--font-display);overflow-wrap:anywhere;background:radial-gradient(circle at 30% 20%,#3a3a3a,#111 70%);align-items:flex-end;padding:2.2em .6em .7em;font-size:clamp(16px,1.6vw,22px);font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.game-case-sticker{z-index:1;aspect-ratio:1;color:#1b1d20;width:50%;font-family:var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;text-shadow:0 1px #ffffff80;filter:drop-shadow(0 3px 5px #00000073);flex-direction:column;justify-content:flex-end;align-items:center;gap:.3em;padding:0 .4em 15%;font-size:clamp(7px,.6vw,9px);font-weight:700;line-height:1.15;display:flex;position:absolute;bottom:6%;right:-10%;rotate:-18deg}.game-case-sticker:before{content:"";z-index:-1;background:conic-gradient(from 20deg,#0000 0deg,#ffffffbf 14deg,#0000 34deg 180deg,#fff9 194deg,#0000 214deg),conic-gradient(from 60deg,#ff50a047,#ffd24647 30deg,#5ae6a04d 60deg,#50aaff4d 90deg,#aa6eff40 120deg,#0000 160deg 180deg,#ff50a047 180deg,#ffd24647 210deg,#5ae6a04d 240deg,#50aaff4d 270deg,#aa6eff40 300deg,#0000 340deg),radial-gradient(circle,#e1e8ee8c 0 30%,#ffffffd9 30% 31%,#b9bdc2 31% 36%,#0000002e 36% 37%,#0000 37% 97%,#ffffffb3 97% 98.5%,#00000040 98.5%),conic-gradient(#cfd3d7,#f6f7f8 40deg,#a8adb3 95deg,#e9ebed 150deg,#c2c6ca 205deg,#f7f7f8 250deg,#a3a8ae 300deg,#cfd3d7);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 15%,#000 15.5%);mask:radial-gradient(circle,#0000 0 15%,#000 15.5%)}.game-case-sticker-dot{aspect-ratio:1;background:var(--color-accent);border-radius:50%;width:.7em}@media (prefers-reduced-motion:no-preference){.game-case{transition:transform var(--motion-reveal) var(--ease-snap), box-shadow var(--motion-reveal) var(--ease-snap)}.game-case:after{transition:background-position .7s var(--ease-snap)}.group:is(:hover,:focus-visible) .game-case{transform:translateY(-6px)perspective(900px)rotateY(-8deg);box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 2px #0003,0 14px 22px -6px #0006,0 30px 44px -18px #0006}.group:is(:hover,:focus-visible) .game-case:after{background-position:0 0}.game-case-sticker-dot{animation:1.6s ease-in-out infinite game-case-pulse}}@keyframes game-case-pulse{50%{opacity:.35}}.game-library{color:#fff;background:radial-gradient(120% 60% at 50% 0,#ffffff14,#0000 60%),linear-gradient(#1b1b1f,#0f0f12)}.game-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0cb8}@media (prefers-reduced-motion:no-preference){.game-modal[open]{animation:game-modal-in var(--motion-reveal) var(--ease-snap)}.game-modal[open]::backdrop{animation:game-modal-fade var(--motion-short) ease-out}}@keyframes game-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes game-modal-fade{0%{opacity:0}}@media not (min-width:820px){.game-shelf>li:nth-child(n+5){display:none}}