*{box-sizing:border-box}.case-container{perspective:1000px;justify-content:center;padding:50px;display:flex}.jewel-case{width:400px;transform-style:preserve-3d;border-radius:4px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;position:relative;box-shadow:0 10px 30px -10px #000000b3,inset 0 0 0 1px #ffffff26}.jewel-case:hover{transform:translateY(-5px)rotateX(5deg)rotateY(-5deg);box-shadow:0 25px 50px -12px #000c,inset 0 0 0 1px #ffffff4d}.jewel-case img{border-radius:4px;width:100%;display:block}.glare{mix-blend-mode:color-dodge;pointer-events:none;opacity:0;background-color:#0000;background-image:linear-gradient(105deg,#0000 20%,#ffffffb3 25%,#fff3 27%,#0000 32%),radial-gradient(circle at 100% 0,#ffffffe6 0%,#0000 40%),conic-gradient(from 180deg,#ff00000d,#00ff000d,#0000ff0d,#ff00000d);background-position:100% 100%;background-repeat:repeat,repeat,repeat;background-size:250% 250%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:4px;transition:opacity .4s;position:absolute;inset:0}.case-container:hover .glare{opacity:1;animation:2s linear infinite alternate glare-sweep}@keyframes glare-sweep{0%{background-position:100% 100%}to{background-position:0 0}}.glare:after{content:"";opacity:0;mix-blend-mode:screen;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(3px 3px at 90px 40px,#ddd,#0000),radial-gradient(2.5px 2.5px at 160px 120px,#fff,#0000),radial-gradient(1.5px 1.5px at 220px 200px,#eee,#0000);background-repeat:repeat;background-size:150px 150px;position:absolute;inset:0}.case-container:hover .glare:after{animation:1.5s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:0;transform:scale(.9)}50%{opacity:.8;transform:scale(1)}to{opacity:.2;transform:scale(.95)}}button{--bg:#414141;--text-color:#fff;background:var(--bg);width:150px;color:var(--text-color);text-transform:uppercase;opacity:.5;letter-spacing:.5em;border:none;border-radius:10px;padding:1em;font-family:Archivo Black,sans-serif;font-size:1.3em;font-weight:700;transition:all .2s;position:relative;box-shadow:0 7px 2px #272727,0 8px 5px #000}button:hover{cursor:pointer;opacity:1;color:#a6ff00d6}button:active{top:4px;box-shadow:0 3px 2px #4b4b4b,0 3px 5px #000}.psx-volume-container{--color:#515151;--size:24px;z-index:9999;cursor:pointer;width:48px;height:48px;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color);background:#00000080;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.psx-volume-container:hover{fill:#fff}.psx-volume-container .mute{animation:.5s keyframes-fill;position:absolute}.psx-volume-container .voice{animation:.5s keyframes-fill;display:none;position:absolute}.psx-volume-container input:checked~.mute{display:none}.psx-volume-container input:checked~.voice{display:block}.psx-volume-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}@keyframes keyframes-fill{0%{opacity:0;transform:rotate(0)scale(0)}50%{transform:rotate(-10deg)scale(1.2)}}html,body,#root{background-color:#87ceeb;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.archivo-black-regular{font-family:Archivo Black,sans-serif;font-style:normal;font-weight:400}.psx-dialogue-wrapper{color:#fff;z-index:100;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#000064e6 0%,#000032e6 100%);border:4px solid #e0e0e0;border-radius:4px;width:80%;height:150px;padding:15px 25px;font-family:VT323,monospace;font-size:28px;position:absolute;bottom:5%;left:10%;box-shadow:4px 4px #000c}.psx-speaker-name{color:#a3abff;text-shadow:2px 2px #000;margin-bottom:5px;font-size:32px}.psx-blinking-cursor{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.psx-attachment-btn{opacity:1;color:#a3abff;cursor:pointer;box-shadow:none;letter-spacing:0;background:0 0;border:2px solid #fff;margin-top:15px;padding:6px 15px;font-family:VT323,monospace;font-size:12px;display:block}.psx-attachment-btn:hover{color:#000;background:#a3abff}.psx-image-overlay{z-index:9999;cursor:pointer;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.psx-stage{perspective:800px;flex-direction:column;width:600px;height:880px;display:flex;box-shadow:0 0 40px #00000080}.psx-box{transform-origin:top;opacity:0;background-repeat:no-repeat;background-size:100% 400%;border-bottom:1px solid #ffffff1a;flex:1;width:100%;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards foldInVertical;transform:rotateX(-90deg)}.psx-box.slice-1{background-position:0 0;animation-delay:.1s}.psx-box.slice-2{background-position:0 33.3%;animation-delay:.25s}.psx-box.slice-3{background-position:0 66.6%;animation-delay:.4s}.psx-box.slice-4{background-position:0 100%;border-bottom:none;animation-delay:.55s}@keyframes foldInVertical{0%{opacity:0;transform:rotateX(-90deg)translateZ(50px)}to{opacity:1;transform:rotateX(0)translateZ(0)}}.button{padding:.4em .4em .4em .8em}