*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow:hidden}body{background-color:#000;margin:0;font-family:Times New Roman,serif;overflow:hidden}#canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:40px;display:flex;position:absolute;top:0;left:0}.ui-hidden{opacity:0;pointer-events:none!important}#loader{z-index:100;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s ease-out;display:flex;position:absolute;top:0;left:0}.loader-text{color:#d4af37;letter-spacing:4px;text-transform:uppercase;margin-top:20px;font-size:14px;font-weight:100}.spinner{border:1px solid #d4af3733;border-top-color:#d4af37;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{color:#fceea7;letter-spacing:6px;text-shadow:0 0 50px #fceea799;background:linear-gradient(#fff,#eb6);-webkit-text-fill-color:transparent;opacity:.9;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,Times New Roman,serif;font-size:56px;font-weight:400;transition:opacity .5s}@media (max-width:768px){h1{letter-spacing:3px;font-size:36px}#ui-layer{padding-top:30px}}@media (max-width:480px){h1{letter-spacing:2px;font-size:28px}#ui-layer{padding-top:20px}}.upload-wrapper{pointer-events:auto;text-align:center;margin-top:20px;transition:opacity .5s}@media (max-width:768px){.upload-wrapper{display:none}}.upload-btn{color:#d4af37;cursor:pointer;text-transform:uppercase;letter-spacing:3px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14141499;border:1px solid #d4af3766;padding:10px 25px;font-size:10px;transition:all .4s;display:inline-block}.upload-btn:hover{color:#000;background:#d4af37;box-shadow:0 0 20px #d4af3780}.hint-text{color:#d4af3780;letter-spacing:1px;text-transform:uppercase;margin-top:8px;font-size:9px}#file-input{display:none}#webcam-wrapper{opacity:0;pointer-events:none;border:1px solid #ffffff1a;width:120px;height:90px;position:absolute;bottom:40px;right:40px;overflow:hidden}
