html{background:rgb(27,36,28)}body,html{width:100%;height:100%;margin:0;padding:0;left:0;top:0;font-size:100%;background-color:rgb(0,0,0);overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:hidden}.main-frame{position:relative;width:100%;display:flex;justify-content:center;z-index:1;background-size:cover;background-repeat:no-repeat;background-position:50%;transition:opacity 2s ease-in-out;opacity:0}.main-frame.loaded{opacity:1}main{display:flex;flex-direction:column;text-align:center;background:rgba(0,0,0,.6);padding:0 20px;height:100vh;-webkit-overflow-scrolling:touch}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:900}.modal-content{background:rgba(66,66,66,.7);border:2px solid #ffff45;padding:20px;border-radius:10px;min-width:316px;max-width:700px;max-height:80vh;overflow-y:auto}h1{font-size:36px;color:#fff;margin-bottom:10px}p{font-size:18px;color:#ccc;margin-bottom:20px}button{font-family:inherit;font-size:1.1rem;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;color:#fff;margin:5px}.btn-action{border:2px solid #00ffff}.btn-action,.btn-cancel{background-color:rgba(0,0,0,.6)}.btn-cancel{border:2px solid #ff4bfc}.btn-info{border:2px solid #ffdb4b;background-color:rgba(0,0,0,.6)}@media (hover:hover){.btn-action:hover{color:#00ffff;background-color:rgba(0,0,0,.8)}.btn-cancel:hover{color:#fd30ff;background-color:rgba(0,0,0,.8)}.btn-info:hover{color:#ffdb4b;background-color:rgba(0,0,0,.8)}}@media (hover:none){.btn-action:active{color:#00ffff;background-color:rgba(0,0,0,.8)}.btn-cancel:active{color:#fd30ff;background-color:rgba(0,0,0,.8)}.btn-info:active{color:#ffdb4b;background-color:rgba(0,0,0,.8)}}input{font-family:inherit;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}a{color:#0070f3;text-decoration:none}a:hover{text-decoration:underline}