:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-normal-DnxXpLNu.woff2)format("woff2"),url(/assets/lora-latin-400-normal-DBJS-Hc6.woff)format("woff")}.intro{max-width:600px;margin-inline:auto;padding-inline:24px;font-family:Lora,system-ui,sans-serif}.intro__title{text-align:center;color:#eee;letter-spacing:normal;margin:0 0 20px;font-family:Lora,system-ui,sans-serif;font-size:2.5rem;font-weight:400;line-height:1.15}@media (width<=480px){.intro__title{font-size:2rem}}.intro__paragraph{text-align:center;color:#ccc;margin:20px 0 0;font-size:1.05rem;line-height:1.65}.intro__paragraph:first-of-type{margin-top:0}.intro__paragraph--last{margin-top:40px}@media (width<=480px){.intro__paragraph{font-size:.95rem}}.intro__contact-link{color:inherit;text-underline-offset:3px;text-decoration:underline}.intro__contact-link:hover{color:#fff}.intro__contact-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.media-card-detail{text-align:center;color:#eee;opacity:0;width:min(90vw,480px);margin-top:16px;font-family:system-ui,sans-serif;transition:opacity .2s .6s,transform .2s .6s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(6px)}.media-card-detail[data-open=true]{opacity:1;transform:translate(-50%)translateY(0)}.media-card-detail--row{width:min(90%,640px)}@media (width<=768px){.media-card-detail--row{display:none}}@media (width>=769px){.media-card-detail:not(.media-card-detail--row){display:none}}@media (prefers-reduced-motion:reduce){.media-card-detail{transition:none}}.media-card-detail__rank{color:#888;font-weight:400}.media-card-detail__title{margin:0 0 4px;font-size:1.1rem;font-weight:600}.media-card-detail__year{color:#999;font-weight:400}.media-card-detail__creator{color:#aaa;margin:0 0 8px;font-size:.9rem}.media-card-detail__note{color:#d9cfae;margin:0;font-family:Lora,system-ui,sans-serif;font-size:.95rem;line-height:1.6}.media-list-section{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}@media (width>=769px){.media-list-section:has(.media-card-detail--row){padding-bottom:220px}}.media-list-band{z-index:0;flex-direction:column;align-items:center;gap:24px;width:100%;display:flex;position:relative;container-type:inline-size}.media-list-band:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#181818 0%,#1e1e1e 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.media-list-heading{color:#888;margin:0;font-family:system-ui,sans-serif;font-size:.75rem;line-height:1}.media-list{--list-case-h:clamp(95px, 9vw, 180px);box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;padding-block:24px;padding-inline:var(--edge-reserve,0px);flex-wrap:nowrap;justify-content:safe center;gap:16px;transition:padding-top 1.5s ease-in-out,padding-bottom 1.5s ease-in-out;display:flex;overflow-x:auto}.media-list .case,.media-list .jewel-case{--case-h:calc(var(--list-case-h) * var(--height-scale,1));--growth:calc(var(--enlarge,1) * var(--extent) - (var(--depth) + var(--front-w)) / 2);margin-inline:var(--growth);transition:transform var(--enlarge-duration) ease-in-out, margin-inline .6s ease}.media-list .media-card:nth-child(-n+5) .case,.media-list .media-card:nth-child(-n+5) .jewel-case{transform:translateX(var(--growth)) scale(var(--enlarge,1));margin-inline-start:0;margin-inline-end:calc(var(--growth) * 2)}.media-list .media-card:nth-child(n+6) .case,.media-list .media-card:nth-child(n+6) .jewel-case{transform:translateX(calc(var(--growth) * -1)) scale(var(--enlarge,1));margin-inline-start:calc(var(--growth) * 2);margin-inline-end:0}@media (prefers-reduced-motion:reduce){.media-list .case,.media-list .jewel-case{transition:none}}:is(.media-list:has(.case[data-enlarged=true]),.media-list:has(.jewel-case[data-enlarged=true])){padding-top:calc(24px + var(--list-case-h));padding-bottom:220px;transition:padding-top 1.5s ease-in-out,padding-bottom 1.5s ease-in-out}@media (prefers-reduced-motion:reduce){:is(.media-list,.media-list:has(.case[data-enlarged=true]),.media-list:has(.jewel-case[data-enlarged=true])){transition:none}}.media-list .media-card{flex-shrink:0;align-self:flex-end}.media-card>.flat-case{transition:transform .18s ease-out}.media-card>.flat-case:hover,.media-card>.flat-case:focus-visible{z-index:1;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.media-card>.flat-case{transition:none}.media-card>.flat-case:hover,.media-card>.flat-case:focus-visible{transform:none}}.disc{aspect-ratio:1;filter:drop-shadow(0 12px 24px #00000080);border-radius:50%;width:min(70vmin,480px);position:relative;container-type:inline-size}.disc--interactive{touch-action:none;cursor:grab}.disc--interactive:active{cursor:grabbing}.disc__art{-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--hub-hole-ratio) * 100%), black calc(var(--hub-hole-ratio) * 100% + 0.5%) 100%);mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--hub-hole-ratio) * 100%), black calc(var(--hub-hole-ratio) * 100% + 0.5%) 100%);-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--hub-hole-ratio) * 100%), black calc(var(--hub-hole-ratio) * 100% + 0.5%) 100%);border-radius:50%;animation:6s linear infinite disc-spin;position:absolute;inset:0;overflow:hidden}.disc__art--interactive{animation:none}.disc__art>img{width:100%;height:100%;display:block}.disc__sweep{opacity:var(--sweep-opacity,.5);mix-blend-mode:screen;background:conic-gradient(from 0deg, transparent 0deg, transparent 55deg, rgba(255, 255, 255, var(--sweep-highlight,.4)) 95deg, transparent 135deg, transparent 360deg);-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--clear-ring-ratio) * 100%), black calc(var(--clear-ring-ratio) * 100% + 1%) 100%);mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--clear-ring-ratio) * 100%), black calc(var(--clear-ring-ratio) * 100% + 1%) 100%);-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--clear-ring-ratio) * 100%), black calc(var(--clear-ring-ratio) * 100% + 1%) 100%);border-radius:50%;animation:9s linear infinite reverse disc-sweep;position:absolute;inset:0}@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes disc-sweep{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.disc__art,.disc__sweep{animation:none}}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.burned-disc,.burned-disc__base,.burned-disc__rainbow,.burned-disc__rings{position:absolute;inset:0}.burned-disc__base{background-blend-mode:soft-light;background-image:radial-gradient(circle at 35% 28%,#f4f5f7 0%,#d9dbdf 20%,#b7bac1 42%,#90939a 68%,#5f6267 100%),repeating-radial-gradient(circle,#ffffff12 0 1px,#0000000d 1px 2px)}.burned-disc__rainbow{mix-blend-mode:color;background:conic-gradient(#ffaac366,#ffdb8c66,#b4ffbe66,#8cc8ff66,#c8a5ff66,#ffaac366);animation:6s linear infinite reverse disc-spin;-webkit-mask-image:radial-gradient(circle closest-side,#000 0% 32%,#0000 76%);mask-image:radial-gradient(circle closest-side,#000 0% 32%,#0000 76%)}.burned-disc__rings{background-image:repeating-radial-gradient(circle, #00000012 0, #00000012 1px, transparent 1px, transparent 3px), radial-gradient(circle closest-side, transparent 0 calc(var(--stack-inner) * 100%), #00000024 calc(var(--stack-inner) * 100% + 0.3%) calc(var(--stack-outer) * 100% - 0.3%), transparent calc(var(--stack-outer) * 100%) 100%);-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--hub-hole-ratio) * 100%), black calc(var(--hub-hole-ratio) * 100% + 0.5%) calc(var(--mould-outer) * 100%), transparent calc(var(--mould-outer) * 100% + 0.5%) 100%);mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--hub-hole-ratio) * 100%), black calc(var(--hub-hole-ratio) * 100% + 0.5%) calc(var(--mould-outer) * 100%), transparent calc(var(--mould-outer) * 100% + 0.5%) 100%);-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--hub-hole-ratio) * 100%), black calc(var(--hub-hole-ratio) * 100% + 0.5%) calc(var(--mould-outer) * 100%), transparent calc(var(--mould-outer) * 100% + 0.5%) 100%)}.burned-disc__band{mix-blend-mode:multiply;letter-spacing:.02em;text-transform:uppercase;color:#1c1e2299;background:#282a3029;justify-content:space-between;align-items:center;height:15%;padding-inline:13%;font-family:system-ui,sans-serif;font-size:clamp(.4rem,4.2cqw,.75rem);display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.burned-disc__brand{align-items:center;font-weight:700;display:inline-flex}.burned-disc__brand-mark{border:1.5px solid;border-radius:50%;width:.7em;height:.7em;margin-right:.35em}.burned-disc__specs{text-align:right;white-space:nowrap}.burned-disc__title-wrap{text-align:center;pointer-events:none;justify-content:center;align-items:flex-end;height:33%;display:flex;position:absolute;top:8%;left:9%;right:9%}.burned-disc__title{color:#0f0c22e6;overflow-wrap:break-word;font-family:Permanent Marker,cursive;font-size:clamp(.6rem,10cqw,1.6rem);line-height:1.15;display:block}.burned-disc__title--caps{text-transform:uppercase}@media (prefers-reduced-motion:reduce){.burned-disc__rainbow{animation:none}}.case{--case-h:calc(min(64vmin, 460px) * var(--height-scale,1))}.case__spine{background:var(--spine-bg,#26262b);justify-content:center;align-items:center;display:flex;overflow:hidden;container-type:size}.case--bluray-livery .case__spine{background:linear-gradient(#0a5e97 0%,#084877 100%)}.case--bluray-livery .case__spine-title{color:#fff}.case--ps3-early-livery .case__spine{background:linear-gradient(#0a0a0a 0% 84%,#3d3d43 91%,#6b6b72 100%)}.case--ps5-livery .case__spine{background:#0a0a0a}.case__spine-mark{width:60%;height:auto;position:absolute;top:4%;left:50%;transform:translate(-50%)}.case__spine-title{writing-mode:sideways-lr;letter-spacing:.03em;color:var(--spine-fg,#eee);white-space:nowrap;font-family:system-ui,sans-serif;font-size:clamp(.55rem,3.6cqh,.85rem);font-weight:600}.case__tray-unit{transform:translateY(calc(var(--depth) * -.0993)) scaleY(1.0115)}.case__tray{background:radial-gradient(circle at 50% 46%,#2e2e32 0%,#26262a 55%,#1e1e21 100%);position:absolute;inset:0}.case--bluray-livery .case__tray{background:radial-gradient(circle at 50% 46%,#1c6ea8 0%,#135483 55%,#0c3f66 100%)}.case__tray-ring{width:calc(var(--tray-ring-outer) * var(--front-w));height:calc(var(--tray-ring-outer) * var(--front-w));-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--tray-ring-inner) / var(--tray-ring-outer) * 100%), black calc(var(--tray-ring-inner) / var(--tray-ring-outer) * 100% + 1%) 100%);-webkit-mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--tray-ring-inner) / var(--tray-ring-outer) * 100%), black calc(var(--tray-ring-inner) / var(--tray-ring-outer) * 100% + 1%) 100%);mask-image:radial-gradient(circle closest-side, transparent 0 calc(var(--tray-ring-inner) / var(--tray-ring-outer) * 100%), black calc(var(--tray-ring-inner) / var(--tray-ring-outer) * 100% + 1%) 100%);background:repeating-conic-gradient(#d2d4da80 0deg 52deg,#787a8047 52deg 56deg,#d2d4da80 56deg 108deg,#787a8047 108deg 112deg,#d2d4da80 112deg 164deg,#787a8047 164deg 168deg,#d2d4da80 168deg 220deg,#787a8047 220deg 224deg,#d2d4da80 224deg 276deg,#787a8047 276deg 280deg,#d2d4da80 280deg 332deg,#787a8047 332deg 360deg);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -2px 3px #00000080}.case__tray-tabs{width:calc(var(--tray-ring-outer) * var(--front-w));height:calc(var(--tray-ring-outer) * var(--front-w));pointer-events:none;background-image:radial-gradient(12% 6% at 50% 2%,#e1e3e8e6 0%,#e1e3e873 55%,#0000 78%),radial-gradient(6% 12% at 98%,#e1e3e8e6 0%,#e1e3e873 55%,#0000 78%),radial-gradient(12% 6% at 50% 98%,#e1e3e8e6 0%,#e1e3e873 55%,#0000 78%),radial-gradient(6% 12% at 2%,#e1e3e8e6 0%,#e1e3e873 55%,#0000 78%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case__hub-boss{width:calc(var(--hub-boss-ratio) * var(--front-w));height:calc(var(--hub-boss-ratio) * var(--front-w));background:radial-gradient(circle at 35% 28%,#48484e 0%,#34343a 55%,#222225 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #0000008c,0 1px 3px #00000080}.case__hub-push{font-family:system-ui,sans-serif;font-weight:700;font-size:calc(var(--front-w) * .013);letter-spacing:.06em;color:#ffffff52}.case__hub-cutout{background:#131316;border-radius:50%;width:40%;height:66%;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:inset 0 1px 3px #000000e6}.case__hub-cutout:after{content:"";background:#27272b;border-radius:50%;position:absolute;inset:0}.case__hub-cutout--left{margin-right:5%;right:100%}.case__hub-cutout--left:after{transform:translate(-32%)}.case__hub-cutout--right{margin-left:5%;left:100%}.case__hub-cutout--right:after{transform:translate(32%)}.case__panel-frame{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 8px #0006}.case__panel-sheen{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(128deg,#ffffff1a 0%,#ffffff08 30%,#0000 55%,#ffffff0d 85%,#ffffff1f 100%);position:absolute;inset:0}.case__front-art{backface-visibility:hidden;--front-w:100cqi;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a;container-type:inline-size}.case__front-art--bluray{background:#0b77be;box-shadow:inset 0 0 0 1px #96c8ff59}.case__front-art--dvd,.case__front-art--ps2,.case__front-art--ps3-late,.case__front-art--ps4,.case__front-art--ps5{background:#0a0a0a;box-shadow:inset 0 0 0 1px #00000073}.case__front-art--ps3-early{box-shadow:none;background:#0a0a0a}.case__front-ps3-early-strip{box-sizing:border-box;height:100%;width:calc(var(--front-w) * .13);justify-content:flex-start;align-items:center;gap:calc(var(--front-w) * .015);background:#0a0a0a;flex-direction:column;display:flex;position:absolute;top:0;left:0}.case__front-ps3-early-badge{width:calc(var(--front-w) * .09);aspect-ratio:1;background:#8a8a8f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.case__front-ps3-early-badge-logo{width:65%;height:auto}.case__front-ps3-early-wordmark-area{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.case__front-ps3-early-wordmark-slot{width:calc(var(--front-w) * .055);height:calc(var(--front-w) * .831);flex-shrink:0;position:relative}.case__front-ps3-early-wordmark{height:calc(var(--front-w) * .055);filter:brightness(0)invert();width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.case__front-poster{top:var(--front-header-height,0%);left:var(--front-inset,0%);right:var(--front-inset,0%);bottom:var(--front-inset,0%);position:absolute;overflow:hidden}.case__front-poster img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.case__front-header{height:var(--front-header-height,0%);box-sizing:border-box;pointer-events:none;align-items:center;padding-inline:5%;display:flex;position:absolute;top:0;left:0;right:0;overflow:visible}.case__front-mark{align-items:center;gap:calc(var(--front-w) * .01);display:flex}.case__front-mark-logo{width:calc(var(--front-w) * .085);flex-shrink:0;height:auto}.case__front-mark-text{color:#fff;font-family:system-ui,sans-serif;font-weight:700;font-size:calc(var(--front-w) * .02);letter-spacing:.02em;white-space:nowrap}.case__front-mark-text sup{letter-spacing:normal;font-size:.55em}.case__front-art--ps2 .case__front-header{background:#0a0a0a}.case__front-art--ps3-late .case__front-header{background:linear-gradient(#4a4a4e 0%,#1a1a1c 100%);border-bottom:2px solid #a41e1e}.case__front-art--ps4 .case__front-header{background:linear-gradient(100deg,#2e6fd9 0%,#1c4fa8 100%)}.case__front-art--ps5 .case__front-header{background:#fff;border-bottom:2px solid #2f6fd9}.case__front-platform-logo{height:calc(var(--front-w) * .085);flex-shrink:0;width:auto}.case__front-art--ps3-late .case__front-platform-logo{height:calc(var(--front-w) * .065)}.case__front-art--ps2 .case__front-platform-logo,.case__front-art--ps3-late .case__front-platform-logo{filter:brightness(0)invert()}.case__front-platform-lockup{align-items:center;gap:calc(var(--front-w) * .012);display:flex}.case__front-platform-mark,.case__front-platform-wordmark{height:calc((var(--front-w) / var(--front-face-ratio)) * var(--header-height-frac,.08) * .6);flex-shrink:0;width:auto}.case__front-art--ps5 .case__front-platform-mark{filter:brightness(0)}.case__front-art--ps5 .case__front-platform-wordmark{mix-blend-mode:multiply}.case__front-art--ps4 .case__front-platform-mark{filter:brightness(0)invert()}.case__front-art--ps4 .case__front-platform-wordmark{filter:invert();mix-blend-mode:screen}.case__front-psn-placeholder{width:calc(var(--front-w) * .1);height:calc(var(--front-w) * .045);flex-shrink:0;margin-left:auto}.case__front-ps-family-logo{height:calc(var(--front-w) * .075);flex-shrink:0;width:auto;margin-left:auto}.case__front-ps3-grey-mark{height:calc(var(--front-w) * .08);width:auto;margin-right:calc(var(--front-w) * .02);flex-shrink:0}.case__front-ellipse{width:calc(var(--front-w) * .24);aspect-ratio:1.5;box-shadow:0 calc(var(--front-w) * .006) calc(var(--front-w) * .016) #0006;background:#2f8fdb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,33%)}.case__front-ellipse-logo{width:74%;height:auto}.case__front-gloss{pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#ffffff08 22%,#0000 45%);position:absolute;inset:0}.case__front-interior{backface-visibility:hidden;background:linear-gradient(100deg,#34343a 0%,#2c2c30 45%,#232326 100%);position:absolute;inset:0;transform:rotateY(180deg)}.case--bluray-livery .case__front-interior{background:linear-gradient(100deg,#1c6ea8 0%,#135483 45%,#0c3f66 100%)}.case__booklet-clip{left:calc(var(--front-w) * -.01);background:linear-gradient(#46464c 0%,#34343a 55%,#2a2a2e 100%);border-radius:3px;width:9%;height:3%;position:absolute;box-shadow:inset 0 1px #ffffff59,inset 0 -1px 1px #0006,-1px 1px 2px #0006}.case__booklet-clip-slot{background:#1a1a1c;border-radius:1px;position:absolute;inset:30% 20%;box-shadow:inset 0 1px 2px #000c}.case__booklet-clip--top{top:20%}.case__booklet-clip--bottom{bottom:20%}.case,.jewel-case{--front-w:calc(var(--case-h) * var(--front-face-ratio));--depth:calc(var(--case-h) * var(--depth-ratio));width:calc(var(--depth) + var(--front-w));height:var(--case-h);perspective:2600px;perspective-origin:50%;--enlarge:1;--enlarge-duration:1.5s;transform:scale(var(--enlarge));transform-origin:50% 100%;transition:transform var(--enlarge-duration) ease-in-out;--extent:calc((var(--depth) + var(--front-w)) / 2);position:relative;overflow:visible}.case[data-enlarged=true],.jewel-case[data-enlarged=true]{--enlarge:2}.case[data-open=true],.jewel-case[data-open=true]{--extent:var(--front-w)}.case__toggle,.jewel-case__toggle{all:unset;cursor:pointer;transform-style:preserve-3d;--tilt-x:6deg;--tilt-y:-24deg;--recenter:0px;transform:translateX(var(--recenter)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .6s;position:absolute;inset:0}.case[data-open=true] .case__toggle,.jewel-case[data-open=true] .jewel-case__toggle{--tilt-x:2deg;--tilt-y:-4deg;--recenter:calc((var(--front-w) - var(--depth)) / 2)}:is(.case:has(.case__toggle:focus-visible),.jewel-case:has(.jewel-case__toggle:focus-visible)){outline-offset:6px;outline:2px solid #fff}.case__spine,.jewel-case__spine{width:var(--depth);transform-origin:100%;opacity:1;height:100%;transform-style:preserve-3d;transition:opacity .25s;position:absolute;top:0;left:0;transform:rotateY(90deg)}.case[data-open=true] .case__spine,.jewel-case[data-open=true] .jewel-case__spine{opacity:0}.case__tray-unit,.jewel-case__tray-unit{left:var(--depth);width:var(--front-w);height:100%;transform-style:preserve-3d;position:absolute;top:0}.case__front,.jewel-case__front{width:var(--front-w);transform-origin:0;height:100%;transform:translateX(var(--depth)) translateZ(var(--depth)) rotateY(var(--hinge,0deg));transform-style:preserve-3d;transition:transform .6s;position:absolute;top:0;left:0}.case[data-open=true] .case__front,.jewel-case[data-open=true] .jewel-case__front{--hinge:-180deg}@media (hover:hover) and (pointer:fine){.case[data-open=false] .case__toggle:hover .case__front,.jewel-case[data-open=false] .jewel-case__toggle:hover .jewel-case__front{--hinge:-12deg}}.case__disc-slot,.jewel-case__disc-slot{width:calc(var(--disc-ratio) * 100%);cursor:pointer;transition:left .6s,top .6s,transform .6s,width .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(1px)scale(1)}.case__disc-slot:focus-visible,.jewel-case__disc-slot:focus-visible{outline:none}.case__disc-slot:focus-visible .disc,.jewel-case__disc-slot:focus-visible .disc{outline-offset:6px;border-radius:50%;outline:2px solid #fff}.case__disc-slot .disc,.jewel-case__disc-slot .disc{width:100%}.case__disc-slot:not(.is-out) .disc__art,.case__disc-slot:not(.is-out) .disc__sweep,.jewel-case__disc-slot:not(.is-out) .disc__art,.jewel-case__disc-slot:not(.is-out) .disc__sweep{animation:none}.case__disc-slot.is-out,.jewel-case__disc-slot.is-out{width:105%;top:46%;left:0%;transform:translate(-50%,-50%)translateZ(90px)scale(1)}.case__shadow,.jewel-case__shadow{filter:blur(6px);pointer-events:none;background:radial-gradient(#00000080 0%,#0000 72%);height:14%;position:absolute;bottom:-6%;left:8%;right:8%}@media (prefers-reduced-motion:reduce){.case,.case__toggle,.case__spine,.case__front,.case__disc-slot,.jewel-case,.jewel-case__toggle,.jewel-case__spine,.jewel-case__front,.jewel-case__disc-slot{transition:none}}.flat-case{all:unset;cursor:pointer;width:calc(var(--list-case-h,140px) * var(--height-scale,1) * var(--front-face-ratio));height:calc(var(--list-case-h,140px) * var(--height-scale,1));display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #00000073}.flat-case:focus-visible{outline-offset:3px;outline:2px solid #fff}.flat-case-stage{--front-w:calc(var(--list-case-h,140px) * var(--height-scale,1) * var(--front-face-ratio));width:calc(var(--front-w) * (1 + var(--spine-ratio,0)));height:calc(var(--list-case-h,140px) * var(--height-scale,1));transition:transform .18s ease-out;position:relative}.flat-case-stage:hover{z-index:1;transform:scale(1.12)}.flat-case-stage:has(.flat-case:focus-visible){z-index:1;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.flat-case-stage{transition:none}.flat-case-stage:hover{transform:none}.flat-case-stage:has(.flat-case:focus-visible){transform:none}}.flat-case-wrap{transform-origin:0;transform-style:preserve-3d;transition:transform .3s;display:flex;position:absolute;inset:0;transform:rotateY(-36deg)}@media (prefers-reduced-motion:reduce){.flat-case-wrap{transition:none}}@keyframes flat-case-settle{0%{transform:rotateY(-36deg)}30%{transform:rotateY(-28deg)}to{transform:rotateY(-36deg)}}.flat-case-wrap--settle{animation:.7s ease-out forwards flat-case-settle}@media (prefers-reduced-motion:reduce){.flat-case-wrap--settle{animation:none}}.flat-case-spine{--spine-w:calc(var(--front-w) * var(--spine-ratio,0));--spine-h:calc(var(--list-case-h,140px) * var(--height-scale,1));width:var(--spine-w);transform-origin:100%;background:var(--spine-body,#0a0a0a);flex:none;height:100%;position:relative;transform:rotateY(90deg)}.flat-case-spine--standard{--spine-body:linear-gradient(180deg, #0a5e97 0%, #084877 100%);background:linear-gradient(to bottom, transparent 0%, transparent 14%, var(--spine-insert,transparent) 14%, var(--spine-insert,transparent) 92%, transparent 92%, transparent 100%), var(--spine-body)}.flat-case-spine--dvd{--spine-body:var(--spine-insert,#4a4a4a);background:linear-gradient(to bottom, #0a0a0a 0%, #0a0a0a 8%, var(--spine-body) 8%, var(--spine-body) 100%)}.flat-case-spine--ps5{--spine-body:#0a5e97;background:linear-gradient(to bottom, #0a5e97 0%, #0a5e97 1.5%, #fff 1.5%, #fff 20%, var(--spine-insert,#fff) 20%, var(--spine-insert,#fff) 98.5%, #0a5e97 98.5%, #0a5e97 100%)}.flat-case-spine--ps4{--spine-body:#0a5e97;background:linear-gradient(to bottom, #0a5e97 0%, #0a5e97 1.5%, #1c4fa8 1.5%, #1c4fa8 20%, var(--spine-insert,#1c4fa8) 20%, var(--spine-insert,#1c4fa8) 98.5%, #0a5e97 98.5%, #0a5e97 100%)}.flat-case-spine--ps3-late{--spine-body:#0a0a0a;background:linear-gradient(to bottom, transparent 0%, transparent 90%, #141414 90%, #141414 100%), var(--spine-body)}.flat-case-spine--ps3-early{--spine-body:linear-gradient(180deg, #8a8a90 0%, #8a8a90 10%, #0a0a0a 14%, #0a0a0a 100%)}.flat-case-spine--ps2{--spine-body:#12141f;background:linear-gradient(to bottom, #fff 0%, #fff 6%, #0a0a0a 6%, #0a0a0a 24%, var(--spine-insert,var(--spine-body)) 24%, var(--spine-insert,var(--spine-body)) 86%, #08080c 86%, #08080c 97%, #1c1c1f 97%, #1c1c1f 100%)}.flat-case-spine-mark{width:calc(var(--spine-w) * .55);height:auto;position:absolute;top:6%;left:50%;transform:translate(-50%)}.flat-case-spine-wordmark{height:calc(var(--spine-w) * .55);width:calc(var(--spine-h) * .09);position:absolute;top:14.5%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.flat-case-spine--ps2 .flat-case-spine-mark{width:calc(var(--spine-w) * .42);top:3%}.flat-case-spine--ps2 .flat-case-spine-wordmark{height:calc(var(--spine-w) * .42);width:calc(var(--spine-h) * .15);top:15%}.flat-case-spine--ps5 .flat-case-spine-mark{filter:brightness(0)}.flat-case-spine--ps5 .flat-case-spine-wordmark{mix-blend-mode:multiply}.flat-case-spine--ps4 .flat-case-spine-mark{filter:brightness(0)invert()}.flat-case-spine--ps4 .flat-case-spine-wordmark{filter:invert();mix-blend-mode:screen}.flat-case-spine--ps3-late .flat-case-spine-wordmark,.flat-case-spine--ps2 .flat-case-spine-wordmark{filter:brightness(0)invert()}.flat-case-spine:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:3px;height:100%;position:absolute;top:0;right:10%}.flat-case-wrap .flat-case{box-shadow:none;flex:none}.flat-case-wrap .flat-case:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff6,#ffffff26 50%,#fff6);width:2px;height:100%;position:absolute;top:0;left:0}.flat-case-shadow{filter:blur(10px);pointer-events:none;background:radial-gradient(#00000052 0%,#0000 75%);height:22%;position:absolute;bottom:-10%;left:4%;right:-22%}.media-card{flex-direction:column;align-items:center;display:flex;position:relative}.films-list{width:100%}.films-list .media-list{perspective:1400px;perspective-origin:50% 40%;--list-case-h:clamp(95px, 9.3vw, 260px);gap:calc((var(--list-case-h) - 95px) * 52 / 85 + 2px);--edge-reserve:calc(var(--list-case-h) * 144 / 368)}.films-list .flat-case-stage{margin-right:calc((var(--front-w) * (1 + var(--spine-ratio,0))) * -.19098)}.series-list{width:100%}.series-list .media-list{perspective:1400px;perspective-origin:50% 40%;--list-case-h:clamp(95px, 9vw, 180px);--edge-reserve:calc(var(--list-case-h) * 144 / 368);gap:calc((var(--list-case-h) - 95px) * 52 / 85 + 2px)}.series-list .flat-case-stage{margin-right:calc((var(--front-w) * (1 + var(--spine-ratio,0))) * -.19098)}.jewel-case{--case-h:min(64vmin, 460px)}.jewel-case__spine{background:linear-gradient(#1c1c1e 0%,#0e0e10 100%)}.jewel-case__tray-shell{background:linear-gradient(155deg,#ffffff0d 0%,#ffffff03 40%,#0000 70%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px 6px #ffffff0f}.jewel-case__tray{background:radial-gradient(circle at 50% 46%,#302f33 0%,#28282c 55%,#201f23 100%);position:absolute;inset:5%;box-shadow:inset 0 1px 2px #0009}.jewel-case__tray-guide{width:calc(var(--disc-ratio) * 100%);aspect-ratio:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff14}.jewel-case__tray-rosette{width:calc(.128 * var(--front-w));aspect-ratio:1;clip-path:polygon(50% 0%,60% 32.7%,93.3% 25%,70% 50%,93.3% 75%,60% 67.3%,50% 100%,40% 67.3%,6.7% 75%,30% 50%,6.7% 25%,40% 32.7%);background:linear-gradient(160deg,#e4e5e8 0%,#b7b9bf 60%,#97999f 100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000080}.jewel-case__tray-relief{width:calc(.09 * var(--front-w));aspect-ratio:1;background:#0a0a0b;border-radius:50%;position:absolute;bottom:8%;box-shadow:inset 0 1px 3px #000c}.jewel-case__tray-relief--left{left:14%}.jewel-case__tray-relief--right{right:14%}.jewel-case__front-shell{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.jewel-case__front-poster{position:absolute;inset:1%;overflow:hidden}.jewel-case__front-poster img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.jewel-case__front-refraction{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 1px 0 #78c8ff14,inset -1px 0 #ffa0c80f}.jewel-case__front-gloss{pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#ffffff0a 20%,#0000 42%);position:absolute;inset:0}.jewel-case__front-interior{backface-visibility:hidden;background:linear-gradient(100deg,#ffffff14 0%,#ffffff05 45%,#0000 100%);position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset 0 0 0 1px #ffffff1a}.flat-jewel-case{all:unset;cursor:pointer;width:calc(var(--list-case-h,140px) * var(--front-face-ratio));height:var(--list-case-h,140px);display:block;position:relative;overflow:hidden}.flat-jewel-case:focus-visible{outline-offset:3px;outline:2px solid #fff}.flat-jewel-case-stage{--front-w:calc(var(--list-case-h,140px) * var(--front-face-ratio));width:calc(var(--front-w) * (1 + var(--spine-ratio,0)));height:var(--list-case-h,140px);position:relative}.flat-jewel-case-wrap{transform-origin:0;transform-style:preserve-3d;transition:transform .3s;display:flex;position:absolute;inset:0;transform:rotateY(-36deg)}@media (prefers-reduced-motion:reduce){.flat-jewel-case-wrap{transition:none}}@keyframes flat-jewel-case-settle{0%{transform:rotateY(-36deg)}30%{transform:rotateY(-28deg)}to{transform:rotateY(-36deg)}}.flat-jewel-case-wrap--settle{animation:.7s ease-out forwards flat-jewel-case-settle}@media (prefers-reduced-motion:reduce){.flat-jewel-case-wrap--settle{animation:none}}.flat-jewel-case-spine{--spine-w:calc(var(--front-w) * var(--spine-ratio,0));width:var(--spine-w);transform-origin:100%;background:linear-gradient(155deg, #ffffff14 0%, #ffffff05 40%, transparent 70%), var(--spine-insert,#4a4a4a);flex:none;height:100%;position:relative;transform:rotateY(90deg);box-shadow:inset 0 0 0 1px #ffffff24}.flat-jewel-case-spine:before,.flat-jewel-case-spine:after{content:"";background:#00000073;width:1px;height:100%;position:absolute;top:0}.flat-jewel-case-spine:before{left:18%}.flat-jewel-case-spine:after{right:18%}.flat-jewel-case-wrap .flat-jewel-case{flex:none}.flat-jewel-case-shadow{filter:blur(10px);pointer-events:none;background:radial-gradient(#00000052 0%,#0000 75%);height:22%;position:absolute;bottom:-10%;left:4%;right:-22%}.flat-jewel-case-stage{transition:transform .18s ease-out}.flat-jewel-case-stage:hover{z-index:1;transform:scale(1.12)}.flat-jewel-case-stage:has(.flat-jewel-case:focus-visible){z-index:1;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.flat-jewel-case-stage{transition:none}.flat-jewel-case-stage:hover{transform:none}.flat-jewel-case-stage:has(.flat-jewel-case:focus-visible){transform:none}}.albums-list{width:100%}.albums-list .media-list{perspective:1400px;perspective-origin:50% 40%;--list-case-h:clamp(95px, 7.8vw, 300px);--edge-reserve:calc(var(--list-case-h) * 144 / 368);gap:calc((var(--list-case-h) - 95px) * 52 / 85 + 2px)}.albums-list .flat-jewel-case-stage{margin-right:calc((var(--front-w) * (1 + var(--spine-ratio,0))) * -.19098)}.games-list{width:100%}.games-list .media-list{perspective:1400px;perspective-origin:50% 40%;--list-case-h:clamp(95px, 8.7vw, 300px);--edge-reserve:calc(var(--list-case-h) * 144 / 368);gap:calc((var(--list-case-h) - 95px) * 52 / 85 + 2px)}.games-list .flat-case-stage{margin-right:calc((var(--front-w) * (1 + var(--spine-ratio,0))) * -.19098)}.footer{max-width:600px;margin-inline:auto;padding-inline:24px;font-family:system-ui,sans-serif}.footer__sources{grid-template-columns:repeat(4,1fr);gap:28px 16px;margin:0;padding:0;list-style:none;display:grid}.footer__source{justify-content:center;display:flex}.footer__source-link{color:#ccc;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.footer__source-link:hover{color:#fff}.footer__source-link:hover .footer__source-name{text-underline-offset:3px;text-decoration:underline}.footer__source-link:focus-visible{outline-offset:4px;outline:2px solid #fff}.footer__source-logo{object-fit:contain;width:auto;max-width:100%;height:28px}.footer__source-name{white-space:nowrap;font-size:.8rem;line-height:1.2}.footer__credit,.footer__attribution{color:#999;text-align:center;margin:24px 0 0;font-size:.8rem;line-height:1.5}.footer__credit-link{color:inherit;text-underline-offset:3px;text-decoration:underline}.footer__credit-link:hover{color:#fff}.footer__credit-link:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=480px){.footer__sources{grid-template-columns:repeat(2,1fr);row-gap:24px}}.section-nav{inset-block:0;z-index:10;align-items:center;display:flex;position:fixed;left:0}@media (width<=768px){.section-nav{display:none}}.section-nav__list{flex-direction:column;gap:28px;margin:0;padding:16px 6px;list-style:none;display:flex}.section-nav__link{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;color:#888;opacity:.6;padding:4px 6px;font:500 .85rem/1 system-ui,sans-serif;text-decoration:none;transition:opacity .2s,color .2s;display:inline-block}.section-nav__link:hover{opacity:1;color:#ccc}.section-nav__link[data-current=true]{color:#eee;opacity:1;font-weight:700}.section-nav__link:focus-visible{outline-offset:2px;outline:2px solid #fff}#root{border-inline:none;width:100%;max-width:none;min-height:100svh;display:flex}.stage{background:#1a1a1a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:56px;min-height:100svh;padding-block:48px;display:flex}.tilt-compare{color:#eee;background:#1a1a1a;min-height:100svh;padding:48px 24px 96px;font-family:system-ui,sans-serif}.tilt-compare__heading{margin:0 0 8px;font-size:1.5rem;font-weight:600}.tilt-compare__intro{color:#aaa;max-width:640px;margin:0 0 16px}.tilt-compare__back{color:#9cf;margin-bottom:40px;display:inline-block}.tilt-compare__row{margin-bottom:56px}.tilt-compare__row-label{color:#ddd;margin:0 0 20px;font-size:1rem;font-weight:600}.tilt-compare__cases{--list-case-h:clamp(95px, 9vw, 180px);align-items:flex-end;gap:32px;display:flex}.tilt-compare__cases .case{--case-h:calc(var(--list-case-h) * var(--height-scale,1))}.tilt-compare__cases .case__toggle{--tilt-x:var(--row-tilt-x);--tilt-y:var(--row-tilt-y)}