.menus{background-color:#41252c;font-weight:700;padding:.75rem 1rem;border-radius:.5rem;position:relative;z-index:10}.menus a{text-decoration:none}.menus nav ul{display:flex;align-items:center;justify-content:center;gap:1rem;list-style:none;margin:0;padding:0}.menus nav ul li{margin:0}.menus nav ul li a{color:#db9;padding:.6rem 1rem;border-radius:.375rem;transition:all .2s ease;display:block;background-color:rgba(167,87,98,.1);border:1px solid rgba(167,87,98,.3);font-size:.9rem;white-space:nowrap}.menus nav ul li a:hover,.menus nav ul li a.active{background-color:#a75762;border-color:#a75762;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.random-container{display:flex;align-items:flex-end;margin-bottom:3px}.random-dice{margin-left:10px;font-size:.9rem;user-select:none;-webkit-user-drag:none;cursor:pointer}.random-text{margin-left:5px;font-size:.8rem}@media(max-width:768px) and (min-width:481px){.menus{padding:.5rem .75rem}.menus nav ul{flex-direction:row;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.menus nav ul li{flex:none}.menus nav ul li a{text-align:center;padding:.6rem 1rem;font-size:.9rem;border-radius:.375rem;background-color:rgba(167,87,98,.1);border:1px solid rgba(167,87,98,.3);white-space:nowrap}.menus nav ul li a:hover,.menus nav ul li a.active{background-color:#a75762;border-color:#a75762;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}}@media(max-width:480px){.menus{padding:.4rem .5rem}.menus nav ul{flex-direction:column;gap:.375rem;align-items:stretch}.menus nav ul li{width:100%}.menus nav ul li a{text-align:center;padding:.6rem .8rem;font-size:.9rem;border-radius:.375rem;background-color:rgba(167,87,98,.1);border:1px solid rgba(167,87,98,.3)}.menus nav ul li a:hover,.menus nav ul li a.active{background-color:#a75762;border-color:#a75762;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}}@media(max-width:360px){.menus{padding:.3rem .4rem}.menus nav ul{gap:.25rem}.menus nav ul li a{padding:.5rem .6rem;font-size:.85rem}}