:root{--color-theme: rgb(2, 176, 236);--color-record-center: #fff;--color-record-inner: #131313;--color-record-groove: #000;--color-record-outer: #000;--spacing-groove: 10%;--font-family: "Poppins", cursive}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0;overflow:hidden}body{width:100%;height:100vh;overflow:hidden;overscroll-behavior:contain;background:#0a0f13}.layout{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.turntable{width:clamp(25rem,100%,38rem);display:flex;flex-direction:column;padding:2rem;background:#425073;border-radius:3px;box-shadow:9px 11px 15px 1px #425073}.disc-container{width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid #000;background:linear-gradient(45deg,#f0f0f0,#424242)}.disc{position:relative;aspect-ratio:1;width:91%;overflow:hidden;border-radius:50%;background:repeating-radial-gradient(var(--color-record-inner),var(--color-record-groove) 2px,var(--color-record-groove) 2px,var(--color-record-inner) 4px);cursor:grab}.disc.is-scratching{cursor:grabbing}.disc__que{--dim: 10px;position:absolute;top:50%;right:30px;width:var(--dim);height:var(--dim);background:#8aff67;border-radius:50%}.disc__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;text-align:center;width:45%;aspect-ratio:1/1;background:no-repeat url(/khangalhugo-avatar.png) center center;background-size:contain;pointer-events:none}.disc__middle{--dim: 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--dim);height:var(--dim);background:#1a1a1a;border-radius:50%}.disc__glare{width:200%;height:15%;position:fixed;top:50%;transform:translateY(-50%) rotate(-30deg);background:#4250731a;filter:blur(10px);pointer-events:none}.controls{display:flex;justify-content:end;gap:.5rem}.control{font-family:var(--font-family);text-transform:uppercase}.button{border-radius:0;border:none;background:#454545;font-size:.75rem;padding:.4rem;color:#fff;line-height:1.3;cursor:pointer;box-shadow:1px 1px 0 1px #000,0 0 0 0 var(--color-theme);will-change:box-shadow;transition:box-shadow .2s ease-out,transform .05s ease-in}.button.is-active{transform:translate(1px,2px);box-shadow:0 0 5px 1px var(--color-theme)}.button[disabled]{opacity:.5}