.base-button{font-weight:600;border:none;border-radius:5px;padding:7px 10px;background-color:inherit;cursor:pointer;color:#000;position:relative}.base-button:after{content:"";position:absolute;bottom:0;left:50%;width:100%;height:1.5px;background-color:#000;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .6s ease,opacity .6s ease;opacity:0}@media (min-width: 768px){.base-button:hover:after{transform:translate(-50%) scaleX(1);opacity:1}}.container{display:flex;flex-direction:column;text-align:center;max-width:1200px;width:100%;background-color:#ffffffbc;border-radius:5px;padding:50px;min-height:580px;margin:0 auto;position:relative;z-index:100;justify-content:space-between;overflow:hidden;opacity:0;transform:scale(0);transition:transform .5s ease,opacity .5s ease;will-change:opacity,transform}@media (max-width: 768px){.container{padding:20px}}.container.appear{opacity:1;transform:scale(1)}.rules{font-size:20px;line-height:40px}.difficulty{display:flex;flex-direction:column;align-items:center;gap:20px}.buttons{display:flex;gap:20px}.loader[data-v-181f7ff0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100vh}.spinner[data-v-181f7ff0]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-181f7ff0 1s linear infinite}@keyframes spin-181f7ff0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.background{position:absolute;width:100%;height:100vh;object-fit:cover;z-index:-1}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;margin:0;padding:0;overflow:hidden;font-family:Saira,sans-serif}.page{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:20px}#app{width:100%;height:100%}li{list-style-type:none}button{border:none;background:none;cursor:pointer}@media (max-width: 768px){li{font-size:14px;line-height:30px}h1{font-size:20px}h3{font-size:16px}p{font-size:12px}}