:root{--red-4:#ef5350;--orange-4:#ff9800;--yellow-4:#ffeb3b;--green-4:#4caf50;--blue-4:#2196f3;--violet-4:#9c27b0;--red-2:#ffcdd2;--orange-2:#ffe0b2;--yellow-2:#fff9c4;--green-2:#c8e6c9;--blue-2:#bbdefb;--violet-2:#e1bee7;--gray-4:#bdbdbd;--gray-5:#9e9e9e;--gray-6:#757575}article{margin:0 10px}.shelf{position:relative;width:721px;border-bottom:13px solid #24252a;text-align:center;padding:0 27px;margin:20px auto}.shelf,.shelf:after{background:transparent}.shelf:after{position:absolute;bottom:-13px;left:34px;height:10px;content:"";-webkit-transform:perspective(150) rotateX(-25deg);-moz-transform:perspective(150) rotateX(-25deg);-ms-transform:perspective(150) rotateX(-25deg);transform:perspective(150) rotateX(-25deg);right:34px;box-shadow:0 0 17px 5px rgba(0,0,0,.7);z-index:-1}.shelf>div{border-bottom:23px solid #303138;position:relative;z-index:1}.shelf>div:before{border-color:transparent transparent #303138;border-style:solid;border-width:0 0 23px 27px;left:-27px;-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);transform:rotate(1turn)}.shelf>div:after,.shelf>div:before{content:"";width:0;height:0;position:absolute;bottom:-23px;z-index:2}.shelf>div:after{border-color:transparent transparent transparent #303138;border-style:solid;border-width:23px 0 0 27px;right:-27px}.shelf>div>*{position:relative;z-index:2;top:18px}.case{display:inline-block;width:142px;height:179px;border-radius:5px;position:relative;z-index:1}.case:after{width:100%;height:10px;border-radius:20px;content:"";background:rgba(0,0,0,.3);position:absolute;bottom:-5px;-webkit-transform:perspective(600) rotateX(100deg);-moz-transform:perspective(600) rotateX(100deg);-ms-transform:perspective(600) rotateX(100deg);-o-transform:perspective(600) rotateX(100deg);transform:perspective(600) rotateX(100deg);box-shadow:0 0 20px rgba(0,0,0,.5);left:0}.case>div{width:100%;height:100%;background:#46b0e9;background:rgba(70,176,233,.8);border-radius:8px 8px 5px 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:14px 3px 3px 0;overflow:hidden;position:relative}.case>div:after{content:"";position:absolute;top:0;left:35px;width:100%;height:200%;background:rgba(255,255,255,.2);z-index:10;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}.case>div>.logo{position:absolute;top:5px;left:0;width:100%}.case>div>.logo>img{max-height:8px;width:auto;margin:auto;display:block}.case>div>.img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:1px 1px 1px 0;border-radius:0 4px 4px 0;background:rgba(0,0,0,.2);position:relative}.case>div>.img:before{top:-10px;width:2px;bottom:0;background:rgba(255,255,255,.3);z-index:3}.case>div>.img:after,.case>div>.img:before{content:"";position:absolute;left:1px;border-radius:8px}.case>div>.img:after{top:-13px;right:-2px;height:15px;border-top:2px solid rgba(255,255,255,.3)}.case>div>.img>span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:1px 1px 1px 0;border-radius:0 4px 4px 0;background:rgba(255,255,255,.2);display:block;position:relative;overflow:hidden}.case>div>.img>span:before{top:2px;box-shadow:0 0 5px 2px rgba(0,0,0,.3);z-index:2}.case>div>.img>span:after,.case>div>.img>span:before{position:absolute;left:0;width:0;height:100%;content:""}.case>div>.img>span:after{top:5px;box-shadow:0 0 5px 3px rgba(255,255,255,.3);z-index:1}.case>div>.img>span>img{width:100%;height:100%;display:block;border-radius:0 3px 3px 0;object-fit:cover;object-position:center 40%}.case.ps3>div{background:#fff;background:rgba(239,239,239,.8)}.case.ps3>div>.logo{text-align:left;overflow:hidden}.case.ps3>div>.logo>img{float:left;margin-left:10px}.case.ps3>div>.logo>img+img{float:right;margin-right:7px;max-height:3px;margin-top:2px}.case.ps4>div{background:#003087;background:rgba(0,48,135,.8);padding:3px 3px 3px 0;border-radius:2px 5px 5px 2px}.case.ps4>div>.logo{text-align:left;overflow:hidden}.case.ps4>div>.logo>img{float:left;margin-left:10px}.case.ps4>div>.logo>img+img{float:right;margin-right:7px;max-height:3px;margin-top:2px}.case.ps5>div{background:#003087;background:rgba(0,48,135,.8);padding:3px 3px 3px 0;border-radius:2px 5px 5px 2px}.case.xboxone{height:160px}.case.xboxone>div{background:#0a5a0a;background:rgba(10,90,10,.8);border-radius:3px 3px 3px 3px}.case.xboxone>div>.logo{text-align:left;overflow:hidden}.case.xboxone>div>.logo>img{display:block;margin:0 auto}.case.xboxone>div>.logo>img+img{float:right;margin-right:7px;max-height:3px;margin-top:2px}.case.xboxone>div>.img,.case.xboxone>div>.img:after,.case.xboxone>div>.img:before{border-radius:2px 2px 2px 2px}.case.xbox{height:203px}.case.xbox>div{background:#75bb24;background:rgba(117,187,36,.8);padding:3px 3px 3px 0;border-radius:2px 5px 5px 2px}.case.xbox360{height:203px}.case.xbox360>div{background:#75bb24;background:rgba(117,187,36,.8);padding:3px 3px 3px 0;border-radius:2px 5px 5px 2px}.case.cd{height:131px}.case.cd>div{background:#fff;background:rgba(255,255,255,.15);padding:1px 1px 1px 13px}.case.cd>div,.case.cd>div>.img{border-radius:0;border:1px solid rgba(0,0,0,.6)}.case.cd>div>.img{padding:0}.case.cd>div>.img:after,.case.cd>div>.img>span:after,.case.cd>div>.img>span:before{display:none}.case.cd>div>.img:before{box-shadow:none;width:12px;background-color:#444;background-image:-webkit-gradient(linear,0 0,100% 0,color-stop(.5,rgba(0,0,0,.2)),color-stop(.5,transparent),to(transparent));background-image:-webkit-linear-gradient(0deg,rgba(0,0,0,.2) 50%,transparent 0,transparent);background-image:-moz-linear-gradient(0deg,rgba(0,0,0,.2) 50%,transparent 50%,transparent);background-image:-ms-linear-gradient(0deg,rgba(0,0,0,.2) 50%,transparent 50%,transparent);background-image:-o-linear-gradient(0deg,rgba(0,0,0,.2) 50%,transparent 50%,transparent);background-image:linear-gradient(0deg,rgba(0,0,0,.2) 50%,transparent 0,transparent);border-radius:0;background-size:2px 100%;top:-1px;bottom:-1px;left:-14px}.case.cd>div>.img>span{background:transparent}.case.cd>div>.img>span>img{border-radius:0}.cd-background{position:absolute;top:50%;left:50%;width:120vmin;aspect-ratio:1/1;background-image:conic-gradient(from 135deg,#0000 40%,#fff7,#fff7,#0000 60%),conic-gradient(from -45deg,#0000 40%,#fff7,#fff7,#0000 60%),conic-gradient(from 45deg,#0000 40%,var(--red-4),var(--orange-4),var(--yellow-4),var(--green-4),var(--blue-4),var(--violet-4),#0000 60%),conic-gradient(from -135deg,#0000 40%,var(--red-2),var(--orange-2),var(--yellow-2),var(--green-2),var(--blue-2),var(--violet-2),#0000 60%),conic-gradient(from 45deg,var(--gray-4),var(--gray-5),var(--gray-6),var(--gray-6),var(--gray-5),var(--gray-4));mask-image:radial-gradient(circle at 50% 50%,#0000 0,#0000 7%,#0007 0,#0007 15%,#000 0,#000 49%,#0007 0,#0007 50%,#0000 0);z-index:-1;transform:translate(-50%,-50%) scale(.15);transform-origin:center}.game-container{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:10px;vertical-align:top}.game-info{margin-top:5px;text-align:center;max-width:142px}.game-info h2{font-size:.75rem;font-weight:500;margin-bottom:5px;color:var(--foreground);white-space:normal;word-wrap:break-word}.game-info p{font-size:.8rem;color:var(--foreground)}